{"version":3,"file":"static/chunks/2806-d41ad14de5e23c52.js","mappings":"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","sources":["webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/Components/contents/AccordionPanel.js","webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/Accordions.js","webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/FullWidthParagraph.js","webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/HalfParagraphHalfVideo.js","webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/HalfWidthParagraphCard.js","webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/Infographics.js","webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/Topics.js","webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/index.js"],"sourcesContent":["import { css, jsx } from '@emotion/core';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport Heading from '@/src/shared/components/Heading';\nimport { bp, colors } from '@/styles';\n\nconst style = {\n panelWrapper: css`\n padding-top: 24px;\n padding-bottom: 24px;\n border-bottom: 1px solid ${colors.accentGrayLight};\n &:first-child {\n padding-top: 0px;\n }\n &:last-child {\n border-bottom: 0;\n }\n `,\n panel: css`\n max-width: 630px;\n padding-left: 32px;\n &:not(:first-child) {\n background: red;\n }\n @media ${bp.lg} {\n padding-left: 100px;\n }\n `,\n subheading: css`\n color: ${colors.secondaryGray};\n font-weight: bold;\n font-size: 1rem;\n line-height: 1.67;\n `,\n subheadingWrapper: css`\n margin-top: 4px;\n margin-bottom: 4px;\n `,\n panelTitle: css`\n font-size: 1.2rem;\n `,\n panelParagraph: css`\n font-size: 1.6rem;\n line-height: 1.75;\n color: ${colors.secondaryGray};\n margin-bottom: 0px;\n `,\n};\n\nconst AccordionPanel = ({ contentData }) => {\n return (\n
\n
\n \n {contentData.Title}\n \n
\n

{contentData.SubHeading}

\n
\n {contentData.Paragraph &&

{contentData.Paragraph}

}\n
\n
\n );\n};\n\nAccordionPanel.propTypes = {};\n\nexport default AccordionPanel;\n","import { css, jsx } from '@emotion/core';\nimport { Collapse, Icon } from 'antd';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport Heading from '@/src/shared/components/Heading';\nimport { bp, colors } from '@/styles';\n\nimport AccordionPanel from './Components/contents/AccordionPanel';\n\nconst style = {\n accordion: css`\n margin-left: -16px;\n margin-right: -16px;\n background-color: transparent;\n border-bottom: none;\n @media ${bp.sm} {\n margin-left: 0;\n margin-right: 0;\n }\n `,\n innerPanelContainer: css``,\n panel: css`\n box-shadow: 0 6px 12px 0 rgba(35, 32, 32, 0.1);\n border-radius: 2px;\n margin-bottom: 16px;\n background-color: white;\n border-bottom: none !important;\n .ant-collapse-content {\n .ant-collapse-content-box {\n padding: 0;\n }\n }\n .ant-collapse-header {\n padding: 31px 16px 31px 72px !important;\n font-weight: 900;\n font-size: 2rem;\n line-height: 3.2rem !important;\n color: ${colors.primaryBlue} !important;\n &[aria-expanded='true'] {\n color: ${colors.primaryRed} !important;\n }\n .anticon {\n font-size: 2.6rem !important;\n margin-left: 12px;\n }\n .ant-collapse-content {\n border-bottom: 0;\n }\n & + div .ant-collapse-header {\n font-size: 1.8rem;\n line-height: 3rem;\n }\n @media ${bp.md} {\n font-size: 2.8rem;\n line-height: 3.6rem;\n & + div .ant-collapse-header {\n font-size: 2rem;\n line-height: 3.2rem;\n }\n }\n }\n `,\n};\n\nconst { Panel } = Collapse;\n\nconst Accordion = ({ blockData, entities }) => {\n let blockComponents = [];\n if (blockData.Components && Array.isArray(blockData.Components)) {\n blockComponents = blockData.Components.map(c => entities.Components[c]);\n }\n return (\n
\n }\n className=\"outerpanel\"\n css={style.accordion}\n >\n {blockComponents.map((panel, i) => {\n const { Title, Contents } = panel;\n let componentContents = [];\n if (Contents && Array.isArray(Contents)) {\n componentContents = Contents.map(c => entities.Contents[c]);\n }\n return (\n \n
\n {componentContents.map(c => (\n \n ))}\n
\n \n );\n })}\n \n
\n );\n};\n\nAccordion.propTypes = {};\n\nAccordion.defaultProps = {\n panels: [],\n};\nexport default Accordion;\n","import { css, jsx } from '@emotion/core';\nimport React from 'react';\n\nimport { bp, colors } from '@/styles';\n\nimport Components from './Components';\n\nconst styles = {\n row: css`\n display: flex;\n width: 100%;\n @media ${bp.md} {\n margin: 0 auto;\n max-width: 1000px;\n flex-direction: row;\n }\n `,\n};\n\nconst FullWidthParagraph = ({ blockData, entities }) => {\n return (\n
\n {blockData.Components &&\n Array.isArray(blockData.Components) &&\n blockData.Components.map(c => (\n \n ))}\n
\n );\n};\n\nFullWidthParagraph.propTypes = {};\n\nexport default FullWidthParagraph;\n","import { css, jsx } from '@emotion/core';\nimport React from 'react';\n\nimport { bp, colors } from '@/styles';\n\nimport Components from './Components';\n\nconst style = {\n row: css`\n display: flex;\n width: 100%;\n flex-direction: column;\n @media ${bp.md} {\n margin: 0 auto;\n max-width: 1000px;\n flex-direction: row;\n justify-content: space-between;\n }\n `,\n component: css`\n width: 100%;\n margin-bottom: 12px;\n @media ${bp.md} {\n width: 50%;\n margin: 0 16px;\n }\n `,\n};\nconst HalfParagraphHalfVideo = ({ blockData, entities }) => {\n return (\n
\n {blockData.Components &&\n Array.isArray(blockData.Components) &&\n blockData.Components.map(c => (\n
\n \n
\n ))}\n
\n );\n};\n\nHalfParagraphHalfVideo.propTypes = {};\n\nexport default HalfParagraphHalfVideo;\n","import { css, jsx } from '@emotion/core';\nimport { Col, Row } from 'antd';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { bp, colors } from '@/styles';\n\nimport Components from './Components';\n\nconst style = {\n row: css`\n display: flex;\n width: 100%;\n flex-direction: column;\n @media ${bp.md} {\n margin: 0 auto;\n max-width: 832px;\n flex-direction: row;\n justify-content: space-between;\n }\n `,\n component: css`\n width: 100%;\n @media ${bp.md} {\n width: 50%;\n }\n `,\n};\nconst HalfWidthParagraphCard = ({ blockData, entities }) => {\n return (\n
\n {blockData.Components &&\n Array.isArray(blockData.Components) &&\n blockData.Components.map(c => (\n
\n \n
\n ))}\n
\n );\n};\n\nHalfWidthParagraphCard.propTypes = {};\n\nexport default HalfWidthParagraphCard;\n","import { css, jsx } from '@emotion/core';\nimport { Card, Col, Divider, Modal } from 'antd';\nimport React, { Component } from 'react';\nimport Media from 'react-media';\nimport Swiper from 'swiper';\n\nimport Button from '@/src/shared/components/Button';\nimport CustomCard from '@/src/shared/components/Card';\nimport Carousel from '@/src/shared/components/Carousel';\nimport Heading from '@/src/shared/components/Heading';\nimport Sanitize from '@/src/shared/components/Sanitize';\nimport TopicCardImage from '@/src/shared/components/TopicCardImage';\nimport { bp, colors, easing, space } from '@/styles';\n\nconst { Meta } = Card;\n\nconst heights = {\n small: css`\n width: 100%;\n max-width: none;\n @media ${bp.md} {\n width: 32%;\n max-width: 368px;\n }\n `,\n medium: css`\n margin-bottom: 20px;\n height: 375px;\n width: 100%;\n max-width: none;\n &:last-child {\n margin-bottom: 0px;\n }\n @media ${bp.md} {\n max-width: 368px;\n height: 410px;\n margin-bottom: 32px;\n width: 32%;\n display: flex;\n flex-direction: column;\n margin-left: auto;\n }\n `,\n};\n\nconst style = {\n infographicCard: {\n panelContainer: css`\n overflow: hidden;\n max-height: 319px;\n position: relative;\n width: 100% !important;\n transition: all 0.25s ease-in-out;\n &:hover {\n cursor: pointer;\n .u-panel--effect {\n color: ${colors.primaryRed};\n }\n &:after {\n opacity: 1;\n }\n }\n &:after {\n content: '';\n position: absolute;\n top: 100%;\n width: 100%;\n height: 6px;\n background-color: red;\n transform: translateY(-100%);\n transition: opacity 0.25s ease-in-out;\n opacity: 0;\n }\n `,\n panelBody: css`\n padding: 28px 16px;\n @media ${bp.md} {\n padding: 14px;\n }\n @media ${bp.lg} {\n padding: 28px;\n }\n .u-panel--effect {\n transition: all 0.25s ease-in-out;\n }\n `,\n panelImage: css`\n height: 234px;\n width: 100%;\n object-position: center;\n object-fit: cover;\n `,\n panelTitle: css`\n margin-bottom: 8px;\n `,\n panelDescription: css`\n font-size: 1.6rem;\n line-height: 28px;\n color: ${colors.secondaryGray};\n margin-bottom: 0px;\n `,\n },\n infographics: css`\n display: none;\n @media ${bp.sm} {\n display: block;\n }\n @media ${bp.md} {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n `,\n modal: {\n surveyContainer: css`\n /* max-width: 700px; */\n `,\n container: css`\n .ant-modal {\n @media ${bp.md} {\n max-width: calc(100vw - 32px);\n margin-left: auto;\n margin-right: auto;\n }\n @media ${bp.lg} {\n max-width: 978px;\n }\n &-footer {\n @media ${bp.md} {\n padding: 24px;\n }\n }\n }\n `,\n imgs: css`\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n flex-direction: column;\n @media ${bp.sm} {\n flex-direction: row;\n }\n `,\n imgsFigure: css`\n flex-basis: calc(33.333333% - 20px);\n figcaption {\n font-size: 1.2rem;\n line-height: 2rem;\n margin-top: 8px;\n }\n `,\n divider: css`\n margin-left: -24px;\n margin-right: -24px;\n width: calc(100% + 48px);\n `,\n defaultInfographic: css`\n display: flex;\n flex-direction: column;\n `,\n defaultInfographicImage: css`\n margin: auto;\n `,\n title: css`\n font-size: 2rem;\n font-weight: 900;\n line-height: 3.2rem;\n color: ${colors.secondaryGray};\n margin-bottom: 0;\n `,\n description: css`\n font-size: 1.6rem;\n line-height: 2.8rem;\n margin-bottom: 0;\n max-width: 744px;\n `,\n },\n card: css`\n border-radius: 2px;\n box-shadow: 0 6px 12px 0 rgba(35, 32, 32, 0.1);\n position: relative;\n cursor: pointer;\n margin-bottom: 24px;\n @media ${bp.md} {\n margin-bottom: 0;\n }\n &::after {\n width: 100%;\n height: 6px;\n content: '';\n transform-origin: 50% 100%;\n position: absolute;\n bottom: 0;\n left: 0;\n display: block;\n transform: scaleY(0);\n background-color: ${colors.primaryRed};\n transition: transform 0.3s ${easing.easeInOut};\n }\n &:hover {\n box-shadow: 0 11px 12px 0 rgba(35, 32, 32, 0.15);\n &::after {\n transform: scaleY(1);\n }\n }\n .ant-card-cover {\n position: relative;\n &::before {\n content: '';\n display: block;\n z-index: 2;\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n background: linear-gradient(289.92deg, rgba(238, 238, 238, 0) 0%, #00407d 100%);\n }\n }\n `,\n cardTitle: css`\n color: ${colors.primaryBlue};\n margin-bottom: 8px;\n margin-top: 8px;\n `,\n global: css`\n .infographics-modal {\n .ant-modal {\n @media ${bp.md} {\n max-width: calc(100vw - 32px);\n margin-left: auto;\n margin-right: auto;\n }\n @media ${bp.lg} {\n max-width: 978px;\n }\n &-footer {\n @media ${bp.md} {\n padding: 24px;\n }\n }\n }\n }\n `,\n};\n\nconst swiperClass = 'infographics';\n\nclass Infographics extends Component {\n constructor(props) {\n super(props);\n this.ref_swiper_container = React.createRef();\n }\n\n state = {\n visible: false,\n selectedIndex: null,\n };\n\n componentDidMount() {\n // eslint-disable-next-line\n const _S = new Swiper(`.${swiperClass}`, {\n loop: true,\n slidesPerView: 1,\n direction: 'horizontal',\n spaceBetween: 0,\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n },\n });\n }\n\n handleClick = () => {\n this.setState({ visible: false, selectedIndex: null });\n };\n\n render() {\n const { blockData, entities } = this.props;\n const { selectedIndex, visible } = this.state;\n\n let infographicComponents = [];\n if (blockData.Components && Array.isArray(blockData.Components)) {\n infographicComponents = blockData.Components.map(c => entities.Components[c]);\n }\n\n // const isDataType = selectedIndex && selectedComponent.type === 'infographicData';\n const modalContent = selectedIndex !== null ? entities.Components[selectedIndex] : null;\n\n const modalContentInner = () => {\n let componentContents = [];\n\n if (modalContent.Contents && Array.isArray(modalContent.Contents)) {\n componentContents = modalContent.Contents.map(item => entities.Contents[item]);\n }\n if (modalContent.InfographicTypeId === 2) {\n return (\n
\n
\n {modalContent.Contents.map(item => (\n
\n \n
{entities.Contents[item].ImageCaption}
\n
\n ))}\n
\n
\n {modalContent.Paragraph}\n
\n
\n );\n }\n return (\n <>\n {componentContents && Array.isArray(componentContents) && componentContents.length ? (\n
\n \n \n

{modalContent.Title}

\n
\n {modalContent.Paragraph}\n
\n
\n ) : null}\n \n );\n };\n\n return (\n \n {isMd => (\n <>\n {modalContent.Title}\n )\n }\n footer={\n modalContent &&\n (modalContent.AddButton === 'Y' || modalContent.AddButton === 'Yes') ? (\n \n \n \n ) : null\n }\n onCancel={this.handleClick}\n width=\"100%\"\n wrapClassName=\"infographics-modal\"\n >\n {modalContent &&
{modalContentInner()}
}\n \n
\n {infographicComponents.map((infographic, i) => {\n const { Title, ImageCaption, ImageId, BlockComponentId } = infographic;\n return (\n {\n this.setState({ selectedIndex: BlockComponentId, visible: true });\n }}\n >\n \n \n
\n \n {Title}\n \n
\n \n \n );\n })}\n
\n {!isMd && (\n \n {infographicComponents.map((infographic, i) => {\n const { Title, ImageCaption, ImageId, BlockComponentId } = infographic;\n return (\n \n }\n css={style.card}\n onClick={() => {\n this.setState({ selectedIndex: BlockComponentId, visible: true });\n }}\n bordered={false}\n >\n \n {Title}\n \n }\n />\n \n );\n })}\n \n )}\n \n )}\n \n );\n }\n}\n\nInfographics.propTypes = {};\n\nexport default Infographics;\n","import { css, jsx } from '@emotion/core';\nimport React from 'react';\n\nimport { bp } from '@/styles';\n\nimport Components from './Components';\n\nconst style = {\n topicsContainer: css`\n display: block;\n\n @media ${bp.md} {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0 -12px;\n }\n `,\n};\n\nconst Topics = props => {\n const { blockData, entities } = props;\n\n let topicComponents = [];\n if (blockData.Components && Array.isArray(blockData.Components)) {\n topicComponents = blockData.Components.map(c => entities.Components[c]);\n }\n\n return (\n
\n {topicComponents.map(tc => (\n \n ))}\n
\n );\n};\nexport default Topics;\n","import { css, jsx } from '@emotion/core';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport contentStyle from '@/src/cms/contentStyle';\nimport Container from '@/src/shared/components/Container';\nimport Heading from '@/src/shared/components/Heading';\nimport Section from '@/src/shared/components/Section';\nimport { space } from '@/styles';\n\nimport Accordions from './Accordions';\nimport FullWidthParagraph from './FullWidthParagraph';\nimport FullWidthParagraphVideo from './FullWidthParagraphVideo';\nimport HalfParagraphHalfVideo from './HalfParagraphHalfVideo';\nimport HalfWidthParagraphCard from './HalfWidthParagraphCard';\nimport HeroSlides from './HeroSlides';\nimport Infographics from './Infographics';\nimport Topics from './Topics';\n\nconst BLOCK_MAP = {\n ID_1: FullWidthParagraph,\n ID_2: FullWidthParagraphVideo,\n ID_3: HalfWidthParagraphCard,\n ID_4: Infographics,\n ID_5: Accordions,\n ID_6: Topics,\n ID_9: HalfParagraphHalfVideo,\n ID_10: HeroSlides,\n};\n\nconst { m } = space;\nconst style = {\n section: css`\n padding-top: 32px !important;\n padding-bottom: 32px !important;\n `,\n};\n\nconst Block = ({ blockData, entities }) => {\n const SelectedBlock = BLOCK_MAP[`ID_${blockData.BlockTypeId}`];\n\n if (SelectedBlock) {\n return (\n
\n \n {blockData.BlockTitle && (\n \n {blockData.BlockTitle}\n \n )}\n \n \n
\n );\n }\n console.warn('There is no matching block.');\n return undefined;\n};\n\nBlock.propTypes = {\n blockData: PropTypes.object.isRequired,\n entities: PropTypes.object.isRequired,\n};\n\nexport default Block;\n"],"names":["style","panelWrapper","css","colors","panel","bp","subheading","subheadingWrapper","panelTitle","panelParagraph","contentData","Heading","tag","weight","theme","href","Url","Title","SubHeading","Paragraph","accordion","innerPanelContainer","Panel","Accordion","blockData","entities","blockComponents","Components","Array","isArray","map","c","bordered","expandIcon","isActive","type","rotate","className","i","Contents","componentContents","key","BlockComponentId","header","ComponentContentId","defaultProps","panels","styles","row","componentData","component","Meta","heights","small","medium","infographicCard","panelContainer","panelBody","panelImage","panelDescription","infographics","modal","surveyContainer","container","imgs","imgsFigure","divider","defaultInfographic","defaultInfographicImage","title","description","card","easing","cardTitle","global","swiperClass","Infographics","props","visible","selectedIndex","setState","ref_swiper_container","React","Swiper","loop","slidesPerView","direction","spaceBetween","navigation","nextEl","prevEl","this","state","infographicComponents","modalContent","query","isMd","InfographicTypeId","footer","AddButton","target","OpenInNewTab","Button","size","icon","ButtonText","onCancel","handleClick","width","wrapClassName","space","item","ImageId","TopicCardImage","imageData","ImageCaption","Sanitize","length","modalContentInner","infographic","xs","md","onClick","Carousel","containerClassName","cover","alt","src","process","Component","topicsContainer","topicComponents","tc","BLOCK_MAP","ID_1","FullWidthParagraph","ID_2","FullWidthParagraphVideo","ID_3","HalfWidthParagraphCard","ID_4","ID_5","Accordions","ID_6","Topics","ID_9","HalfParagraphHalfVideo","ID_10","HeroSlides","m","section","SelectedBlock","BlockTypeId","Section","bgColor","BackgroundColor","Container","BlockTitle","b32","contentStyle","console","warn"],"sourceRoot":""}