{"version":3,"file":"static/chunks/5789-bc659f784f7861ef.js","mappings":"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","sources":["webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/Components/TopicTile.js","webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/Components/InfoCard.js","webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/Components/Infographic.js","webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/Components/Paragraph.js","webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/Components/RelatedTopic.js","webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/Components/Video.js","webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/Components/index.js","webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/FullWidthParagraphVideo.js","webpack://_N_E/./src/shared/components/Card.js","webpack://_N_E/./src/shared/components/TopicCardImage.js"],"sourcesContent":["import { css, jsx } from '@emotion/core';\nimport Link from 'next/link';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport Button from '@/src/shared/components/Button';\nimport Card from '@/src/shared/components/Card';\nimport Heading from '@/src/shared/components/Heading';\nimport Sanitize from '@/src/shared/components/Sanitize';\nimport TopicCardImage from '@/src/shared/components/TopicCardImage';\nimport { bp, colors, space } from '@/styles';\n\nconst { m } = space;\n\nconst heights = {\n  small: css`\n    width: 100%;\n    max-width: none;\n    @media ${bp.lg} {\n      width: 32%;\n      max-width: 368px;\n    }\n  `,\n  medium: css`\n    margin-bottom: 20px;\n    height: 200px;\n    width: 100%;\n    max-width: none;\n    &:last-child {\n      margin-bottom: 0px;\n    }\n\n    @media ${bp.sm} {\n      max-width: 368px;\n      height: auto;\n      margin-bottom: 32px;\n      width: 32%;\n      display: flex;\n      flex-direction: column;\n      margin-left: auto;\n    }\n  `,\n};\n\nconst styles = {\n  panelContainer: css`\n    overflow: hidden;\n    max-height: 410px;\n    position: relative;\n    width: 100% !important;\n    transition: all 0.25s ease-in-out;\n    &:hover {\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  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\nconst TopicTile = ({ shouldShowImage = true, heightType = 'medium', data }) => {\n  return (\n    <Card css={[styles.panelContainer, heights[heightType]]}>\n      <TopicCardImage showImage={shouldShowImage} imageData={data} />\n      <div className=\"o-panel__body\" css={styles.panelBody}>\n        <Heading\n          css={styles.panelTitle}\n          weight=\"bolder\"\n          className=\"u-panel--effect\"\n          type=\"3\"\n          theme=\"primaryBlue\"\n        >\n          <Sanitize>{data.Title}</Sanitize>\n        </Heading>\n        <p css={styles.panelDescription}>\n          <Sanitize>\n            {data.Paragraph && data.Paragraph.length > 100\n              ? `${data.Paragraph.substring(0, 85)}...`\n              : data.Paragraph}\n          </Sanitize>\n        </p>\n        {(data.AddButton === 'Y' || data.AddButton === 'Yes') && (\n          <a\n            href={data.Url}\n            target={data.OpenInNewTab === 'Yes' || data.OpenInNewTab === 'Y' ? '_blank' : '_self'}\n          >\n            <Button size=\"small\" css={m.t12}>\n              {data.ButtonText}\n            </Button>\n          </a>\n        )}\n      </div>\n    </Card>\n  );\n};\n\nTopicTile.propTypes = {\n  data: PropTypes.object.isRequired,\n  shouldShowImage: PropTypes.bool,\n  heightType: PropTypes.string,\n};\n\nTopicTile.defaultProps = {\n  shouldShowImage: true,\n  heightType: 'medium',\n};\n\nexport default TopicTile;\n","import { css, jsx } from '@emotion/core';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { bp } from '@/styles';\n\nimport TopicTile from './TopicTile';\n\nconst styles = {\n  topicsContainer: css`\n    display: flex;\n    flex-direction: column;\n    margin-top: 36px;\n    @media ${bp.md} {\n      flex-direction: row;\n      flex-wrap: wrap;\n      justify-content: space-between;\n    }\n  `,\n  topic: css`\n    margin-bottom: 20px;\n    height: 148px;\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    }\n  `,\n};\n\nconst InfoCard = ({ componentData }) => {\n  const [windowWidth, setWindowWidth] = useState(0);\n\n  const handleResize = () => setWindowWidth(window.screen.width);\n\n  useEffect(() => {\n    handleResize();\n    window.addEventListener('resize', handleResize);\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  return (\n    <TopicTile\n      data={componentData}\n      key={componentData.BlockComponentId}\n      shouldShowImage={windowWidth >= 768}\n      css={styles.topic}\n    />\n  );\n};\n\nInfoCard.propTypes = {};\n\nInfoCard.defaultProps = {};\n\nexport default InfoCard;\n","import { css, jsx } from '@emotion/core';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { bp } from '@/styles';\n\nimport TopicTile from './TopicTile';\n\nconst styles = {\n  topicsContainer: css`\n    display: flex;\n    flex-direction: column;\n    margin-top: 36px;\n    @media ${bp.md} {\n      flex-direction: row;\n      flex-wrap: wrap;\n      justify-content: space-between;\n    }\n  `,\n  topic: css`\n    margin-bottom: 20px;\n    height: 148px;\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    }\n  `,\n};\n\nconst RelatedTopic = ({ componentData }) => {\n  const [windowWidth, setWindowWidth] = useState(0);\n\n  const handleResize = () => setWindowWidth(window.screen.width);\n\n  useEffect(() => {\n    handleResize();\n    window.addEventListener('resize', handleResize);\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n  return (\n    <TopicTile\n      data={componentData}\n      key={componentData.BlockComponentId}\n      shouldShowImage={windowWidth >= 768}\n      css={styles.topic}\n    />\n  );\n};\n\nRelatedTopic.propTypes = {};\n\nexport default RelatedTopic;\n","import { css, jsx } from '@emotion/core';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport contentStyle from '@/src/cms/contentStyle';\nimport Sanitize from '@/src/shared/components/Sanitize';\n\nconst styles = {\n  body: [contentStyle],\n};\n\nconst Paragraph = ({ componentData }) => {\n  return (\n    <div css={styles.body}>\n      <Sanitize>{componentData.Paragraph}</Sanitize>\n    </div>\n  );\n};\n\nParagraph.propTypes = {};\n\nexport default Paragraph;\n","import { css, jsx } from '@emotion/core';\nimport Link from 'next/link';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport Card from '@/src/shared/components/Card';\nimport Heading from '@/src/shared/components/Heading';\nimport Sanitize from '@/src/shared/components/Sanitize';\nimport TopicCardImage from '@/src/shared/components/TopicCardImage';\nimport { bp, colors, space } from '@/styles';\n\nimport TopicTile from './TopicTile';\n\nconst { m } = space;\n\nconst heights = {\n  small: css`\n    width: 100%;\n    max-width: none;\n    @media ${bp.lg} {\n      width: 32%;\n      max-width: 368px;\n    }\n  `,\n  medium: css`\n    margin-bottom: 20px;\n    height: auto;\n    width: 100%;\n    max-width: none;\n    &:last-child {\n      margin-bottom: 0px;\n    }\n\n    @media ${bp.md} {\n      max-width: 368px;\n      height: 350px;\n      display: flex;\n      flex-direction: column;\n      margin: 12px;\n      flex: 1;\n      flex-basis: calc(100% / 2 - 24px);\n      max-width: calc(100% / 2 - 24px);\n    }\n\n    @media ${bp.lg} {\n      flex-basis: calc(100% / 3 - 24px);\n      max-width: calc(100% / 3 - 24px);\n    }\n  `,\n};\nconst styles = {\n  topicsContainer: css`\n    display: flex;\n    flex-direction: column;\n    margin-top: 36px;\n\n    @media ${bp.md} {\n      flex-direction: row;\n      flex-wrap: wrap;\n      justify-content: space-between;\n    }\n  `,\n  topic: css`\n    margin-bottom: 20px;\n    height: 148px;\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    }\n  `,\n  panelContainer: css`\n    overflow: hidden;\n    max-height: 410px;\n    position: relative;\n    width: 100% !important;\n    transition: all 0.25s ease-in-out;\n    &:hover {\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  panelDescription: css`\n    font-size: 1.2rem;\n    line-height: 1.67;\n    color: ${colors.secondaryGray};\n    margin-bottom: 0px;\n  `,\n};\n\nconst RelatedTopic = ({ componentData }) => {\n  const [windowWidth, setWindowWidth] = useState(0);\n\n  const handleResize = () => setWindowWidth(window.screen.width);\n\n  useEffect(() => {\n    handleResize();\n    window.addEventListener('resize', handleResize);\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n  return (\n    <Card css={[styles.panelContainer, heights['medium']]}>\n      <TopicCardImage showImage={windowWidth >= 768} imageData={componentData} />\n      <div className=\"o-panel__body\" css={styles.panelBody}>\n        <Heading\n          weight=\"bolder\"\n          className=\"u-panel--effect\"\n          type=\"3\"\n          theme=\"primaryBlue\"\n          tag=\"a\"\n          href={componentData.Url}\n          target={\n            componentData.OpenInNewTab === 'Yes' || componentData.OpenInNewTab === 'Y'\n              ? '_blank'\n              : '_self'\n          }\n        >\n          <Sanitize>{componentData.Title}</Sanitize>\n        </Heading>\n        <p css={styles.panelDescription}>\n          <Sanitize>\n            {componentData.Subheading && componentData.Subheading.length > 100\n              ? `${componentData.Subheading.substring(0, 85)}...`\n              : componentData.Subheading}\n          </Sanitize>\n        </p>\n      </div>\n    </Card>\n  );\n};\n\nRelatedTopic.propTypes = {};\n\nexport default RelatedTopic;\n","import { css } from '@emotion/core';\nimport axios from 'axios';\nimport React, { useEffect, useState } from 'react';\n\nimport Sanitize from '@/src/shared/components/Sanitize';\nimport { colors } from '@/styles';\n\nconst { sanitize } = require('dompurify');\n\nconst INITIAL_WISTIA_DATA = {\n  version: '',\n  type: '',\n  html: '',\n};\n\nconst style = {\n  iframeContainer: css`\n    position: relative;\n    padding-bottom: 56.25%;\n    iframe {\n      border: none;\n      position: absolute;\n      height: 100%;\n      width: 100%;\n    }\n  `,\n  caption: css`\n    font-size: 1.2rem;\n    margin-top: 8px;\n    color: ${colors.secondaryGray};\n    line-height: 1.67;\n  `,\n};\n\nconst Video = ({ componentData }) => {\n  const [wistiaData, setWistiaData] = useState(INITIAL_WISTIA_DATA);\n\n  const fetchWistiaData = async Url => {\n    try {\n      const response = await axios({\n        url: `https://fast.wistia.com/oembed?url=${Url}`,\n      });\n      if (response.data) {\n        setWistiaData(response.data);\n      }\n    } catch (err) {\n      throw err;\n    }\n  };\n  useEffect(() => {\n    if (!componentData) return;\n    const { Url } = componentData;\n    fetchWistiaData(Url);\n  }, []);\n\n  const sanitized =\n    typeof sanitize === 'function'\n      ? sanitize(wistiaData.html, {\n          ADD_TAGS: ['iframe'],\n          FORCE_BODY: true,\n          ADD_ATTR: ['target', 'href'],\n          FORBID_ATTR: ['style'],\n          FORBID_TAGS: ['style'],\n        })\n      : '';\n\n  return (\n    <div>\n      <div css={style.iframeContainer} dangerouslySetInnerHTML={{ __html: sanitized }} />\n      {componentData.ImageCaption && (\n        <p css={style.caption}>\n          <Sanitize>{componentData.ImageCaption}</Sanitize>\n        </p>\n      )}\n    </div>\n  );\n};\n\nVideo.propTypes = {};\n\nexport default Video;\n","import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport contentStyle from '@/src/cms/contentStyle';\n\nimport HeroSlide from './HeroSlide';\nimport InfoCard from './InfoCard';\nimport Infographic from './Infographic';\nimport Paragraph from './Paragraph';\nimport RelatedTopic from './RelatedTopic';\nimport Video from './Video';\n\nconst COMPONENT_MAP = {\n  ID_1: Video,\n  ID_2: InfoCard,\n  ID_3: Infographic,\n  ID_5: RelatedTopic,\n  ID_6: Paragraph,\n  ID_8: HeroSlide,\n};\n\nconst Block = ({ componentData, entities }) => {\n  const SelectedComponent = COMPONENT_MAP[`ID_${componentData.ComponentTypeId}`];\n\n  if (SelectedComponent) {\n    return (\n      <SelectedComponent css={contentStyle} componentData={componentData} entities={entities} />\n    );\n  }\n  console.warn('There is no matching component.');\n  return undefined;\n};\n\nBlock.propTypes = {\n  componentData: PropTypes.object.isRequired,\n};\n\nexport default Block;\n","import { css } from '@emotion/core';\nimport React from 'react';\n\nimport { bp } 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    }\n  `,\n};\n\nconst FullWidthParagraphVideo = ({ blockData, entities }) => {\n  return (\n    <div>\n      {blockData.Components &&\n        Array.isArray(blockData.Components) &&\n        blockData.Components.map(c => (\n          <div css={style.row} key={`bc-${c}`}>\n            <Components componentData={entities.Components[c]} key={c} />\n          </div>\n        ))}\n    </div>\n  );\n};\n\nFullWidthParagraphVideo.propTypes = {};\n\nexport default FullWidthParagraphVideo;\n","import { css, jsx } from '@emotion/core';\nimport React from 'react';\n\nconst cardStyle = css`\n  box-shadow: 0 6px 12px 0 rgba(35, 32, 32, 0.1);\n  background-color: #ffffff;\n  border-radius: 4px;\n`;\n\nconst Card = ({ children, ...props }) => (\n  <div css={cardStyle} {...props}>\n    {children}\n  </div>\n);\n\nexport default Card;\n","import { css } from '@emotion/core';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nconst style = {\n  panelImage: css`\n    height: 234px;\n    width: 100%;\n    object-position: center;\n    object-fit: cover;\n  `,\n};\n\nconst TopicCardImage = props => {\n  const { imageData, showImage, css: imageCss } = props;\n\n  if (!showImage) {\n    return null;\n  }\n\n  const { ImageId, ImageCaption } = imageData;\n  const imgSrc = ImageId\n    ? `${process.env.NEW_API_URL}image/file?area=c&id=${ImageId}`\n    : '/static/topicCardDefaultImg.jpg';\n\n  return <img css={imageCss || style.panelImage} src={imgSrc} alt={ImageCaption} />;\n};\n\nTopicCardImage.propTypes = {\n  imageData: PropTypes.object.isRequired,\n  showImage: PropTypes.bool,\n};\n\nTopicCardImage.defaultProps = {\n  showImage: true,\n};\n\nexport default TopicCardImage;\n"],"names":["m","space","heights","small","css","bp","medium","styles","panelContainer","colors","panelBody","panelTitle","panelDescription","TopicTile","shouldShowImage","heightType","data","Card","TopicCardImage","showImage","imageData","className","Heading","weight","type","theme","Sanitize","Title","Paragraph","length","substring","AddButton","href","Url","target","OpenInNewTab","Button","size","t12","ButtonText","defaultProps","topicsContainer","topic","InfoCard","componentData","useState","windowWidth","setWindowWidth","handleResize","window","screen","width","useEffect","addEventListener","removeEventListener","key","BlockComponentId","body","contentStyle","tag","Subheading","sanitize","require","INITIAL_WISTIA_DATA","version","html","style","iframeContainer","caption","wistiaData","setWistiaData","fetchWistiaData","axios","url","response","sanitized","ADD_TAGS","FORCE_BODY","ADD_ATTR","FORBID_ATTR","FORBID_TAGS","dangerouslySetInnerHTML","__html","ImageCaption","COMPONENT_MAP","ID_1","Video","ID_2","ID_3","Infographic","ID_5","RelatedTopic","ID_6","ID_8","HeroSlide","entities","SelectedComponent","ComponentTypeId","console","warn","row","blockData","Components","Array","isArray","map","c","cardStyle","children","props","panelImage","imageCss","ImageId","imgSrc","process","src","alt"],"sourceRoot":""}