{"version":3,"sources":["webpack:////__w/1/s/libs/intl-ui/src/Modules/ComponentListRenderer/ComponentListRenderer.tsx","webpack:////__w/1/s/libs/intl-util/src/removeLine.ts","webpack:////__w/1/s/libs/intl-ui/src/PageComponents/AboutUs/ImageBanner/ImageBanner.style.tsx","webpack:////__w/1/s/libs/intl-ui/src/PageComponents/AboutUs/ImageBanner/ImageBanner.tsx","webpack:////__w/1/s/libs/intl-ui/src/PageComponents/AboutUs/AboutUsStack/AboutUsStack.style.ts","webpack:////__w/1/s/libs/intl-ui/src/PageComponents/AboutUs/AboutUsStack/AboutUsStack.tsx","webpack:////__w/1/s/themes/gatsby-theme-multi-site/src/api/AboutUsPage/useAboutUs.ts","webpack:////__w/1/s/themes/gatsby-theme-multi-site/src/pages/about-us.tsx"],"names":["ComponentListRenderer","_ref","listText","Component","Box","Array","isArray","React","_map2","value","data-testid","key","removeLine","array","object","line","Banner","width","backgroundColor","m","flexDirection","justifyContent","MascotColumn","alignSelf","alignItems","Hearts","maxWidth","ImageBox","p","Image","display","verticalAlign","height","minHeight","MessageColumn","Message","color","fontWeight","fontSize","lineHeight","fontFamily","ImageBanner","bannerImage","bannerText","Container","sx","Flex","Styled","src","Text","as","Half","Stack","alignContent","Content","mb","Title","textTransform","textAlign","Description","flex","AboutUsStack","description","image","isReversed","title","_objectSpread","useAboutUs","locale","data","useStaticQuery","filteredAboutUsBanner","localeFilter","aboutUsBanner","nodes","filteredAboutUsPanelList","localeFilterList","aboutUsPanel","cleanedAboutPanelList","panelImage","url","sortedAboutUsPanelList","_sortBy2","panel","position","AboutUsPage","props","pathContext","Layout","px","panelItem","index"],"mappings":"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","file":"component---themes-gatsby-theme-multi-site-src-pages-about-us-tsx-4e5d2bca3a3f4d4e0e54.js","sourcesContent":["import * as React from 'react';\nimport { map as _map } from 'lodash';\nimport Box from '@lce/slice_v2/Layout/Box';\n\ninterface IComponentListRendererProps {\n  listText?: string | string[];\n  Component?: any;\n}\n\nconst ComponentListRenderer: React.FC<IComponentListRendererProps> = ({ listText, Component = Box }) => {\n  if (Array.isArray(listText)) {\n    return (\n      <>\n        {_map(listText, value => (\n          <Component data-testid=\"ListComponent\" key={value}>\n            {value}\n          </Component>\n        ))}\n      </>\n    );\n  }\n\n  if (listText && !Array.isArray(listText)) {\n    return <Component data-testid=\"SingleComponent\">{listText}</Component>;\n  }\n  return null;\n};\n\nexport default ComponentListRenderer;\n","import { map as _map } from 'lodash';\nimport { ILineObject } from '@lce/intl-types/src/ILineObject';\n\nconst removeLine = (array?: ILineObject[]): string[] => _map(array, object => object.line);\n\nexport default removeLine;\n","import { SxStyleProp } from 'theme-ui';\n\nexport const Banner: SxStyleProp = {\n  width: '100%',\n  backgroundColor: 'primary',\n  m: 'auto',\n  flexDirection: 'row',\n  justifyContent: 'space-around',\n};\n\nexport const MascotColumn: SxStyleProp = {\n  width: 'calc(100% / 3)',\n  alignSelf: 'center',\n  m: ['initial', 'auto'],\n  alignItems: ['normal','flex-end'],\n};\n\nexport const Hearts: SxStyleProp = {\n  maxWidth: ['112px','240px','340px'],\n  m: 'auto',\n};\n\nexport const ImageBox: SxStyleProp = {\n  p: '0 16px',\n  width: '100%',\n};\n\nexport const Image: SxStyleProp = {\n  width: '100%',\n  m: '0',\n  display: 'block',\n  verticalAlign: 'middle',\n  height: 'auto',\n  minHeight: '1px',\n};\n\nexport const MessageColumn: SxStyleProp = {\n  width: 'calc(100% / 3 * 2 )',\n  m: 'auto',\n  flexDirection: 'column',\n};\n\nexport const Message: SxStyleProp = {\n  width: '100%',\n  color: 'white',\n  m: ['16px 0', 'auto'],\n  p: '0 16px',\n  fontWeight: 'bold',\n  fontSize: [12, 18, 26],\n  lineHeight: ['24px', '42px', '56px'],\n  fontFamily: 'primary',\n};\n","import * as React from 'react';\nimport Box from '@lce/slice_v2/Layout/Box';\nimport Flex from '@lce/slice_v2/Layout/Flex';\nimport Image from '@lce/slice_v2/Elements/Image';\nimport Text from '@lce/slice_v2/Elements/Text';\n\nimport Container from '../../../Layout/Container';\nimport * as Styled from './ImageBanner.style';\n\n\nexport interface IImageBannerProps {\n  bannerImage?: string | null;\n  bannerText: string | string[];\n}\n\nconst ImageBanner: React.FC<IImageBannerProps> = ({ bannerImage, bannerText }) => (\n  <Container sx={{ p: '0', m: 'auto' }}>\n    <Flex sx={Styled.Banner}>\n      <Box sx={Styled.MascotColumn}>\n        {bannerImage &&\n          <Box sx={Styled.Hearts}>\n            <Box sx={Styled.ImageBox}>\n              <Image src={bannerImage} sx={Styled.Image}/>\n            </Box>\n          </Box>\n        }\n      </Box>\n      <Flex sx={Styled.MessageColumn}>\n        <Text as='h2' sx={Styled.Message}>{bannerText}</Text>\n      </Flex>\n    </Flex>\n  </Container>);\n\nexport default ImageBanner;\n","import { SxStyleProp } from 'theme-ui';\n\nexport const Half: SxStyleProp = {\n  width: ['100%','100%','50%'],\n};\n\nexport const Stack: SxStyleProp = {\n  alignContent: 'center',\n  p: '0',\n  display: ['block', 'flex'],\n};\n\nexport const Content: SxStyleProp = {\n  maxWidth: '420px',\n  p: ['48px 12px', '24px 12px', '48px 12px'],\n  m: 'auto',\n  alignSelf: 'center',\n};\n\nexport const Image: SxStyleProp = {\n  width: '100%',\n  height: 'auto !impor',\n  minHeight: '1px',\n  mb: '0',\n  verticalAlign: 'bottom',\n};\n\nexport const Title: SxStyleProp = {\n  textTransform: 'uppercase',\n  height: 'auto',\n  textAlign: 'center',\n  fontSize:[16, 16, 26],\n  lineHeight: ['36px', '36px', '52px'],\n  mb: '12px',\n};\n\nexport const Description: SxStyleProp = {\n  maxWidth: '480px',\n  height: 'auto',\n  textAlign: 'center',\n  alignSelf: 'center',\n  fontSize: [10, 10, 14],\n  lineHeight: ['28px', '28px', '36px'],\n};\n\nexport const ImageBox: SxStyleProp = {\n  minHeight: '1px',\n  flex: '1 1 auto',\n  display: 'block',\n};\n","import * as React from 'react';\nimport Box from '@lce/slice_v2/Layout/Box';\nimport Image from '@lce/slice_v2/Elements/Image';\nimport Text from '@lce/slice_v2/Elements/Text';\nimport Flex from '@lce/slice_v2/Layout/Flex';\n\nimport ComponentListRenderer from '../../../Modules/ComponentListRenderer';\nimport Container from '../../../Layout/Container';\nimport * as Styled from './AboutUsStack.style';\n\nexport interface IAboutUsStackProps {\n  title: string[];\n  description: string | string[];\n  image?: string;\n  isReversed?: boolean;\n}\n\nconst AboutUsStack: React.FC<IAboutUsStackProps> = ({ description, image, isReversed, title }) => (\n  <Container sx={{\n    ...Styled.Stack,\n    backgroundColor: isReversed ? 'primary' : '#eeeff1',\n    flexDirection: ['column', isReversed ? 'row-reverse' : 'row'],\n  }}>\n    <Flex sx={Styled.Half}>\n      {image && <Box sx={Styled.ImageBox}>\n        <Image src={image} sx={Styled.Image} />\n      </Box>\n      }\n    </Flex>\n    <Flex sx={Styled.Half}>\n      <Box sx={Styled.Content}>\n        <Text as='h2'\n          sx={{\n            ...Styled.Title,\n            color: isReversed ? 'white' : 'black',\n          }}>\n          <ComponentListRenderer listText={title} />\n        </Text>\n        <Text sx={{\n          ...Styled.Description,\n          color: isReversed ? 'white' : 'black',\n        }}>\n          {description}\n        </Text>\n      </Box>\n    </Flex>\n  </Container>\n);\n\nexport default AboutUsStack;\n","import { graphql, useStaticQuery } from 'gatsby';\nimport { map as _map, sortBy as _sortBy } from 'lodash';\n\nimport { ILineObject } from '@lce/intl-types/src/ILineObject';\nimport localeFilter, { localeFilterList } from '@lce/intl-util/src/localeFilter';\nimport removeLine from '@lce/intl-util/src/removeLine';\nimport { IDatoImage } from '@lce/intl-types/src/IDatoImage';\n\ninterface IDatoUseAboutUs {\n  aboutUsBanner: IDatoNodeAboutUsBanner;\n  aboutUsPanel: IDatoNodeAboutUsPanel;\n}\n\ninterface IDatoNodeAboutUsBanner {\n  nodes: IDatoAboutUsBanner[];\n}\n\ninterface IDatoNodeAboutUsPanel {\n  nodes: IDatoAboutUsPanel[];\n}\n\ninterface IDatoAboutUsBanner {\n  locale: string;\n  bannerImage: IDatoImage;\n  bannerText: string;\n}\n\ninterface IDatoAboutUsPanel {\n  locale: string;\n  position: number;\n  panelImage: IDatoImage;\n  title: ILineObject[];\n  description: string;\n}\n\n// eslint-disable-next-line max-lines-per-function\nconst useAboutUs = (locale: string) => {\n  const data: IDatoUseAboutUs = useStaticQuery(graphql`\n    query UseAboutUsQuery {\n      aboutUsBanner: allDatoCmsAboutUsBanner {\n        nodes {\n          locale\n          bannerImage {\n            url\n          }\n          bannerText\n        }\n      }\n      aboutUsPanel: allDatoCmsAboutUsPanel(sort: { fields: title___line }) {\n        nodes {\n          locale\n          position\n          panelImage {\n            url\n          }\n          title {\n            line\n          }\n          description\n        }\n      }\n    }\n  `);\n\n  const filteredAboutUsBanner = localeFilter<IDatoAboutUsBanner>(\n    data.aboutUsBanner && data.aboutUsBanner.nodes,\n    locale,\n  );\n\n  const filteredAboutUsPanelList = localeFilterList<IDatoAboutUsPanel>(data.aboutUsPanel && data.aboutUsPanel.nodes, locale);\n  const cleanedAboutPanelList = _map(filteredAboutUsPanelList, aboutUsPanel => {\n    const description = aboutUsPanel.description;\n    return ({\n      ...aboutUsPanel,\n      panelImage: aboutUsPanel.panelImage.url,\n      title: removeLine(aboutUsPanel.title),\n      description,\n    });\n  });\n\n  const sortedAboutUsPanelList = _sortBy(cleanedAboutPanelList, (panel) => panel.position);\n\n  return {\n    aboutUsBanner: {\n      ...filteredAboutUsBanner,\n      bannerText: filteredAboutUsBanner.bannerText,\n      bannerImage: filteredAboutUsBanner.bannerImage.url,\n    },\n    aboutUsPanel: {\n      ...sortedAboutUsPanelList,\n    },\n  };\n};\n\nexport default useAboutUs;\n\n","import * as React from 'react';\nimport { map as _map } from 'lodash';\nimport { IDefaultPageProps } from '@lce/intl-types/src/IDefaultPageProps';\nimport Container from '@lce/intl-ui/src/Layout/Container';\nimport ImageBanner from '@lce/intl-ui/src/PageComponents/AboutUs/ImageBanner/ImageBanner';\nimport AboutUsStack from '@lce/intl-ui/src/PageComponents/AboutUs/AboutUsStack';\n\nimport useAboutUs from '../api/AboutUsPage/useAboutUs';\nimport Layout from '../ui/ConnectedLayout';\n\nconst AboutUsPage: React.FC<IDefaultPageProps> = props => {\n  const { aboutUsBanner, aboutUsPanel } = useAboutUs(props.pathContext.locale);\n\n  return (\n    <Layout {...props}>\n      <Container sx={{ mb: '12px', px: '16px' }}>\n        {aboutUsBanner && <ImageBanner {...aboutUsBanner} />}\n        {_map(aboutUsPanel, (panelItem, index) => (\n          <AboutUsStack\n            description={panelItem.description}\n            image={panelItem.panelImage}\n            isReversed={index % 2 === 1}\n            key={index}\n            title={panelItem.title}\n          />\n        ))}\n      </Container>\n    </Layout>\n  );\n};\n\nexport default AboutUsPage;\n"],"sourceRoot":""}