{"version":3,"file":"7732-e20ba9e6877000ad77bb.js","mappings":"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","sources":["webpack://brc/./src/hoc/withMotion.tsx","webpack://brc/./src/hooks/useMedia.ts","webpack://brc/./src/stories/Components/Misc/Carousels/Carousel/Dots/Dots.tsx","webpack://brc/./src/stories/Components/Misc/Carousels/Carousel/Controls/Controls.tsx","webpack://brc/./src/stories/Components/Misc/Carousels/Carousel/Pagination/Pagination.tsx","webpack://brc/./src/stories/Components/Misc/Carousels/FullWidthCarousel/FullWidthCarousel.styles.ts","webpack://brc/./src/stories/Components/Misc/Carousels/FullWidthCarousel/FullWidthCarousel.tsx","webpack://brc/./src/stories/Widgets/CtaCards/CtaCards.styles.ts","webpack://brc/./src/stories/Components/Cards/CtaCard/CtaCard.styles.ts","webpack://brc/./src/stories/Components/Cards/CtaCard/CtaCard.tsx","webpack://brc/./src/stories/Widgets/CtaCards/CtaCards.tsx","webpack://brc/./node_modules/framer-motion/dist/es/components/MotionConfig/index.mjs"],"sourcesContent":["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 { useEffect, useState } from 'react';\r\n/**\r\n * Store a value in state based on the specified media queries.\r\n * @param {Array<string>} queries\r\n * @param {Array<T>} values\r\n * @param {T} defaultValue\r\n */\r\nfunction useMedia(queries, values, defaultValue) {\r\n    // Function that gets value based on matching media query\r\n    const getValue = () => {\r\n        // Get index of first media query that matches\r\n        const index = mediaQueryLists.findIndex((mql) => mql.matches);\r\n        // Return related value or defaultValue if none\r\n        return typeof values[index] !== 'undefined' ? values[index] : defaultValue;\r\n    };\r\n    // State and setter for matched value\r\n    const [value, setValue] = useState(defaultValue);\r\n    const [mediaQueryLists, setMediaQueryLists] = useState([]);\r\n    useEffect(() => {\r\n        // Array containing a media query list for each query\r\n        setMediaQueryLists(queries.map((query) => window.matchMedia(query)));\r\n    }, []);\r\n    useEffect(() => {\r\n        setValue(getValue);\r\n        // Event listener callback\r\n        // Note: By defining getValue outside of useEffect we ensure that it has ...\r\n        // ... current values of hook args (as this hook callback is created once on mount).\r\n        const handler = () => setValue(getValue);\r\n        // Set a listener for each media query with above handler as callback.\r\n        mediaQueryLists.forEach((mql) => mql.addListener(handler));\r\n        // Remove listeners on cleanup\r\n        return () => mediaQueryLists.forEach((mql) => mql.removeListener(handler));\r\n    }, [mediaQueryLists]); // Empty array ensures effect is only run on mount and unmount\r\n    return value;\r\n}\r\nexport default useMedia;\r\n","import React from 'react';\r\nimport { DotsStyles as S } from './Dots.styles';\r\nconst Dots = ({ activeIndex, itemCount }) => {\r\n    return (React.createElement(S.Dots, null,\r\n        React.createElement(S.Dot, { style: { '--progress': `${((activeIndex + 1) / itemCount) * 100}%` } })));\r\n};\r\nexport default Dots;\r\n","import { InterfaceIcon, getSvgIcon } from '@helpers/icons';\r\nimport * as React from 'react';\r\nimport { FocusRing } from 'react-aria';\r\nimport { useCarouselContext } from '../CarouselProvider/CarouselProvider';\r\nimport S from './Controls.styles';\r\nconst Controls = React.forwardRef((props, ref) => {\r\n    const carousel = useCarouselContext();\r\n    return (React.createElement(S.Container, { ref: ref, className: props.className, \"aria-label\": props.translations?.['global.carousel.controls'] ?? '' },\r\n        React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n            React.createElement(S.Button, { \"aria-label\": props.translations?.['global.carousel.previous'] ?? '', disabled: !props.wrap && carousel.activeIndex === 0, onClick: (event) => {\r\n                    event.preventDefault();\r\n                    carousel.goToPrev(props.wrap);\r\n                }, \"data-prev\": true },\r\n                React.createElement(S.Icon, null,\r\n                    getSvgIcon(InterfaceIcon.ArrowRight),\r\n                    getSvgIcon(InterfaceIcon.ArrowRight)))),\r\n        React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n            React.createElement(S.Button, { \"aria-label\": props.translations?.['global.carousel.next'] ?? '', disabled: !props.wrap && carousel.activeIndex === carousel.maxIndex, onClick: (event) => {\r\n                    event.preventDefault();\r\n                    carousel.goToNext(props.wrap);\r\n                }, \"data-next\": true },\r\n                React.createElement(S.Icon, null,\r\n                    getSvgIcon(InterfaceIcon.ArrowRight),\r\n                    getSvgIcon(InterfaceIcon.ArrowRight))))));\r\n});\r\nControls.displayName = 'Controls';\r\nexport default Controls;\r\n","import Controls from '@stories/Components/Misc/Carousels/Carousel/Controls/Controls';\r\nimport Dots from '@stories/Components/Misc/Carousels/Carousel/Dots/Dots';\r\nimport * as React from 'react';\r\nimport { useCarouselContext } from '../CarouselProvider/CarouselProvider';\r\nimport S from './Pagination.styles';\r\nconst Pagination = React.forwardRef((props, ref) => {\r\n    const carousel = useCarouselContext();\r\n    if (carousel.maxIndex === 0) {\r\n        return null;\r\n    }\r\n    return (React.createElement(S.Container, { ref: ref },\r\n        React.createElement(Dots, { itemCount: carousel.maxIndex + 1, activeIndex: carousel.activeIndex }),\r\n        React.createElement(Controls, { ...props })));\r\n});\r\nPagination.displayName = 'CarouselPagination';\r\nexport default Pagination;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { Device, from } from '@helpers/media';\r\nimport MotionTrack from '@stories/Components/Misc/Carousels/Carousel/MotionTrack/MotionTrack';\r\nimport PaginationStyles from '@stories/Components/Misc/Carousels/Carousel/Pagination/Pagination.styles';\r\nimport HeadingSummaryBlockStyles from '@stories/Components/Misc/HeadingSummaryBlock/HeadingSummaryBlock.styles';\r\nimport SectionWrapper from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport SectionWrapperStyles from '@stories/Components/Misc/SectionWrapper/SectionWrapper.styles';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n  --bgColour: transparent;\r\n  --fgColour: ${brand.global.black};\r\n\r\n  background-color: var(--bgColour);\r\n  color: var(--fgColour);\r\n  overflow: hidden;\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    ${SectionWrapperStyles.Inner} {\r\n      display: grid;\r\n\r\n      &:has(${PaginationStyles.Container}) {\r\n        grid-template-columns: 1fr min-content;\r\n        column-gap: ${fluid(50, 80)};\r\n      }\r\n    }\r\n  }\r\n\r\n  ${HeadingSummaryBlockStyles.Container} {\r\n    margin-bottom: ${fluid(32, 58)};\r\n  }\r\n\r\n  ${PaginationStyles.Container} {\r\n    margin: 32px 0 0;\r\n\r\n    @media ${from(Device.Desktop)} {\r\n      margin: 0 0 ${fluid(32, 58)};\r\n      grid-row: 1;\r\n      grid-column: 2 / span 1;\r\n    }\r\n  }\r\n`;\r\nconst CarouselWrapper = styled.div `\r\n  --itemPeek: 16px;\r\n  --itemGutter: var(--gutterWidth);\r\n  --visibleItems: 1;\r\n\r\n  margin: 0 calc(var(--itemGutter) * -0.5);\r\n\r\n  @media ${from(Device.TabletSmall)} {\r\n    --visibleItems: 2;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    --visibleItems: 3;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    --itemPeek: 0px;\r\n    --visibleItems: 4;\r\n\r\n    grid-row: 2;\r\n\r\n    ${Container}:has(${PaginationStyles.Container}) & {\r\n      grid-column: 1 / span 2;\r\n    }\r\n  }\r\n`;\r\nconst Track = styled(MotionTrack) ``;\r\nconst Item = styled.li `\r\n  display: flex;\r\n  flex: 0 0 calc(100% / var(--visibleItems) - (var(--itemPeek, 0px) / var(--visibleItems)));\r\n  padding: 0 calc(var(--itemGutter) / 2);\r\n\r\n  &[data-is-featured='true'] {\r\n    @media ${from(Device.TabletLarge)} {\r\n      flex: 0 0 calc(200% / var(--visibleItems) - (var(--itemPeek, 0px) / var(--visibleItems)));\r\n    }\r\n  }\r\n`;\r\nconst GenericContentCarouselStyles = {\r\n    CarouselWrapper,\r\n    Container,\r\n    Item,\r\n    Track,\r\n};\r\nexport default GenericContentCarouselStyles;\r\n","import { Device, until } from '@helpers/media';\r\nimport { withMotion } from '@hoc/withMotion';\r\nimport useMedia from '@hooks/useMedia';\r\nimport CarouselProvider from '@stories/Components/Misc/Carousels/Carousel/CarouselProvider/CarouselProvider';\r\nimport Pagination from '@stories/Components/Misc/Carousels/Carousel/Pagination/Pagination';\r\nimport HeadingSummaryBlock from '@stories/Components/Misc/HeadingSummaryBlock/HeadingSummaryBlock';\r\nimport { MotionConfig } from 'framer-motion';\r\nimport * as React from 'react';\r\nimport S from './FullWidthCarousel.styles';\r\nfunction FullWidthCarousel(props) {\r\n    const paddingOffset = useMedia([until(Device.Desktop)], [16], 0);\r\n    if (!props.items || props.items.length === 0) {\r\n        return null;\r\n    }\r\n    return (React.createElement(S.Container, { translations: props.translations },\r\n        React.createElement(HeadingSummaryBlock, { ...props, layout: \"split\" }),\r\n        React.createElement(MotionConfig, { transition: { duration: 0.3, ease: 'easeOut' } },\r\n            React.createElement(CarouselProvider, { count: props.items.length, paddingOffset: paddingOffset },\r\n                React.createElement(S.CarouselWrapper, null,\r\n                    React.createElement(S.Track, { trackMutations: true }, props.items.map((item, i) => (React.createElement(S.Item, { key: `fw-carousel-${item.id}-${i}`, \"data-is-featured\": item.featured }, props.renderItem(item, i)))))),\r\n                React.createElement(Pagination, { translations: props.translations })))));\r\n}\r\nexport default withMotion(FullWidthCarousel);\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { Device, from } from '@helpers/media';\r\nimport ControlsStyles from '@stories/Components/Misc/Carousels/Carousel/Controls/Controls.styles';\r\nimport FullWidthCarouselStyles from '@stories/Components/Misc/Carousels/FullWidthCarousel/FullWidthCarousel.styles';\r\nimport HeadingSummaryBlockStyles from '@stories/Components/Misc/HeadingSummaryBlock/HeadingSummaryBlock.styles';\r\nimport SectionWrapper, { BackgroundVariant, } from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport { rgba } from 'polished';\r\nimport styled from 'styled-components';\r\nconst Outer = styled.div `\r\n  scroll-margin: var(--headerHeight, 0px) 0 0;\r\n  overflow: hidden;\r\n\r\n  &[data-variant=${BackgroundVariant.Blue}] {\r\n    ${FullWidthCarouselStyles.Container} {\r\n      --bgColour: ${brand.primary.blue.dark};\r\n      --fgColour: ${brand.global.white};\r\n    }\r\n\r\n    ${ControlsStyles.Button} {\r\n      box-shadow: none;\r\n    }\r\n  }\r\n\r\n  &[data-variant=${BackgroundVariant.White}] {\r\n    ${FullWidthCarouselStyles.Container} {\r\n      --bgColour: transparent;\r\n      --fgColour: ${brand.primary.blue.dark};\r\n    }\r\n  }\r\n\r\n  &[data-variant=${BackgroundVariant.AccountBlue}] {\r\n    ${FullWidthCarouselStyles.Container} {\r\n      --bgColour: ${rgba(brand.primary.blue.light, 0.2)};\r\n      --fgColour: ${brand.global.black};\r\n    }\r\n  }\r\n\r\n  ${FullWidthCarouselStyles.CarouselWrapper} {\r\n    @media ${from(Device.Desktop)} {\r\n      overflow: hidden;\r\n    }\r\n  }\r\n\r\n  &[data-visible-columns='two'] {\r\n    ${FullWidthCarouselStyles.CarouselWrapper} {\r\n      @media ${from(Device.TabletLarge)} {\r\n        --visibleItems: 2;\r\n      }\r\n\r\n      @media ${from(Device.Desktop)} {\r\n        --visibleItems: 2;\r\n      }\r\n    }\r\n  }\r\n\r\n  &[data-visible-columns='three'] {\r\n    ${FullWidthCarouselStyles.CarouselWrapper} {\r\n      @media ${from(Device.TabletLarge)} {\r\n        --visibleItems: 3;\r\n      }\r\n\r\n      @media ${from(Device.Desktop)} {\r\n        --visibleItems: 3;\r\n      }\r\n    }\r\n  }\r\n\r\n  &[data-visible-columns='four'] {\r\n    ${FullWidthCarouselStyles.CarouselWrapper} {\r\n      @media ${from(Device.TabletLarge)} {\r\n        --visibleItems: 3;\r\n      }\r\n\r\n      @media ${from(Device.Desktop)} {\r\n        --visibleItems: 4;\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst Container = styled(SectionWrapper) `\r\n  overflow: hidden;\r\n\r\n  [data-variant=${BackgroundVariant.Blue}] & {\r\n    --sectionBackground: ${brand.primary.blue.dark};\r\n    --sectionColour: ${brand.global.white};\r\n  }\r\n\r\n  background-color: var(--sectionBackground);\r\n  color: var(--sectionColour);\r\n\r\n  ${HeadingSummaryBlockStyles.Container} {\r\n    margin-bottom: ${fluid(16, 58)};\r\n  }\r\n`;\r\nconst Grid = styled.div `\r\n  display: grid;\r\n  gap: ${fluid(24, 32)};\r\n  grid-template-columns: 1fr;\r\n\r\n  @media ${from(Device.TabletSmall)} {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  [data-visible-columns='two'] & {\r\n    @media ${from(Device.TabletLarge)} {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n  }\r\n\r\n  [data-visible-columns='three'] & {\r\n    @media ${from(Device.TabletLarge)} {\r\n      grid-template-columns: repeat(3, 1fr);\r\n    }\r\n  }\r\n\r\n  [data-visible-columns='four'] & {\r\n    @media ${from(Device.TabletLarge)} {\r\n      grid-template-columns: repeat(3, 1fr);\r\n    }\r\n\r\n    @media ${from(Device.Desktop)} {\r\n      grid-template-columns: repeat(4, 1fr);\r\n    }\r\n  }\r\n`;\r\nconst CtaCardsStyles = {\r\n    Container,\r\n    Grid,\r\n    Outer,\r\n};\r\nexport default CtaCardsStyles;\r\n","import { transition } from '@helpers/animate';\r\nimport { imageCoverContainer, imageWrapperPreserveRatio } from '@helpers/aspectRatio';\r\nimport brand, { BrandColours } from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport { paragraphSmall } from '@helpers/typography';\r\nimport ButtonStyles from '@stories/Components/Buttons/Button/Button.styles';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div `\r\n  --textColour: ${brand.global.white};\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 342px;\r\n  height: 100%;\r\n  width: 100%;\r\n  border-radius: 20px;\r\n  color: var(--textColour);\r\n  overflow: hidden;\r\n\r\n  &[data-has-image='false'] {\r\n    min-height: 100px;\r\n  }\r\n\r\n  a& {\r\n    text-decoration: none;\r\n\r\n    ${() => Image}, svg {\r\n      ${transition('transform', 0.25)};\r\n    }\r\n\r\n    &:focus-visible,\r\n    &:hover {\r\n      ${() => Image}, svg {\r\n        transform: scale(1.05);\r\n      }\r\n    }\r\n  }\r\n\r\n  &[data-variant=${BrandColours.BlueLight}],\r\n  &[data-variant=${BrandColours.GreenLight}],\r\n  &[data-variant=${BrandColours.OrangeLight}],\r\n  &[data-variant=${BrandColours.PinkLight}] {\r\n    --textColour: ${brand.global.black};\r\n  }\r\n\r\n  &[data-variant=${BrandColours.BlueDark}] {\r\n    --contentColour: ${brand.primary.blue.dark};\r\n    --imageColour: ${brand.primary.blue.light};\r\n  }\r\n\r\n  &[data-variant=${BrandColours.BlueLight}] {\r\n    --contentColour: ${brand.primary.blue.light};\r\n    --imageColour: ${brand.primary.blue.dark};\r\n  }\r\n\r\n  &[data-variant=${BrandColours.GreenDark}] {\r\n    --contentColour: ${brand.secondary.green.dark};\r\n    --imageColour: ${brand.secondary.green.light};\r\n  }\r\n\r\n  &[data-variant=${BrandColours.GreenLight}] {\r\n    --contentColour: ${brand.secondary.green.light};\r\n    --imageColour: ${brand.secondary.green.dark};\r\n  }\r\n\r\n  &[data-variant=${BrandColours.PurpleDark}] {\r\n    --contentColour: ${brand.primary.purple.dark};\r\n    --imageColour: ${brand.primary.blue.light};\r\n  }\r\n\r\n  &[data-variant=${BrandColours.PurpleLight}] {\r\n    --contentColour: ${brand.primary.purple.light};\r\n    --imageColour: ${brand.primary.blue.light};\r\n  }\r\n\r\n  &[data-variant=${BrandColours.OrangeMid}] {\r\n    --contentColour: ${brand.secondary.orange.mid};\r\n    --imageColour: ${brand.primary.blue.light};\r\n  }\r\n\r\n  &[data-variant=${BrandColours.OrangeDark}] {\r\n    --contentColour: ${brand.secondary.orange.dark};\r\n    --imageColour: ${brand.secondary.orange.light};\r\n  }\r\n\r\n  &[data-variant=${BrandColours.OrangeLight}] {\r\n    --contentColour: ${brand.secondary.orange.light};\r\n    --imageColour: ${brand.secondary.orange.dark};\r\n  }\r\n\r\n  &[data-variant=${BrandColours.PinkDark}] {\r\n    --contentColour: ${brand.secondary.pink.dark};\r\n    --imageColour: ${brand.secondary.pink.light};\r\n  }\r\n\r\n  &[data-variant=${BrandColours.PinkLight}] {\r\n    --contentColour: ${brand.secondary.pink.light};\r\n    --imageColour: ${brand.secondary.pink.dark};\r\n  }\r\n`;\r\nconst ImageContainer = styled.div `\r\n  ${imageWrapperPreserveRatio(328, 180)};\r\n\r\n  display: grid;\r\n  place-content: center;\r\n  background-color: var(--imageColour);\r\n\r\n  svg {\r\n    width: ${fluid(104, 183)};\r\n    aspect-ratio: 1;\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    aspect-ratio: 406 / 271;\r\n  }\r\n`;\r\nconst Image = styled.img `\r\n  ${imageCoverContainer()};\r\n\r\n  // Border radius duplicated for iOS Safari\r\n  border-radius: 20px 20px 0 0;\r\n`;\r\nconst ContentWrapper = styled.div `\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: var(--contentColour);\r\n  padding: ${fluid(16, 30)};\r\n  min-height: 157px;\r\n\r\n  ${ButtonStyles.Container} {\r\n    --buttonHeight: ${fluid(42, 52)};\r\n\r\n    position: relative;\r\n    align-self: flex-end;\r\n    margin-top: auto;\r\n  }\r\n`;\r\nconst Heading = styled.h3 `\r\n  ${fonts.intro};\r\n\r\n  font-size: ${fluid(16, 24)};\r\n  line-height: ${fluid(18, 28)};\r\n  margin: 0 0 ${fluid(12, 24)};\r\n  text-transform: uppercase;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    &[data-size='md'],\r\n    &[data-size='lg'] {\r\n      line-height: 1.25;\r\n    }\r\n\r\n    &[data-size='md'] {\r\n      font-size: ${fluid(24, 34)};\r\n    }\r\n\r\n    &[data-size='lg'] {\r\n      font-size: ${fluid(28, 48)};\r\n    }\r\n  }\r\n`;\r\nconst Subheading = styled.p `\r\n  ${paragraphSmall};\r\n\r\n  margin: 0 0 ${fluid(16, 24)};\r\n`;\r\nconst CtaCardStyles = {\r\n    Container,\r\n    ImageContainer,\r\n    Image,\r\n    ContentWrapper,\r\n    Heading,\r\n    Subheading,\r\n};\r\nexport default CtaCardStyles;\r\n","import { InterfaceIcon, getSvgIcon } from '@helpers/icons';\r\nimport { getSrcs } from '@helpers/image';\r\nimport { Device, from } from '@helpers/media';\r\nimport { FakeButton } from '@stories/Components/Buttons/Button/Button';\r\nimport * as React from 'react';\r\nimport S from './CtaCard.styles';\r\nconst CtaCard = (props) => {\r\n    const mobileSrcs = props.image ? getSrcs(props.image, 768, 375, 6, 328 / 180) : undefined;\r\n    const srcs = props.image ? getSrcs(props.image, 1680, 348, 16, 406 / 271) : undefined;\r\n    return (React.createElement(S.Container, { \"data-variant\": props.variant, \"data-has-image\": !!props.image || !!props.icon, ...(props.cta ? { as: 'a', href: props.cta.url, target: props.cta.target } : {}) },\r\n        (props.image || props.icon) && (React.createElement(S.ImageContainer, null,\r\n            props.type === 'image' && srcs && mobileSrcs && (React.createElement(\"picture\", null,\r\n                React.createElement(\"source\", { media: from(Device.Tablet), srcSet: srcs?.srcSet, sizes: props.sizes }),\r\n                React.createElement(S.Image, { src: mobileSrcs.src, srcSet: mobileSrcs.srcSet, alt: props.image?.altText, loading: \"lazy\", sizes: props.sizes }))),\r\n            props.type === 'icon' && React.createElement(React.Fragment, null, getSvgIcon(props.icon)))),\r\n        React.createElement(S.ContentWrapper, null,\r\n            React.createElement(S.Heading, { as: props.headingType, \"data-size\": props.titleSize }, props.heading),\r\n            props.subheading && React.createElement(S.Subheading, null, props.subheading),\r\n            props.cta && (React.createElement(FakeButton, { buttonType: \"secondary\", icon: InterfaceIcon.ArrowRight, iconOnly: true })))));\r\n};\r\nexport default CtaCard;\r\n","import { Device, until } from '@helpers/media';\r\nimport { withMotion } from '@hoc/withMotion';\r\nimport CtaCard from '@stories/Components/Cards/CtaCard/CtaCard';\r\nimport FullWidthCarousel from '@stories/Components/Misc/Carousels/FullWidthCarousel/FullWidthCarousel';\r\nimport HeadingSummaryBlock from '@stories/Components/Misc/HeadingSummaryBlock/HeadingSummaryBlock';\r\nimport * as React from 'react';\r\nimport S from './CtaCards.styles';\r\nconst CtaCards = (props) => {\r\n    if (!props.items) {\r\n        return null;\r\n    }\r\n    const sizes = getImageSizes();\r\n    const titleSize = props.columnAmount !== 'two'\r\n        ? 'default'\r\n        : props.items.find((item) => !!item.image)\r\n            ? 'md'\r\n            : 'lg';\r\n    return (React.createElement(S.Outer, { id: props.anchorId, \"data-variant\": props.sectionColour, \"data-visible-columns\": props.columnAmount }, props.pageLayout === 'carousel' ? (React.createElement(FullWidthCarousel, { subheading: props.subheading, heading: props.heading, summary: props.summary ? `<p>${props.summary}</p>` : undefined, items: props.items, renderItem: (item) => (React.createElement(CtaCard, { key: item.id, ...item, headingType: \"h3\", sizes: sizes, titleSize: titleSize })), translations: props.translations })) : (React.createElement(S.Container, { variant: props.sectionColour, translations: props.translations },\r\n        React.createElement(HeadingSummaryBlock, { ...props, summary: props.summary ? `<p>${props.summary}</p>` : undefined, layout: props.summary ? 'split' : 'central' }),\r\n        React.createElement(S.Grid, null, props.items.map((item) => (React.createElement(CtaCard, { key: item.id, ...item, headingType: \"h3\", sizes: sizes, titleSize: titleSize }))))))));\r\n    function getImageSizes() {\r\n        switch (props.columnAmount) {\r\n            case 'two':\r\n                return `${until(Device.TabletSmall)} 100vw, ${until(Device.DesktopLarge)} 50vw, 840px`;\r\n            case 'four':\r\n                return `${until(Device.TabletSmall)} 100vw, ${until(Device.TabletLarge)} 50vw, ${until(Device.Desktop)} 33vw, ${until(Device.DesktopLarge)} 25vw, 404px`;\r\n            case 'three':\r\n            default:\r\n                return `${until(Device.TabletSmall)} 100vw, ${until(Device.TabletLarge)} 50vw, ${until(Device.DesktopLarge)} 33vw, 550px`;\r\n        }\r\n    }\r\n};\r\nexport default withMotion(CtaCards);\r\n","import { __rest, __assign } from 'tslib';\nimport * as React from 'react';\nimport { useContext, useMemo } from 'react';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { loadExternalIsValidProp } from '../../render/dom/utils/filter-props.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\n\n/**\n * `MotionConfig` is used to set configuration options for all children `motion` components.\n *\n * ```jsx\n * import { motion, MotionConfig } from \"framer-motion\"\n *\n * export function App() {\n *   return (\n *     <MotionConfig transition={{ type: \"spring\" }}>\n *       <motion.div animate={{ x: 100 }} />\n *     </MotionConfig>\n *   )\n * }\n * ```\n *\n * @public\n */\nfunction MotionConfig(_a) {\n    var children = _a.children, isValidProp = _a.isValidProp, config = __rest(_a, [\"children\", \"isValidProp\"]);\n    isValidProp && loadExternalIsValidProp(isValidProp);\n    /**\n     * Inherit props from any parent MotionConfig components\n     */\n    config = __assign(__assign({}, useContext(MotionConfigContext)), config);\n    /**\n     * Don't allow isStatic to change between renders as it affects how many hooks\n     * motion components fire.\n     */\n    config.isStatic = useConstant(function () { return config.isStatic; });\n    /**\n     * Creating a new config context object will re-render every `motion` component\n     * every time it renders. So we only want to create a new one sparingly.\n     */\n    var context = useMemo(function () { return config; }, [JSON.stringify(config.transition), config.transformPagePoint, config.reducedMotion]);\n    return (React.createElement(MotionConfigContext.Provider, { value: context }, children));\n}\n\nexport { MotionConfig };\n"],"names":["withMotion","WrappedComponent","displayName","name","ComponentWithMotion","props","React","LazyMotion","features","domAnimation","strict","queries","values","defaultValue","getValue","index","mediaQueryLists","findIndex","mql","matches","value","setValue","useState","setMediaQueryLists","useEffect","map","query","window","matchMedia","handler","forEach","addListener","removeListener","_ref","activeIndex","itemCount","S","Dots","Dot","style","Controls","ref","_props$translations$g","_props$translations","_props$translations$g2","_props$translations2","_props$translations$g3","_props$translations3","carousel","useCarouselContext","Container","className","translations","FocusRing","focusRingClass","Button","disabled","wrap","onClick","event","preventDefault","goToPrev","Icon","getSvgIcon","InterfaceIcon","ArrowRight","maxIndex","goToNext","Pagination","styled","SectionWrapper","withConfig","componentId","brand","global","black","from","Device","Desktop","SectionWrapperStyles","Inner","PaginationStyles","fluid","HeadingSummaryBlockStyles","CarouselWrapper","div","TabletSmall","TabletLarge","Track","MotionTrack","Item","li","paddingOffset","useMedia","until","items","length","HeadingSummaryBlock","layout","MotionConfig","transition","duration","ease","CarouselProvider","count","trackMutations","item","i","key","id","featured","renderItem","Outer","BackgroundVariant","Blue","FullWidthCarouselStyles","primary","blue","dark","white","ControlsStyles","White","AccountBlue","rgba","light","Grid","Image","BrandColours","BlueLight","GreenLight","OrangeLight","PinkLight","BlueDark","GreenDark","secondary","green","PurpleDark","purple","PurpleLight","OrangeMid","orange","mid","OrangeDark","PinkDark","pink","ImageContainer","imageWrapperPreserveRatio","Tablet","img","imageCoverContainer","ContentWrapper","ButtonStyles","Heading","h3","fonts","intro","Subheading","p","paragraphSmall","_props$image","mobileSrcs","image","getSrcs","undefined","srcs","variant","icon","cta","as","href","url","target","type","media","srcSet","sizes","src","alt","altText","loading","headingType","titleSize","heading","subheading","FakeButton","buttonType","iconOnly","columnAmount","DesktopLarge","getImageSizes","find","anchorId","sectionColour","pageLayout","FullWidthCarousel","summary","CtaCard","_a","children","isValidProp","config","useContext","isStatic","context","useMemo","JSON","stringify","transformPagePoint","reducedMotion","Provider"],"sourceRoot":""}