{"version":3,"file":"MediaDetailContentSection-d9859bbe59c00be8ff2b.js","mappings":"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","sources":["webpack://james-fisher/./src/img/icons/cta-play.svg","webpack://james-fisher/./src/img/icons/quote-close.svg","webpack://james-fisher/./src/img/icons/quote-open.svg","webpack://james-fisher/./src/helpers/formatters.ts","webpack://james-fisher/./src/helpers/ssr.ts","webpack://james-fisher/./src/hoc/withMotion.tsx","webpack://james-fisher/./src/stories/Components/MediaCard/MediaCard.styles.ts","webpack://james-fisher/./src/stories/Components/MediaCard/MediaCard.tsx","webpack://james-fisher/./src/stories/Widgets/MediaCarousel/MediaCarousel.styles.ts","webpack://james-fisher/./src/stories/Widgets/MediaCarousel/MediaCarousel.tsx","webpack://james-fisher/./src/stories/Widgets/MediaDetailContentSection/BlockQuoteBlock/BlockQuoteBlock.styles.ts","webpack://james-fisher/./src/stories/Widgets/MediaDetailContentSection/BlockQuoteBlock/BlockQuoteBlock.tsx","webpack://james-fisher/./src/stories/Widgets/MediaDetailContentSection/ImageBlock/ImageBlock.styles.ts","webpack://james-fisher/./src/stories/Widgets/MediaDetailContentSection/ImageBlock/ImageBlock.tsx","webpack://james-fisher/./src/stories/Widgets/MediaDetailContentSection/MediaDetailContentSection.styles.ts","webpack://james-fisher/./src/stories/Widgets/MediaDetailContentSection/RichTextBlock/RichTextBlock.styles.ts","webpack://james-fisher/./src/stories/Widgets/MediaDetailContentSection/RichTextBlock/RichTextBlock.tsx","webpack://james-fisher/./src/stories/Widgets/MediaDetailContentSection/VideoEmbedBlock/VideoEmbedBlock.styles.ts","webpack://james-fisher/./src/stories/Widgets/MediaDetailContentSection/VideoEmbedBlock/VideoEmbedBlock.tsx","webpack://james-fisher/./src/stories/Widgets/MediaDetailContentSection/ImageCarouselBlock/ImageCarouselBlock.styles.ts","webpack://james-fisher/./src/stories/Widgets/MediaDetailContentSection/ImageCarouselBlock/ImageCarouselBlock.tsx","webpack://james-fisher/./src/stories/Widgets/MediaDetailContentSection/MediaDetailContentSection.tsx"],"sourcesContent":["var _g;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nconst SvgCtaPlay = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: 142.88,\n  height: 142.86\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n  transform: \"translate(-888.84 -5030.85)\"\n}, /*#__PURE__*/React.createElement(\"ellipse\", {\n  \"data-name\": \"Ellipse 6\",\n  cx: 71.44,\n  cy: 71.43,\n  rx: 71.44,\n  ry: 71.43,\n  transform: \"translate(888.84 5030.85)\",\n  fill: \"#252829\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n  \"data-name\": \"Shape 5\",\n  d: \"M950.965 5075.461v54.211L984.847 5102Z\",\n  fill: \"#fff\"\n}))));\n\nexport default SvgCtaPlay;","var _g;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nconst SvgQuoteClose = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 104 90.413\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n  fill: \"currentColor\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n  \"data-name\": \"Path 74\",\n  d: \"M0 45.089h28.7A29.41 29.41 0 0 1 0 74.047v16.366a45.8 45.8 0 0 0 45.079-45.324h.012V0H0Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n  \"data-name\": \"Path 75\",\n  d: \"M58.91 0v45.09h28.7a29.411 29.411 0 0 1-28.7 28.957v16.366a45.8 45.8 0 0 0 45.079-45.324h.01V0Z\"\n}))));\n\nexport default SvgQuoteClose;","var _g;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nconst SvgQuoteOpen = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 104 90.413\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n  fill: \"currentColor\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n  \"data-name\": \"Path 74\",\n  d: \"M104 45.324H75.3A29.41 29.41 0 0 1 104 16.366V0a45.8 45.8 0 0 0-45.079 45.324h-.012v45.089H104Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n  \"data-name\": \"Path 75\",\n  d: \"M45.09 90.413v-45.09h-28.7a29.411 29.411 0 0 1 28.7-28.957V0A45.8 45.8 0 0 0 .011 45.324h-.01v45.089Z\"\n}))));\n\nexport default SvgQuoteOpen;","import { format } from 'date-fns';\r\nimport { isSSR } from './ssr';\r\nexport function ensureDate(value) {\r\n    let date = value;\r\n    if (typeof date === 'string') {\r\n        date = new Date(date);\r\n    }\r\n    return date;\r\n}\r\nexport function formatDateISO(value) {\r\n    const date = ensureDate(value);\r\n    return date.toISOString();\r\n}\r\nconst DEFAULT_DATE_OPTIONS = {\r\n    day: '2-digit',\r\n    month: 'short',\r\n    year: 'numeric',\r\n};\r\nexport function formatDate(value, options = DEFAULT_DATE_OPTIONS) {\r\n    const date = ensureDate(value);\r\n    if (isSSR()) {\r\n        return format(date, options.dateStyle === 'short' ? 'dd/MM/yyyy' : 'MMMM dd, yyyy');\r\n    }\r\n    return new Intl.DateTimeFormat(undefined, options).format(date);\r\n}\r\nconst DEFAULT_NUMBER_OPTIONS = {};\r\nexport function formatNumber(value, options = DEFAULT_NUMBER_OPTIONS) {\r\n    return new Intl.NumberFormat(undefined, options).format(value);\r\n}\r\n","export const isSSR = () => {\r\n    const returnValue = !(typeof window != 'undefined' && window.document);\r\n    return returnValue;\r\n};\r\n","import { domAnimation, LazyMotion } from 'framer-motion';\r\nimport React from 'react';\r\nexport function withMotion(WrappedComponent) {\r\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n    const ComponentWithMotion = (props) => {\r\n        return (React.createElement(LazyMotion, { features: domAnimation, strict: true },\r\n            React.createElement(WrappedComponent, { ...props })));\r\n    };\r\n    ComponentWithMotion.displayName = `withMotion(${displayName})`;\r\n    return ComponentWithMotion;\r\n}\r\n","import { cubicEaseOut } from '@helpers/animate';\r\nimport { imageWrapperPreserveRatio, imageCoverContainer } from '@helpers/image';\r\nimport fonts from '@helpers/fonts';\r\nimport { h6, tag } from '@helpers/typography';\r\nimport styled from 'styled-components';\r\nimport SimpleImage from '../SimpleImage/SimpleImage';\r\nconst Container = styled.article `\r\n  display: block;\r\n  height: 100%;\r\n`;\r\nconst Link = styled.a `\r\n  display: flex;\r\n  border-bottom: 1px solid currentColor;\r\n  color: currentColor;\r\n  flex-direction: column;\r\n  height: 100%;\r\n  padding-bottom: 28px;\r\n  text-decoration: none;\r\n`;\r\nconst ImageWrapper = styled.div `\r\n  ${imageWrapperPreserveRatio(340, 195)}\r\n  margin: 0 0 36px;\r\n`;\r\nconst Image = styled(SimpleImage) `\r\n  ${imageCoverContainer()}\r\n  transform: scale(1);\r\n  transition: transform 1s ${cubicEaseOut};\r\n\r\n  ${Link}:focus &, ${Link}:hover & {\r\n    transform: scale(1.1);\r\n  }\r\n`;\r\nconst Tag = styled.small `\r\n  ${tag};\r\n  display: block;\r\n  color: var(--accentColor);\r\n  margin: 0 0 20px;\r\n`;\r\nconst Title = styled.h3 `\r\n  ${h6};\r\n  margin: 0 0 20px;\r\n  text-decoration: none;\r\n  text-underline-position: under;\r\n\r\n  ${Link}:focus &,\r\n  ${Link}:hover & {\r\n    text-decoration: underline;\r\n  }\r\n`;\r\nconst Content = styled.p `\r\n  ${fonts.helvetica.regular};\r\n  font-size: 18px;\r\n  letter-spacing: -0.01em;\r\n  line-height: 30px;\r\n  margin: 0 0 48px;\r\n`;\r\nconst CtaWrapper = styled.div `\r\n  display: flex;\r\n  align-items: center;\r\n  ${fonts.helvetica.medium};\r\n  font-size: 16px;\r\n  line-height: 1em;\r\n  margin-top: auto;\r\n\r\n  svg {\r\n    margin-left: 76px;\r\n    transform: translateX(0px);\r\n    transition: transform 0.15s ${cubicEaseOut};\r\n\r\n    ${Link}:focus &,\r\n    ${Link}:hover & {\r\n      transform: translateX(10px);\r\n    }\r\n  }\r\n`;\r\nconst MediaCardStyles = {\r\n    Container,\r\n    Content,\r\n    CtaWrapper,\r\n    Image,\r\n    ImageWrapper,\r\n    Link,\r\n    Tag,\r\n    Title,\r\n};\r\nexport default MediaCardStyles;\r\n","import { imageUrl } from '@helpers/image';\r\nimport SvgArrow from '@img/icons/article-cta-arrow.svg';\r\nimport * as React from 'react';\r\nimport S from './MediaCard.styles';\r\nconst MediaCard = ({ accentColor, content, image, tag, title, url }) => {\r\n    return (React.createElement(S.Container, { style: { '--accentColor': accentColor } },\r\n        React.createElement(S.Link, { draggable: false, href: url },\r\n            React.createElement(S.ImageWrapper, null,\r\n                React.createElement(S.Image, { alt: \"\", draggable: false, loading: \"lazy\", role: \"presentation\", src: imageUrl(image, { width: 340, height: 195 }) })),\r\n            React.createElement(S.Tag, null, tag),\r\n            React.createElement(S.Title, { id: title.replaceAll(/[\\W_]+/g, '-').toLowerCase() }, title),\r\n            content && React.createElement(S.Content, null, content),\r\n            React.createElement(S.CtaWrapper, null,\r\n                React.createElement(\"span\", null, \"Read article\"),\r\n                React.createElement(SvgArrow, null)))));\r\n};\r\nexport default MediaCard;\r\n","import { Device, from } from '@helpers/media';\r\nimport CardCarouselStyles from '@stories/Components/CardCarousel/CardCarousel.styles';\r\nimport styled from 'styled-components';\r\nconst Wrapper = styled.div `\r\n  ${CardCarouselStyles.Container} {\r\n    --visibleItems: 1;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --visibleItems: 2;\r\n    }\r\n\r\n    @media ${from(Device.DesktopSmall)} {\r\n      --visibleItems: 3;\r\n    }\r\n  }\r\n`;\r\nconst MediaCarouselStyles = {\r\n    Wrapper,\r\n};\r\nexport default MediaCarouselStyles;\r\n","import { withMotionMax } from '@hoc/withMotionMax';\r\nimport CardCarousel from '@stories/Components/CardCarousel/CardCarousel';\r\nimport MediaCard from '@stories/Components/MediaCard/MediaCard';\r\nimport * as React from 'react';\r\nimport S from './MediaCarousel.styles';\r\nconst MediaCarousel = ({ ...otherProps }) => {\r\n    return (React.createElement(S.Wrapper, null,\r\n        React.createElement(CardCarousel, { ...otherProps, renderItem: (item) => React.createElement(MediaCard, { ...item }) })));\r\n};\r\nexport default withMotionMax(MediaCarousel);\r\n","import brand from '@helpers/brand';\r\nimport { Device, from } from '@helpers/media';\r\nimport { h5 } from '@helpers/typography';\r\nimport { m } from 'framer-motion';\r\nimport styled from 'styled-components';\r\nconst Container = styled(m.blockquote) `\r\n  position: relative;\r\n  padding-top: 24px;\r\n  padding-bottom: 48px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    padding-top: 64px;\r\n    padding-bottom: 90px;\r\n  }\r\n\r\n  &[data-color='grey'] {\r\n    --quoteColor: #f3f3f5;\r\n  }\r\n\r\n  &[data-color='blue'] {\r\n    --quoteColor: ${brand.blue.base};\r\n  }\r\n\r\n  &[data-color='yellow'] {\r\n    --quoteColor: ${brand.yellow.base};\r\n  }\r\n`;\r\nconst Content = styled.p `\r\n  ${h5}\r\n  margin: 0;\r\n`;\r\nconst QuoteIcon = styled.span `\r\n  position: absolute;\r\n  color: var(--quoteColor);\r\n  height: 42px;\r\n  width: 48px;\r\n  z-index: -1;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    height: 90px;\r\n    width: 104px;\r\n  }\r\n`;\r\nconst QuoteOpen = styled(QuoteIcon) `\r\n  top: -35px;\r\n  left: 0;\r\n`;\r\nconst QuoteClose = styled(QuoteIcon) `\r\n  bottom: 0;\r\n  right: 0;\r\n`;\r\nconst BlockQuoteBlockStyles = {\r\n    Container,\r\n    Content,\r\n    QuoteClose,\r\n    QuoteOpen,\r\n};\r\nexport default BlockQuoteBlockStyles;\r\n","import { inViewMargin } from '@helpers/animate';\r\nimport { useInView } from '@hooks/useInView';\r\nimport SvgClose from '@img/icons/quote-close.svg';\r\nimport SvgOpen from '@img/icons/quote-open.svg';\r\nimport * as React from 'react';\r\nimport S from './BlockQuoteBlock.styles';\r\nconst BlockQuoteBlock = ({ data }) => {\r\n    const [refContainer, inView] = useInView({ rootMargin: inViewMargin });\r\n    return (React.createElement(S.Container, { ref: refContainer, \"data-color\": data.color ?? 'grey', initial: \"hidden\", animate: inView ? 'visible' : 'hidden', variants: {\r\n            hidden: {\r\n                opacity: 0,\r\n                y: 20,\r\n            },\r\n            visible: {\r\n                opacity: 1,\r\n                y: 0,\r\n            },\r\n        } },\r\n        React.createElement(S.QuoteOpen, { as: SvgOpen }),\r\n        React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: data.content } }),\r\n        React.createElement(S.QuoteClose, { as: SvgClose })));\r\n};\r\nexport default BlockQuoteBlock;\r\n","import SimpleImage from '@stories/Components/SimpleImage/SimpleImage';\r\nimport { m } from 'framer-motion';\r\nimport styled, { css } from 'styled-components';\r\nconst Container = styled(m.figure) `\r\n  text-align: center;\r\n  `;\r\nconst Image = styled(SimpleImage) `\r\n  ${({ maxHeight }) => maxHeight &&\r\n    css `\r\n      max-height: ${maxHeight}px;\r\n    `}\r\n\r\n    ${({ size }) => size &&\r\n    css `\r\n      width: calc(100% * ${size});\r\n    `}\r\n`;\r\nconst Caption = styled.figcaption ``;\r\nconst ImageBlockStyles = {\r\n    Caption,\r\n    Container,\r\n    Image,\r\n};\r\nexport default ImageBlockStyles;\r\n","import { inViewMargin } from '@helpers/animate';\r\nimport { imageUrl, srcSet } from '@helpers/image';\r\nimport { Device, from } from '@helpers/media';\r\nimport { useInView } from '@hooks/useInView';\r\nimport * as React from 'react';\r\nimport S from './ImageBlock.styles';\r\nconst ImageBlock = ({ data }) => {\r\n    const [refContainer, inView] = useInView({ rootMargin: inViewMargin });\r\n    const size = data.imageSize || 1;\r\n    return (React.createElement(S.Container, { ref: refContainer, initial: \"hidden\", animate: inView ? 'visible' : 'hidden', variants: {\r\n            hidden: {\r\n                opacity: 0,\r\n                y: 20,\r\n            },\r\n            visible: {\r\n                opacity: 1,\r\n                y: 0,\r\n            },\r\n        } },\r\n        React.createElement(\"picture\", null,\r\n            React.createElement(\"source\", { media: from(Device.Desktop), srcSet: srcSet(data.image, { width: 1604 * size }) }),\r\n            React.createElement(\"source\", { media: from(Device.DesktopSmall), srcSet: srcSet(data.image, { width: 1329 * size }) }),\r\n            React.createElement(\"source\", { media: from(Device.TabletLarge), srcSet: srcSet(data.image, { width: 1243 * size }) }),\r\n            React.createElement(\"source\", { media: from(Device.Tablet), srcSet: srcSet(data.image, { width: 987 * size }) }),\r\n            React.createElement(\"source\", { media: from(Device.MobileLarge), srcSet: srcSet(data.image, { width: 731 * size }) }),\r\n            React.createElement(S.Image, { alt: data.image.altText, loading: \"lazy\", src: imageUrl(data.image, { width: 443 * size }), srcSet: srcSet(data.image, { width: 443 * size }), maxHeight: data.maxHeight, size: size }))));\r\n};\r\nexport default ImageBlock;\r\n","import brand from '@helpers/brand';\r\nimport fonts from '@helpers/fonts';\r\nimport { baseGrid, SitePadding, SiteWidth } from '@helpers/grid';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport { h5, tag } from '@helpers/typography';\r\nimport SectionWrapper from '@stories/Components/SectionWrapper/SectionWrapper';\r\nimport { m } from 'framer-motion';\r\nimport { mix } from 'polished';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n  --accentColor: ${brand.blue.base};\r\n  --bgColor: ${mix(0.25, brand.grey.otherGrey, brand.white)};\r\n  --fgColor: ${brand.black};\r\n  --padding: 48px;\r\n\r\n  color: var(--fgColor);\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    /* Use background to fill in the right-side gutter */\r\n    --siteContainerWithPadding: ${SiteWidth}px + ${SitePadding}px + ${SitePadding}px;\r\n    --siteMargin: calc(100vw - var(--siteContainerWithPadding));\r\n    --siteMarginRight: calc(var(--siteMargin) / 2);\r\n\r\n    background-image: linear-gradient(to right, var(--bgColor), var(--bgColor));\r\n    background-repeat: no-repeat;\r\n    background-position: right;\r\n    background-size: max(18px, var(--siteMarginRight)) 100%;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    --padding: 96px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    --padding: 120px;\r\n  }\r\n`;\r\nconst Inner = styled(m.div) `\r\n  ${baseGrid};\r\n  align-items: flex-start;\r\n  width: 100%;\r\n\r\n  @media ${until(Device.Tablet)} {\r\n    grid-template-rows: none;\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    grid-template-rows: auto 1fr;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-template-rows: none;\r\n  }\r\n`;\r\nconst MetaWrapper = styled(m.div) `\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  @media ${until(Device.Tablet)} {\r\n    gap: 12px;\r\n    grid-column: 1 / span 12;\r\n    padding-top: var(--padding);\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    gap: 24px;\r\n    grid-column: 1 / span 8;\r\n    grid-row: 1;\r\n    padding-top: var(--padding);\r\n    padding-right: var(--sitePadding);\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    position: sticky;\r\n    top: var(--headerHeight);\r\n    grid-column: 1 / span 2;\r\n    grid-row: 1;\r\n    padding: var(--padding) 0;\r\n  }\r\n`;\r\nconst Tag = styled.span `\r\n  ${tag}\r\n  display: block;\r\n  color: var(--accentColor);\r\n`;\r\nconst Date = styled.time `\r\n  display: block;\r\n  ${fonts.helvetica.regular};\r\n  font-size: 18px;\r\n  letter-spacing: -0.01em;\r\n  line-height: 1em;\r\n`;\r\nconst ContentWrapper = styled(m.div) `\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-width: 770px;\r\n\r\n  @media ${until(Device.Tablet)} {\r\n    gap: 40px;\r\n    grid-column: 1 / span 12;\r\n    padding: var(--padding) 0;\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    gap: 72px;\r\n    grid-column: 1 / span 8;\r\n    grid-row: 2;\r\n    padding: var(--padding) 0;\r\n    padding-right: var(--sitePadding);\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-column: 3 / span 7;\r\n    grid-row: 1;\r\n    padding: var(--padding) 0;\r\n    padding-right: var(--sitePadding);\r\n  }\r\n`;\r\nconst RelatedCarousel = styled.div `\r\n  @media ${from(Device.Tablet)} {\r\n    display: none;\r\n  }\r\n`;\r\nconst RelatedWrapper = styled(m.div) `\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  @media ${until(Device.Tablet)} {\r\n    display: none;\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    position: relative;\r\n    align-self: stretch;\r\n    background: var(--bgColor);\r\n    grid-column: 9 / span 4;\r\n    grid-row: 1 / span 2;\r\n    justify-self: flex-end;\r\n    padding: var(--padding) 0;\r\n    padding-left: var(--gutterWidth);\r\n    width: calc(100% + var(--gutterWidth));\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-column: 10 / span 3;\r\n    grid-row: 1;\r\n  }\r\n`;\r\nconst RelatedTitle = styled(m.h2) `\r\n  ${h5};\r\n  margin-bottom: 48px;\r\n`;\r\nconst RelatedItem = styled(m.div) `\r\n  &:not(:last-child) {\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    &:not(:last-child) {\r\n      margin-bottom: 108px;\r\n    }\r\n  }\r\n`;\r\nconst MediaDetailContentSectionStyles = {\r\n    Container,\r\n    ContentWrapper,\r\n    Date,\r\n    Inner,\r\n    MetaWrapper,\r\n    RelatedCarousel,\r\n    RelatedItem,\r\n    RelatedTitle,\r\n    RelatedWrapper,\r\n    Tag,\r\n};\r\nexport default MediaDetailContentSectionStyles;\r\n","import { contentStyles } from '@helpers/typography';\r\nimport { m } from 'framer-motion';\r\nimport styled from 'styled-components';\r\nconst Container = styled(m.div) `\r\n  ${contentStyles}\r\n`;\r\nconst RichTextBlockStyles = {\r\n    Container,\r\n};\r\nexport default RichTextBlockStyles;\r\n","import { inViewMargin } from '@helpers/animate';\r\nimport { useInView } from '@hooks/useInView';\r\nimport * as React from 'react';\r\nimport S from './RichTextBlock.styles';\r\nconst RichTextBlock = ({ data }) => {\r\n    const [refContainer, inView] = useInView({ rootMargin: inViewMargin });\r\n    return (React.createElement(S.Container, { ref: refContainer, initial: \"hidden\", animate: inView ? 'visible' : 'hidden', variants: {\r\n            hidden: {\r\n                opacity: 0,\r\n                y: 20,\r\n            },\r\n            visible: {\r\n                opacity: 1,\r\n                y: 0,\r\n            },\r\n        }, dangerouslySetInnerHTML: { __html: data.content } }));\r\n};\r\nexport default RichTextBlock;\r\n","import { cubicEaseOut } from '@helpers/animate';\r\nimport fonts from '@helpers/fonts';\r\nimport { imageCoverContainer, imageWrapperPreserveRatio } from '@helpers/image';\r\nimport { h6, paragraph } from '@helpers/typography';\r\nimport SimpleImage from '@stories/Components/SimpleImage/SimpleImage';\r\nimport { m } from 'framer-motion';\r\nimport styled from 'styled-components';\r\nconst Container = styled(m.div) ``;\r\nconst VideoWrapper = styled.div `\r\n  position: relative;\r\n  height: 0;\r\n  padding-bottom: ${(9 / 16) * 100}%;\r\n  width: 100%;\r\n`;\r\nconst ImageWrapper = styled.button `\r\n  ${imageWrapperPreserveRatio(16, 9)}\r\n  background: 0;\r\n  border: 0;\r\n  margin: 0;\r\n  width: 100%;\r\n`;\r\nconst Image = styled(SimpleImage) `\r\n  ${imageCoverContainer()}\r\n  transform: scale(1);\r\n  transition: transform 1s ${cubicEaseOut};\r\n  z-index: 1;\r\n\r\n  ${ImageWrapper}:focus &,\r\n  ${ImageWrapper}:hover & {\r\n    transform: scale(1.1);\r\n  }\r\n`;\r\nconst Button = styled.span `\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%) scale(1);\r\n  transition: transform 0.3s ${cubicEaseOut};\r\n  z-index: 1;\r\n\r\n  ${ImageWrapper}:focus &,\r\n  ${ImageWrapper}:hover & {\r\n    transform: translate(-50%, -50%) scale(1.2);\r\n  }\r\n`;\r\nconst TopContent = styled.div `\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\nconst Title = styled.h6 `\r\n  ${h6}\r\n  ${fonts.helvetica.medium}\r\n`;\r\nconst Content = styled.p `\r\n  ${paragraph}\r\n`;\r\nexport const VideoEmbedBlockStyles = {\r\n    Container,\r\n    VideoWrapper,\r\n    ImageWrapper,\r\n    Image,\r\n    Button,\r\n    TopContent,\r\n    Title,\r\n    Content,\r\n};\r\n","import React from 'react';\r\nimport { VideoEmbedBlockStyles as S } from './VideoEmbedBlock.styles';\r\nimport { useInView } from '@hooks/useInView';\r\nimport { inViewMargin } from '@helpers/animate';\r\nimport ReactPlayer from 'react-player/lazy';\r\nimport { srcSet, imageUrl } from '@helpers/image';\r\nimport { from, Device } from '@helpers/media';\r\nimport SvgPlay from '@img/icons/cta-play.svg';\r\nconst VideoEmbedBlock = ({ data: { image, video, title, content }, }) => {\r\n    const [refContainer, inView] = useInView({ rootMargin: inViewMargin });\r\n    const [played, setPlayed] = React.useState(false);\r\n    return (React.createElement(S.Container, { ref: refContainer, initial: \"hidden\", animate: inView ? 'visible' : 'hidden', variants: {\r\n            hidden: {\r\n                opacity: 0,\r\n                y: 20,\r\n            },\r\n            visible: {\r\n                opacity: 1,\r\n                y: 0,\r\n            },\r\n        } },\r\n        (title || content) && (React.createElement(S.TopContent, null,\r\n            title && React.createElement(S.Title, null, title),\r\n            content && React.createElement(S.Content, null, content))),\r\n        played ? (React.createElement(S.VideoWrapper, null,\r\n            React.createElement(ReactPlayer, { controls: true, playing: true, playsinline: true, url: video, height: \"100%\", width: \"100%\", style: {\r\n                    position: 'absolute',\r\n                } }))) : (React.createElement(S.ImageWrapper, { \"aria-label\": \"Play Video\", onClick: () => {\r\n                setPlayed(true);\r\n            } },\r\n            React.createElement(\"picture\", null,\r\n                React.createElement(\"source\", { media: from(Device.Desktop), srcSet: srcSet(image, { width: 1604, height: 904 }) }),\r\n                React.createElement(\"source\", { media: from(Device.DesktopSmall), srcSet: srcSet(image, { width: 1329, height: 749 }) }),\r\n                React.createElement(\"source\", { media: from(Device.TabletLarge), srcSet: srcSet(image, { width: 1243, height: 700 }) }),\r\n                React.createElement(\"source\", { media: from(Device.Tablet), srcSet: srcSet(image, { width: 987, height: 556 }) }),\r\n                React.createElement(\"source\", { media: from(Device.MobileLarge), srcSet: srcSet(image, { width: 731, height: 412 }) }),\r\n                React.createElement(S.Image, { alt: image.altText, loading: \"lazy\", src: imageUrl(image, { width: 443, height: 250 }), srcSet: srcSet(image, { width: 443, height: 250 }) })),\r\n            React.createElement(S.Button, null,\r\n                React.createElement(SvgPlay, null))))));\r\n};\r\nexport default VideoEmbedBlock;\r\n","import SectionWrapperStyles from '@stories/Components/SectionWrapper/SectionWrapper.styles';\r\nimport { ImageCarouselStyles } from '@stories/Widgets/ImageCarousel/ImageCarousel.styles';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div `\r\n  ${() => ImageCarouselStyles.Container} {\r\n    padding: 0;\r\n\r\n    ${() => SectionWrapperStyles.Inner} {\r\n      padding: 0;\r\n    }\r\n  }\r\n`;\r\nexport const ImageCarouselBlockStyles = {\r\n    Container,\r\n};\r\n","import React from 'react';\r\nimport { ImageCarouselBlockStyles as S } from './ImageCarouselBlock.styles';\r\nimport ImageCarousel from '@stories/Widgets/ImageCarousel/ImageCarousel';\r\nconst ImageCarouselBlock = ({ data }) => {\r\n    return (React.createElement(S.Container, null,\r\n        React.createElement(ImageCarousel, { ...data })));\r\n};\r\nexport default ImageCarouselBlock;\r\n","import { inViewMargin } from '@helpers/animate';\r\nimport { formatDate, formatDateISO } from '@helpers/formatters';\r\nimport { withMotion } from '@hoc/withMotion';\r\nimport { useInView } from '@hooks/useInView';\r\nimport MediaCard from '@stories/Components/MediaCard/MediaCard';\r\nimport { MotionConfig } from 'framer-motion';\r\nimport * as React from 'react';\r\nimport MediaCarousel from '../MediaCarousel/MediaCarousel';\r\nimport BlockQuoteBlock from './BlockQuoteBlock/BlockQuoteBlock';\r\nimport ImageBlock from './ImageBlock/ImageBlock';\r\nimport S from './MediaDetailContentSection.styles';\r\nimport RichTextBlock from './RichTextBlock/RichTextBlock';\r\nimport VideoEmbedBlock from './VideoEmbedBlock/VideoEmbedBlock';\r\nimport ImageCarouselBlock from './ImageCarouselBlock/ImageCarouselBlock';\r\nconst RelatedItem = (props) => {\r\n    const [refContainer, inView] = useInView({ rootMargin: inViewMargin });\r\n    return (React.createElement(S.RelatedItem, { ref: refContainer, initial: \"hidden\", animate: inView ? 'visible' : 'hidden', variants: {\r\n            hidden: {\r\n                opacity: 0,\r\n                y: 20,\r\n            },\r\n            visible: {\r\n                opacity: 1,\r\n                y: 0,\r\n            },\r\n        } },\r\n        React.createElement(MediaCard, { ...props })));\r\n};\r\nconst MediaDetailContentSection = ({ accentColor, blocks, date, id, relatedItems, tag, }) => {\r\n    const [refContainer, inView] = useInView({ rootMargin: inViewMargin });\r\n    return (React.createElement(MotionConfig, { transition: { duration: 0.3, ease: 'easeOut' } },\r\n        React.createElement(S.Container, { ref: refContainer, id: id, style: { '--accentColor': accentColor } },\r\n            React.createElement(S.Inner, { initial: \"hidden\", animate: inView ? 'visible' : 'hidden' },\r\n                React.createElement(S.MetaWrapper, { variants: {\r\n                        hidden: { opacity: 0, y: 20 },\r\n                        visible: { opacity: 1, y: 0 },\r\n                    } },\r\n                    React.createElement(S.Tag, null, tag),\r\n                    React.createElement(S.Date, { dateTime: formatDateISO(date) }, formatDate(date))),\r\n                React.createElement(S.ContentWrapper, null, blocks.map(renderBlock)),\r\n                React.createElement(S.RelatedWrapper, null,\r\n                    React.createElement(S.RelatedTitle, { variants: {\r\n                            hidden: { opacity: 0, y: 20 },\r\n                            visible: { opacity: 1, y: 0 },\r\n                        } }, \"Related Stories\"),\r\n                    relatedItems.map((item) => (React.createElement(RelatedItem, { key: item.id, ...item })))))),\r\n        React.createElement(S.RelatedCarousel, null,\r\n            React.createElement(MediaCarousel, { title: \"Related Stories\", items: relatedItems.map((item) => ({ ...item, content: '' })), themeOption: \"light\" }))));\r\n    function renderBlock(block) {\r\n        switch (block.name) {\r\n            case 'blockQuote':\r\n                return React.createElement(BlockQuoteBlock, { ...block });\r\n            case 'image':\r\n                return React.createElement(ImageBlock, { ...block });\r\n            case 'richText':\r\n                return React.createElement(RichTextBlock, { ...block });\r\n            case 'videoEmbed':\r\n                return React.createElement(VideoEmbedBlock, { ...block });\r\n            case 'imageCarousel':\r\n                return React.createElement(ImageCarouselBlock, { ...block });\r\n            default:\r\n                return null;\r\n        }\r\n    }\r\n};\r\nexport default withMotion(MediaDetailContentSection);\r\n"],"names":["_g","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","props","xmlns","width","height","transform","cx","cy","rx","ry","fill","d","viewBox","ensureDate","value","date","Date","formatDateISO","toISOString","DEFAULT_DATE_OPTIONS","day","month","year","formatDate","options","isSSR","format","dateStyle","Intl","DateTimeFormat","undefined","DEFAULT_NUMBER_OPTIONS","formatNumber","NumberFormat","window","document","withMotion","WrappedComponent","displayName","name","ComponentWithMotion","React","LazyMotion","features","domAnimation","strict","Container","styled","Link","ImageWrapper","imageWrapperPreserveRatio","Image","SimpleImage","imageCoverContainer","cubicEaseOut","Tag","tag","Title","h6","Content","fonts","CtaWrapper","accentColor","content","image","title","url","S","style","draggable","href","alt","loading","role","src","imageUrl","id","replaceAll","toLowerCase","SvgArrow","Wrapper","CardCarouselStyles","from","Device","withMotionMax","otherProps","CardCarousel","renderItem","item","MediaCard","m","brand","h5","QuoteIcon","QuoteOpen","QuoteClose","data","refContainer","inView","useInView","rootMargin","inViewMargin","ref","color","initial","animate","variants","hidden","opacity","y","visible","as","SvgOpen","dangerouslySetInnerHTML","__html","SvgClose","maxHeight","css","size","Caption","imageSize","media","srcSet","altText","SectionWrapper","mix","SiteWidth","SitePadding","Inner","baseGrid","until","MetaWrapper","ContentWrapper","RelatedCarousel","RelatedWrapper","RelatedTitle","RelatedItem","contentStyles","VideoWrapper","VideoEmbedBlockStyles","Button","TopContent","paragraph","video","played","setPlayed","ReactPlayer","controls","playing","playsinline","position","onClick","SvgPlay","ImageCarouselBlockStyles","ImageCarouselStyles","SectionWrapperStyles","ImageCarousel","blocks","relatedItems","MotionConfig","transition","duration","ease","dateTime","map","block","BlockQuoteBlock","ImageBlock","RichTextBlock","VideoEmbedBlock","ImageCarouselBlock","MediaCarousel","items","themeOption"],"sourceRoot":""}