{"version":3,"file":"4191-a2615b8fb4428122268b.js","mappings":"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","sources":["webpack://nikon-client/./components/atoms/Button/Button.tsx","webpack://nikon-client/./components/molecules/ContentOverlay/ContentOverlay.tsx","webpack://nikon-client/./components/molecules/Feature/Feature.tsx","webpack://nikon-client/./components/molecules/FeatureTextContent/FeatureTextContent.tsx","webpack://nikon-client/./components/molecules/InViewVideo/InViewVideo.tsx","webpack://nikon-client/./components/molecules/InfoModal/InfoModal.tsx","webpack://nikon-client/./models/enums/HorizontalDirectionEnum.ts","webpack://nikon-client/./models/enums/InfoTypeEnum.ts","webpack://nikon-client/./utility/hooks/useMediaQuery.ts","webpack://nikon-client/./utility/hooks/useResizeObserver.ts","webpack://nikon-client/./assets/hue.svg"],"sourcesContent":["import { ILink } from '@models/ILink';\nimport classNames from 'classnames';\nimport {\n  ButtonHTMLAttributes,\n  DetailedHTMLProps,\n  PropsWithChildren,\n} from 'react';\n\ninterface Props {\n  readonly className?: string;\n  readonly dataTestId?: string;\n  readonly disabled?: boolean;\n  readonly editHint?: string;\n  readonly link?: ILink;\n  readonly linkCallback?: () => void;\n  readonly secondary?: boolean;\n  readonly secondaryBackgroundClassName?: string;\n  readonly isLightMode?: boolean;\n  readonly inverted?: boolean;\n}\n\ntype ButtonProps = Props &\n  DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;\n\nconst Button = ({\n  children,\n  className,\n  dataTestId,\n  disabled = false,\n  editHint,\n  link,\n  linkCallback,\n  secondary = false,\n  secondaryBackgroundClassName = 'bg-transparent',\n  isLightMode,\n  inverted = false,\n  ...buttonProps\n}: PropsWithChildren<ButtonProps>) => {\n  const buttonClasses = classNames(\n    {\n      'bg-yellow py-1 px-4 text-black-100 hover:bg-yellow-100 focus:bg-yellow-500 active:bg-yellow-500':\n        !disabled && !secondary && !inverted,\n      //\n      [`${secondaryBackgroundClassName} border border-yellow py-[3px] px-[15px] text-black-100 hover:border-yellow-100 hover:bg-yellow-100 hover:text-black-100 focus:border-yellow-500 focus:bg-yellow-500 active:border-yellow-500 active:bg-yellow-500 ${\n        isLightMode\n          ? ''\n          : 'dark:text-white dark:hover:text-black-100 dark:focus:text-black-100 dark:active:text-black-100'\n      }`]: !disabled && secondary && !inverted,\n      //\n      'bg-grey text-grey-500 py-1 px-4': disabled,\n      //\n      'bg-black text-white py-1 px-4 active:bg-grey-600 hover:bg-grey-600 focus:bg-grey-600':\n        !disabled && !secondary && inverted,\n    },\n    'cta rounded-full inline-block min-h-min select-none',\n    className\n  );\n\n  return link?.url && (link?.name || children) && !disabled ? (\n    <a\n      className={buttonClasses}\n      href={link.url}\n      target={link.target}\n      data-epi-property-name={editHint}\n      onClick={linkCallback}\n      data-testid={dataTestId}\n    >\n      {children || link.name}\n    </a>\n  ) : (\n    <button\n      {...buttonProps}\n      className={buttonClasses}\n      disabled={disabled}\n      data-epi-property-name={editHint}\n      data-testid={dataTestId}\n    >\n      {children}\n    </button>\n  );\n};\n\nexport default Button;\n","import Icon from '@atoms/Icon/Icon';\nimport IconSizeEnum from '@models/enums/IconSizeEnum';\nimport InfoTypeEnum from '@models/enums/InfoTypeEnum';\nimport { IContentOverlay } from '@models/IContentOverlay';\nimport InfoModal from '@molecules/InfoModal/InfoModal';\nimport classNames from 'classnames';\nimport { useState } from 'react';\n\nconst ContentOverlay = ({\n  caption,\n  captionForIcon,\n  className = 'h4',\n  infoIconSize = IconSizeEnum.md,\n  isSubscript = false,\n  showInfoIcon = true,\n  text,\n  title,\n  dataTestId = 'CT-87-Content-Overlay',\n}: IContentOverlay) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  if (!caption && !text) {\n    return null;\n  }\n\n  return (\n    <button\n      className={classNames(\n        'items-start gap-x-1',\n        isSubscript ? 'inline-flex align-super' : 'flex'\n      )}\n      onClick={() => setIsOpen(!isOpen)}\n      type=\"button\"\n      aria-label={captionForIcon ?? caption}\n    >\n      {captionForIcon && <div className={className}>{captionForIcon}</div>}\n\n      {showInfoIcon && (\n        <Icon\n          colorClassName=\"text-black-100 dark:text-white\"\n          name=\"info\"\n          size={infoIconSize}\n        />\n      )}\n      <InfoModal\n        description={text}\n        isModalOpen={isOpen}\n        secondaryTitle={title}\n        title={caption}\n        toggleModal={setIsOpen}\n        type={InfoTypeEnum.ContentOverlay}\n        dataTestId={dataTestId}\n      />\n    </button>\n  );\n};\n\nexport default ContentOverlay;\n","import Hue from '@assets/hue.svg';\nimport Image from '@atoms/Image/Image';\nimport { IFeature } from '@models/IFeature';\nimport HorizontalDirectionEnum from '@models/enums/HorizontalDirectionEnum';\nimport EmbeddedVideo from '@molecules/EmbeddedVideo/EmbeddedVideo';\nimport FeatureTextContent from '@molecules/FeatureTextContent/FeatureTextContent';\nimport InViewVideo from '@molecules/InViewVideo/InViewVideo';\nimport useMediaQuery from '@utils/hooks/useMediaQuery';\nimport useResizeObserver from '@utils/hooks/useResizeObserver';\nimport classNames from 'classnames';\nimport { motion, useScroll, useSpring, useTransform } from 'framer-motion';\nimport { useEffect, useRef, useState } from 'react';\n\nconst Feature = ({\n  alignment = HorizontalDirectionEnum.Left,\n  anchorId,\n  categorySpringboard = false,\n  contentOverlayToolTip,\n  damVideo,\n  fullWidth = false,\n  image,\n  meta,\n  overlapItem = false,\n  overlapItemSmall = false,\n  overlapIndex,\n  preCTA,\n  primaryCTA,\n  text,\n  title,\n  video,\n  secondaryImage,\n  glow,\n  statCards,\n}: IFeature) => {\n  const isMobile = useMediaQuery(1024);\n  const [isMediaDisplayed, setIsMediaDisplayed] = useState(false);\n  const [\n    secondaryImageContainerRef,\n    {\n      height: secondaryImageContainerHeight,\n      width: secondaryImageContainerWidth,\n    },\n  ] = useResizeObserver();\n  const mediaContainerRef = useRef<HTMLDivElement>(null);\n  const { scrollYProgress } = useScroll({\n    target: mediaContainerRef,\n    offset: ['start end', 'end start'],\n  });\n  const smoothScrollYProgress = useSpring(scrollYProgress, {\n    stiffness: 300,\n    damping: 50,\n  });\n  const mainImageTranslateYLimit = isMobile ? 60 : 120;\n  const mainImageTranslateY = useTransform(\n    smoothScrollYProgress,\n    [0, 0.5, 1],\n    [mainImageTranslateYLimit, 0, -mainImageTranslateYLimit]\n  );\n  const secondaryImageTranslateYLimit = isMobile ? 120 : 240;\n  const secondaryImageTranslateY = useTransform(\n    smoothScrollYProgress,\n    [0, 0.5, 1],\n    [secondaryImageTranslateYLimit, 0, -secondaryImageTranslateYLimit]\n  );\n\n  useEffect(() => {\n    setIsMediaDisplayed(true);\n  }, []);\n\n  const isDefaultLeft =\n    alignment === HorizontalDirectionEnum.Left && !fullWidth;\n  const isDefaultRight =\n    alignment === HorizontalDirectionEnum.Right && !fullWidth;\n  const isFullWidthLeft =\n    alignment === HorizontalDirectionEnum.Left && fullWidth;\n  const isFullWidthRight =\n    alignment === HorizontalDirectionEnum.Right && fullWidth;\n  const hasTwoImages = image && !video?.videoId && secondaryImage;\n\n  const featureTestId = classNames(\n    {\n      'CT-11-A-Feature-Right': isDefaultRight,\n    },\n    {\n      'CT-11-B-Feature-Left': isDefaultLeft,\n    },\n    {\n      'CT-11-C-Feature-Right-Full-Width': isFullWidthRight,\n    },\n    {\n      'CT-11-D-Feature-Left-Full-Width': isFullWidthLeft,\n    }\n  );\n\n  const mediaClasses = classNames(\n    {\n      'xl:col-span-6': alignment === HorizontalDirectionEnum.Left && fullWidth,\n    },\n    {\n      'xl:col-span-7': categorySpringboard && isDefaultLeft && !overlapItem,\n    },\n    {\n      'xl:col-span-6': !categorySpringboard && isDefaultLeft && !overlapItem,\n    },\n    {\n      'lg:col-span-5':\n        alignment === HorizontalDirectionEnum.Left &&\n        overlapItem &&\n        !overlapItemSmall,\n    },\n    {\n      'lg:col-span-4':\n        alignment === HorizontalDirectionEnum.Left && overlapItemSmall,\n    },\n    {\n      'xl:col-start-1':\n        alignment === HorizontalDirectionEnum.Left && !overlapItemSmall,\n    },\n    {\n      'lg:col-start-2':\n        alignment === HorizontalDirectionEnum.Left && overlapItemSmall,\n    },\n    {\n      'xl:col-start-7 xl:col-span-6':\n        alignment === HorizontalDirectionEnum.Right && fullWidth,\n    },\n    {\n      'lg:col-start-7 lg:col-span-6 lg:order-last':\n        alignment === HorizontalDirectionEnum.Right && overlapItem,\n    },\n    {\n      'xl:col-start-6 xl:col-span-7':\n        categorySpringboard && isDefaultRight && !overlapItem,\n    },\n    {\n      'xl:col-start-7 xl:col-span-6':\n        !categorySpringboard && isDefaultRight && !overlapItem,\n    },\n    {\n      'xl:order-last':\n        alignment === HorizontalDirectionEnum.Right && !overlapItem,\n    },\n    { 'max-xl:pr-8': isDefaultLeft && hasTwoImages },\n    { 'max-xl:pl-8': isDefaultRight && hasTwoImages },\n    {\n      relative: hasTwoImages,\n    },\n    'w-full self-center'\n  );\n\n  const contentClasses = classNames(\n    {\n      'xl:col-start-8 xl:col-span-4': isFullWidthLeft,\n    },\n    {\n      'xl:col-start-9 xl:col-span-3':\n        categorySpringboard && isDefaultLeft && !overlapItem,\n    },\n    {\n      'xl:col-start-8 xl:col-span-4':\n        !categorySpringboard && isDefaultLeft && !overlapItem && !hasTwoImages,\n    },\n    {\n      'xl:col-start-9 xl:col-span-4':\n        !categorySpringboard && isDefaultLeft && !overlapItem && hasTwoImages,\n    },\n    {\n      'lg:col-start-8 lg:col-span-4':\n        alignment === HorizontalDirectionEnum.Left && overlapItem,\n    },\n    {\n      'xl:col-span-4': isFullWidthRight,\n    },\n    {\n      'lg:col-span-5 xl:col-span-4':\n        alignment === HorizontalDirectionEnum.Right && overlapItem,\n    },\n    {\n      'xl:col-span-3': categorySpringboard && isDefaultRight && !overlapItem,\n    },\n    {\n      'xl:col-span-4': !categorySpringboard && isDefaultRight && !overlapItem,\n    },\n    {\n      'lg:col-start-1 xl:col-start-2':\n        alignment === HorizontalDirectionEnum.Right && !hasTwoImages,\n    },\n    {\n      'xl:col-start-1': isDefaultRight && hasTwoImages,\n    },\n    { 'xl:-translate-y-20': overlapIndex === 0 },\n    { 'xl:translate-y-20': overlapIndex === 2 },\n    overlapItem ? 'lg:mt-0' : 'xl:mt-0',\n    hasTwoImages ? 'mt-13' : 'mt-7.5',\n    'w-full self-center'\n  );\n\n  return (\n    <section\n      id={`a-${anchorId}`}\n      className={classNames(\n        'layout two-col-spacing bg-white text-black-100 dark:bg-black-100 dark:text-white',\n        { 'component-padding': !overlapItem },\n        hasTwoImages ? 'max-xl:overflow-hidden max-xl:pt-10' : 'overflow-hidden'\n      )}\n      data-epi-block-id={meta?.contentLink}\n      data-testid={featureTestId}\n    >\n      <div\n        className={classNames(\n          overlapItem ? 'container lg:grid' : 'inner xl:grid',\n          'flex grid-cols-12 flex-col xl:grid'\n        )}\n      >\n        <motion.div\n          ref={mediaContainerRef}\n          className={mediaClasses}\n          {...(hasTwoImages\n            ? {\n                initial: { opacity: 0 },\n                animate: { opacity: isMediaDisplayed ? 1 : 0 },\n              }\n            : {})}\n          data-epi-property-name={\n            image && !video?.videoId\n              ? meta?.editHints?.image\n              : meta?.editHints?.video\n          }\n        >\n          {image && !video?.videoId && (\n            <div\n              className={classNames({\n                'xl:float-right': alignment === HorizontalDirectionEnum.Left,\n                'xl:w-[50vw]': fullWidth,\n                relative: hasTwoImages,\n              })}\n            >\n              {hasTwoImages && glow && (\n                <motion.img\n                  src={`${Hue}`}\n                  alt=\"hue\"\n                  style={{\n                    height: secondaryImageContainerHeight,\n                    width: secondaryImageContainerWidth,\n                    translateY: secondaryImageTranslateY,\n                    scale: 2,\n                  }}\n                  className={classNames(\n                    'absolute -bottom-[15px] xl:-bottom-10',\n                    {\n                      '-right-15 xl:-right-24':\n                        alignment === HorizontalDirectionEnum.Left,\n                      '-left-15 xl:-left-24':\n                        alignment === HorizontalDirectionEnum.Right,\n                    }\n                  )}\n                  data-testid={`${featureTestId}-Glow`}\n                />\n              )}\n\n              <motion.div\n                style={{\n                  ...(hasTwoImages ? { translateY: mainImageTranslateY } : {}),\n                }}\n              >\n                <Image\n                  image={image}\n                  classes={classNames({\n                    'xl:flex xl:justify-end xl:mr-12':\n                      alignment === HorizontalDirectionEnum.Left && fullWidth,\n                  })}\n                  imageClasses=\"w-full\"\n                  sizes=\"(min-width: 1024px) 1024px, 100vw\"\n                  dataTestId={`${featureTestId}-Image`}\n                />\n              </motion.div>\n\n              {hasTwoImages && (\n                <motion.div\n                  ref={secondaryImageContainerRef}\n                  style={{ translateY: secondaryImageTranslateY }}\n                  className={classNames(\n                    'absolute -bottom-[15px] flex max-h-[146px] max-w-[176px] md:max-h-[180px] md:max-w-[240px] lg:max-h-[390px] lg:max-w-[470px] xl:-bottom-10',\n                    {\n                      '-right-8 xl:-right-20':\n                        alignment === HorizontalDirectionEnum.Left,\n                      '-left-8 xl:-left-20':\n                        alignment === HorizontalDirectionEnum.Right,\n                    }\n                  )}\n                >\n                  <div className=\"relative\">\n                    <Image\n                      image={secondaryImage}\n                      imageClasses=\"h-full object-contain\"\n                      dataTestId={`${featureTestId}-Secondary-Image`}\n                    />\n                  </div>\n                </motion.div>\n              )}\n            </div>\n          )}\n\n          {(video?.videoId || damVideo?.url) && (\n            <div\n              className={classNames({\n                'w-full xl:float-right':\n                  alignment === HorizontalDirectionEnum.Left,\n                'overflow-hidden xl:w-[50vw]': fullWidth,\n              })}\n            >\n              {video?.videoId && (\n                <EmbeddedVideo\n                  embedded\n                  videoProvider={video?.videoProvider}\n                  videoId={video?.videoId}\n                  coverImage={video?.coverImage}\n                  dataTestId={`${featureTestId}-Video`}\n                />\n              )}\n              {damVideo?.url && (\n                <InViewVideo\n                  dataTestId={`${featureTestId}-Video`}\n                  video={damVideo}\n                />\n              )}\n            </div>\n          )}\n        </motion.div>\n\n        <div className={contentClasses}>\n          <FeatureTextContent\n            categorySpringboard={categorySpringboard}\n            title={title}\n            text={text}\n            contentOverlayToolTip={contentOverlayToolTip}\n            preCTA={preCTA}\n            primaryCTA={primaryCTA}\n            meta={meta}\n            overlapItem={overlapItem}\n            dataTestId={featureTestId}\n            statCards={statCards}\n            fullWidth={fullWidth}\n          />\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default Feature;\n","import Button from '@atoms/Button/Button';\nimport { IContentOverlay } from '@models/IContentOverlay';\nimport { IStatCard } from '@models/IFeature';\nimport { ILink } from '@models/ILink';\nimport { IMeta } from '@models/IMeta';\nimport ContentOverlay from '@molecules/ContentOverlay/ContentOverlay';\nimport updateDataLayer from '@utils/helpers/gtm';\nimport classNames from 'classnames';\n\ninterface Props {\n  readonly contentOverlayToolTip?: IContentOverlay;\n  readonly meta: IMeta;\n  readonly preCTA?: string;\n  readonly primaryCTA: ILink;\n  readonly text: string;\n  readonly title: string;\n  readonly categorySpringboard?: boolean;\n  readonly overlapItem?: boolean;\n  readonly dataTestId?: string;\n  readonly statCards?: IStatCard[];\n  readonly fullWidth?: boolean;\n}\n\nconst FeatureTextContent = ({\n  title,\n  text,\n  categorySpringboard = false,\n  contentOverlayToolTip,\n  preCTA,\n  primaryCTA,\n  meta,\n  overlapItem,\n  dataTestId = 'Feature-Text-Content',\n  statCards,\n  fullWidth,\n}: Props) => {\n  const isH1Style = overlapItem || !categorySpringboard ? '' : 'h1';\n\n  return (\n    <div className=\"xl:mx-auto xl:text-left\">\n      {title && (\n        <p\n          className={classNames('h3 mb-5 xl:mb-7.5', isH1Style)}\n          data-epi-property-name={meta?.editHints?.title}\n          data-testid={`${dataTestId}-Title`}\n        >\n          {title}\n        </p>\n      )}\n\n      {contentOverlayToolTip && (\n        <div className=\"mb-5 xl:mb-6\">\n          <ContentOverlay\n            {...contentOverlayToolTip}\n            dataTestId={dataTestId}\n            className=\"body-four\"\n          />\n        </div>\n      )}\n      {text && (\n        <div\n          className=\"body-two content-area text-black-100 dark:text-grey-500\"\n          data-epi-property-name={meta?.editHints?.text}\n          dangerouslySetInnerHTML={{ __html: text }}\n          data-testid={`${dataTestId}-Text`}\n        />\n      )}\n      {preCTA && (\n        <div\n          className=\"body-one content-area mt-2.5 text-grey-450 dark:text-grey-500\"\n          data-epi-property-name={meta?.editHints?.preCTA}\n          dangerouslySetInnerHTML={{ __html: preCTA }}\n          data-testid={`${dataTestId}-Pre-Cta`}\n        />\n      )}\n      {primaryCTA?.url && primaryCTA?.name && (\n        <Button\n          link={primaryCTA}\n          className=\"mt-5\"\n          linkCallback={() => {\n            updateDataLayer({\n              event: 'selectContent',\n              content_type: 'feature_content',\n              link_text: primaryCTA.name,\n            });\n          }}\n          dataTestId={`${dataTestId}-Cta`}\n        />\n      )}\n      {!!statCards?.length && (\n        <div\n          className={classNames(\n            'flex flex-col gap-5 max-xl:pt-7.5 md:flex-row xl:pt-[70px]',\n            fullWidth ? 'xl:w-[120%]' : 'xl:w-[110%]'\n          )}\n          data-epi-property-name={meta?.editHints?.statCards}\n        >\n          {statCards.map((statCard) => (\n            <div\n              className={classNames(\n                'flex flex-col items-start gap-[5px] rounded-[10px] bg-grey-100 p-7.5 text-black-100 dark:bg-grey-600 dark:text-white',\n                statCards.length === 1 ? 'max-md:w-full md:w-3/5' : 'w-full'\n              )}\n              key={statCard.title}\n              data-testid={`${dataTestId}-Stat-Card`}\n            >\n              <p className=\"h5\" data-testid={`${dataTestId}-Stat-Card-Title`}>\n                {statCard.title}\n              </p>\n              <p\n                className=\"body-two\"\n                data-testid={`${dataTestId}-Stat-Card-Text`}\n              >\n                {statCard.text}\n              </p>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default FeatureTextContent;\n","import Icon from '@atoms/Icon/Icon';\nimport Image from '@atoms/Image/Image';\nimport Video from '@atoms/Video/Video';\nimport { AspectRatioType } from '@models/IAspectRatio';\nimport { IImage } from '@models/IImage';\nimport { IMeta } from '@models/IMeta';\nimport { IVideo } from '@models/IVideo';\nimport useAriaLabels from '@utils/hooks/useAriaLabels';\nimport classNames from 'classnames';\nimport { AnimatePresence, motion, MotionValue, useInView } from 'framer-motion';\nimport { RefObject, useEffect, useRef, useState } from 'react';\n\ninterface Props {\n  readonly autoPlay?: boolean;\n  readonly controls?: boolean;\n  readonly coverImage?: IImage;\n  readonly dataTestId?: string;\n  readonly hasInVideoPlayButton?: boolean;\n  readonly inVideoPlayButtonClassName?: string;\n  readonly inVideoPlayButtonPositionClassName?: string;\n  readonly inVideoPlayButtonTabIndex?: number;\n  readonly inViewThreshold?: number;\n  readonly meta?: IMeta;\n  readonly playOnCoverClick?: boolean;\n  readonly video: IVideo;\n  readonly videoClasses?: string;\n  readonly videoRatio?: AspectRatioType;\n  readonly videoWrapperOpacityProgress?: MotionValue<number>;\n  readonly wrapperClasses?: string;\n  readonly onFocusCallback?: (e: React.FocusEvent<HTMLButtonElement>) => void;\n}\n\nconst InViewVideo = ({\n  autoPlay = false,\n  controls,\n  coverImage,\n  dataTestId = 'In-View-Video',\n  hasInVideoPlayButton,\n  inVideoPlayButtonClassName,\n  inVideoPlayButtonPositionClassName = 'bottom-5 left-5',\n  inVideoPlayButtonTabIndex = 0,\n  inViewThreshold = 0.5,\n  meta,\n  onFocusCallback,\n  playOnCoverClick = true,\n  video,\n  videoClasses,\n  videoRatio,\n  videoWrapperOpacityProgress,\n  wrapperClasses,\n}: Props) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [isVideoManuallyPaused, setIsVideoManuallyPaused] = useState(false);\n  const [isMuted, setIsMuted] = useState(false);\n  const [videoReady, setVideoReady] = useState(false);\n  const videoRef = useRef<HTMLDivElement>(null);\n  const inView = useInView(videoRef, { amount: inViewThreshold });\n  const isAutoPlaying = !hasInVideoPlayButton\n    ? autoPlay\n    : autoPlay && !isVideoManuallyPaused;\n  const { playVideoAriaLabel, pauseVideoAriaLabel } = useAriaLabels();\n\n  useEffect(() => {\n    setIsPlaying(isAutoPlaying && inView);\n    setIsMuted(!controls || !inView || isAutoPlaying);\n  }, [isAutoPlaying, inView, controls]);\n\n  return (\n    <div\n      className={classNames('relative', wrapperClasses)}\n      data-testid={dataTestId}\n    >\n      <Video\n        classes={videoClasses}\n        title={video?.url}\n        videoSource={video?.url}\n        ref={videoRef as unknown as RefObject<HTMLDivElement>}\n        videoAttributes={{\n          playsinline: true,\n          muted: isMuted,\n          playing: isPlaying,\n          loop: true,\n        }}\n        onVideoReady={() => setVideoReady(true)}\n        epiEdit={meta?.editHints?.video as string | undefined}\n        controls={controls}\n        videoRatio={videoRatio}\n        isPlaying={isPlaying}\n        setIsPlaying={setIsPlaying}\n        videoWrapperOpacityProgress={videoWrapperOpacityProgress}\n        onVolumeChange={(videoElement) => {\n          setIsMuted(videoElement.volume === 0 || videoElement.muted);\n        }}\n      />\n\n      {hasInVideoPlayButton && videoReady && (\n        <button\n          type=\"button\"\n          aria-label={isPlaying ? pauseVideoAriaLabel : playVideoAriaLabel}\n          className={classNames(\n            'absolute z-20 flex h-7.5 w-7.5 items-center justify-center rounded-full bg-black bg-opacity-50',\n            inVideoPlayButtonPositionClassName,\n            inVideoPlayButtonClassName\n          )}\n          onClick={() => {\n            setIsPlaying(!isPlaying);\n            setIsVideoManuallyPaused(isPlaying);\n          }}\n          onFocus={onFocusCallback}\n          data-testid={`${dataTestId}-${isPlaying ? 'Pause' : 'Play'}-Button`}\n          data-video-control=\"toggle\"\n          tabIndex={inVideoPlayButtonTabIndex}\n        >\n          <Icon\n            name={isPlaying ? 'pause' : 'play_icon_filled'}\n            colorClassName=\"text-white\"\n            size=\"1.4rem\"\n            className=\"pointer-events-none\"\n          />\n        </button>\n      )}\n\n      {(coverImage || !isAutoPlaying) && (\n        <AnimatePresence>\n          {!isPlaying && (\n            <motion.div\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              onClick={() => playOnCoverClick && setIsPlaying(true)}\n              className=\"group absolute inset-0 flex items-center justify-center hover:cursor-pointer\"\n            >\n              {coverImage && (\n                <Image\n                  classes=\"relative w-full h-full\"\n                  image={coverImage}\n                  imageClasses=\"w-full h-full object-cover object-center\"\n                  epiEdit={meta?.editHints?.video as string | undefined}\n                  dataTestId={`${dataTestId}-Cover-Image`}\n                />\n              )}\n\n              {!isAutoPlaying && coverImage && (\n                <button\n                  type=\"button\"\n                  aria-label={playVideoAriaLabel}\n                  className=\"absolute bottom-2.5 left-2.5 flex items-center md:bottom-5 md:left-5\"\n                  onClick={() => setIsPlaying(true)}\n                  data-testid={`${dataTestId}-Play-Button`}\n                >\n                  <div className=\"h-[2.1875rem] w-[2.1875rem] md:h-[2.875rem] md:w-[2.875rem]\">\n                    <Icon name=\"play_icon_circle\" size=\"100%\" />\n                  </div>\n                </button>\n              )}\n            </motion.div>\n          )}\n        </AnimatePresence>\n      )}\n    </div>\n  );\n};\n\nexport default InViewVideo;\n","import Button from '@atoms/Button/Button';\nimport CloseButton from '@atoms/CloseButton/CloseButton';\nimport Icon from '@atoms/Icon/Icon';\nimport Modal from '@atoms/Modal/Modal';\nimport InfoTypeEnum from '@models/enums/InfoTypeEnum';\nimport { ILink } from '@models/ILink';\nimport useMediaQuery from '@utils/hooks/useMediaQuery';\nimport classNames from 'classnames';\nimport { Dispatch, SetStateAction } from 'react';\n\ninterface Props {\n  readonly buttonText?: string;\n  readonly description?: string;\n  readonly isModalOpen: boolean;\n  readonly ctaLink?: ILink;\n  readonly secondaryTitle?: string;\n  readonly title?: string;\n  readonly type: InfoTypeEnum;\n  readonly toggleModal: Dispatch<SetStateAction<boolean>>;\n  readonly handleCTAClick?: () => void;\n  readonly dataTestId?: string;\n  readonly shouldLockBody?: boolean;\n}\n\nconst InfoModal = ({\n  buttonText,\n  description,\n  isModalOpen,\n  ctaLink,\n  secondaryTitle,\n  title,\n  toggleModal,\n  type,\n  handleCTAClick,\n  dataTestId = 'CT-Info-Modal',\n  shouldLockBody,\n}: Props) => {\n  const isMobile = useMediaQuery(1024);\n  const hasCTAButton = !!handleCTAClick && !!buttonText;\n  const hasCTALink = !!ctaLink?.url && !!ctaLink.name;\n\n  const iconType = {\n    [InfoTypeEnum.Error]: 'warning',\n    [InfoTypeEnum.Information]: 'info',\n    [InfoTypeEnum.Success]: 'check',\n  };\n\n  const iconColour = {\n    [InfoTypeEnum.Error]: 'text-yellow',\n    [InfoTypeEnum.Information]: 'text-green',\n    [InfoTypeEnum.Success]: 'bg-yellow rounded-full p-2',\n  };\n\n  return (\n    <Modal\n      isOpen={isModalOpen}\n      setIsOpen={toggleModal}\n      modalClasses=\"flex flex-col justify-center items-center w-full h-full fixed top-0 bottom-0 left-0 right-0 bg-black-100/25 max-w-none\"\n      contentClasses=\"w-full p-0 flex justify-center\"\n      transparent\n      showCloseButton={false}\n      shouldLockBody={shouldLockBody}\n    >\n      <div\n        className={classNames(\n          'w-full rounded-lg bg-white p-3 sm:w-2/4 lg:p-7.5',\n          type === InfoTypeEnum.ContentOverlay ? 'xl:w-[673px]' : 'xl:w-1/3'\n        )}\n      >\n        <div className=\"flex justify-end\">\n          <CloseButton\n            onClick={() => toggleModal(false)}\n            className=\"relative cursor-pointer\"\n            size={isMobile ? '1.25rem' : '1.5rem'}\n          />\n        </div>\n\n        <div\n          className={classNames(\n            type === InfoTypeEnum.ContentOverlay\n              ? 'px-2 pb-4 pt-2 lg:px-6 lg:pb-7.5'\n              : 'px-2.5 pb-13 pt-5 lg:px-5 lg:pt-7.5',\n            { 'text-center': type === InfoTypeEnum.Success },\n            'flex flex-col text-black-100'\n          )}\n        >\n          {type !== InfoTypeEnum.ContentOverlay && (\n            <Icon\n              name={iconType[type]}\n              size=\"3.375rem\"\n              colorClassName={iconColour[type]}\n              className={classNames('mb-5 lg:mb-7.5', {\n                'mx-auto': type === InfoTypeEnum.Success,\n              })}\n            />\n          )}\n\n          {(title || description) && (\n            <div className=\"flex flex-col gap-y-2.5 lg:gap-y-2\">\n              {title && (\n                <h4 data-testid={`${dataTestId}-Pop-Up-Title`}>\n                  {title}\n                  {secondaryTitle && (\n                    <span className=\"text-grey-450\"> {secondaryTitle}</span>\n                  )}\n                </h4>\n              )}\n\n              {description && (\n                <div className=\"max-h-[30vh] overflow-y-auto\">\n                  <p\n                    className=\"body-one whitespace-pre-line\"\n                    data-testid={`${dataTestId}-Pop-Up-Text`}\n                  >\n                    {description}\n                  </p>\n                </div>\n              )}\n            </div>\n          )}\n\n          {(hasCTAButton || hasCTALink) && (\n            <div className=\"mt-5 lg:mt-10\">\n              {hasCTALink ? (\n                <Button link={ctaLink} />\n              ) : (\n                <Button onClick={handleCTAClick}>{buttonText}</Button>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    </Modal>\n  );\n};\n\nexport default InfoModal;\n","enum HorizontalDirectionEnum {\n  Left = 'LEFT',\n  Right = 'RIGHT',\n}\n\nexport default HorizontalDirectionEnum;\n","enum InfoTypeEnum {\n  Success = 'success',\n  Error = 'error',\n  Information = 'information',\n  ContentOverlay = 'content_overlay',\n}\n\nexport default InfoTypeEnum;\n","import { useCallback, useEffect, useState } from 'react';\n\nconst useMediaQuery = (minWidth: number) => {\n  // Set the default value to undefined in order to properly distinguish the falsey values\n  // where undefined is the value before computing whether the screen size is smaller than the minWidth\n  // i.e. a state where we don't really know whether we're below the threshold or not\n  // and false is the value where the computation returns false\n  const [isSmallerThan, setIsSmallerThan] = useState<boolean>();\n\n  const handler = useCallback(() => {\n    const isDesiredWidth = window.innerWidth < minWidth;\n    setIsSmallerThan(isDesiredWidth);\n  }, [minWidth]);\n\n  useEffect(() => {\n    window.addEventListener('resize', handler);\n    handler();\n\n    return () => {\n      window.removeEventListener('resize', handler);\n    };\n  }, [handler]);\n\n  return isSmallerThan;\n};\n\nexport default useMediaQuery;\n","import { useCallback, useRef, useState } from 'react';\n\nconst useResizeObserver = () => {\n  const observerRef = useRef<ResizeObserver>();\n  const [resizeParameters, setResizeParameters] = useState({\n    width: 0,\n    height: 0,\n    clientWidth: 0,\n    clientHeight: 0,\n    scrollWidth: 0,\n    scrollHeight: 0,\n  });\n\n  const handleResize = useCallback((entries: ResizeObserverEntry[]) => {\n    if (!Array.isArray(entries)) return;\n\n    const entry = entries[0];\n\n    setResizeParameters({\n      width: entry?.contentRect.width ?? 0,\n      height: entry?.contentRect.height ?? 0,\n      clientWidth: entry?.target.clientWidth ?? 0,\n      clientHeight: entry?.target.clientHeight ?? 0,\n      scrollWidth: entry?.target.scrollWidth ?? 0,\n      scrollHeight: entry?.target.scrollHeight ?? 0,\n    });\n  }, []);\n\n  const ref = useCallback(\n    (node: HTMLElement | null) => {\n      if (observerRef.current && !node) {\n        observerRef.current.disconnect();\n        observerRef.current = undefined;\n      }\n\n      if (!observerRef.current && node) {\n        observerRef.current = new ResizeObserver(handleResize);\n        observerRef.current.observe(node);\n      }\n    },\n    [handleResize]\n  );\n\n  return [ref, resizeParameters] as const;\n};\n\nexport default useResizeObserver;\n","module.exports = \"data:image/svg+xml,%3csvg width='906' height='906' viewBox='0 0 906 906' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cg opacity='0.5' filter='url(%23filter0_df_5839_100698)'%3e %3ccircle cx='453' cy='453' r='263' fill='%23FFDD00'/%3e %3c/g%3e %3cdefs%3e %3cfilter id='filter0_df_5839_100698' x='0' y='0' width='906' height='906' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e %3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e %3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e %3cfeOffset dy='1.66516'/%3e %3cfeGaussianBlur stdDeviation='0.832579'/%3e %3cfeComposite in2='hardAlpha' operator='out'/%3e %3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3e %3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_5839_100698'/%3e %3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_5839_100698' result='shape'/%3e %3cfeGaussianBlur stdDeviation='95' result='effect2_foregroundBlur_5839_100698'/%3e %3c/filter%3e %3c/defs%3e %3c/svg%3e\""],"names":["_ref","children","className","dataTestId","disabled","editHint","link","linkCallback","secondary","secondaryBackgroundClassName","isLightMode","inverted","buttonProps","buttonClasses","classNames","url","name","React","createElement","href","target","onClick","_extends","caption","captionForIcon","infoIconSize","IconSizeEnum","md","isSubscript","showInfoIcon","text","title","isOpen","setIsOpen","useState","type","Icon","colorClassName","size","InfoModal","description","isModalOpen","secondaryTitle","toggleModal","InfoTypeEnum","ContentOverlay","alignment","HorizontalDirectionEnum","Left","anchorId","categorySpringboard","contentOverlayToolTip","damVideo","fullWidth","image","meta","overlapItem","overlapItemSmall","overlapIndex","preCTA","primaryCTA","video","secondaryImage","glow","statCards","isMobile","useMediaQuery","isMediaDisplayed","setIsMediaDisplayed","secondaryImageContainerRef","height","secondaryImageContainerHeight","width","secondaryImageContainerWidth","useResizeObserver","mediaContainerRef","useRef","scrollYProgress","useScroll","offset","smoothScrollYProgress","useSpring","stiffness","damping","mainImageTranslateYLimit","mainImageTranslateY","useTransform","secondaryImageTranslateYLimit","secondaryImageTranslateY","useEffect","isDefaultLeft","isDefaultRight","Right","isFullWidthLeft","isFullWidthRight","hasTwoImages","videoId","featureTestId","mediaClasses","relative","contentClasses","id","contentLink","motion","div","ref","initial","opacity","animate","editHints","img","src","Hue","alt","style","translateY","scale","Image","classes","imageClasses","sizes","EmbeddedVideo","embedded","videoProvider","coverImage","InViewVideo","FeatureTextContent","isH1Style","dangerouslySetInnerHTML","__html","Button","updateDataLayer","event","content_type","link_text","length","map","statCard","key","autoPlay","controls","hasInVideoPlayButton","inVideoPlayButtonClassName","inVideoPlayButtonPositionClassName","inVideoPlayButtonTabIndex","inViewThreshold","onFocusCallback","playOnCoverClick","videoClasses","videoRatio","videoWrapperOpacityProgress","wrapperClasses","isPlaying","setIsPlaying","isVideoManuallyPaused","setIsVideoManuallyPaused","isMuted","setIsMuted","videoReady","setVideoReady","videoRef","inView","useInView","amount","isAutoPlaying","playVideoAriaLabel","pauseVideoAriaLabel","useAriaLabels","Video","videoSource","videoAttributes","playsinline","muted","playing","loop","onVideoReady","epiEdit","onVolumeChange","videoElement","volume","onFocus","tabIndex","AnimatePresence","exit","buttonText","ctaLink","handleCTAClick","shouldLockBody","hasCTAButton","hasCTALink","iconType","Error","Information","Success","iconColour","Modal","modalClasses","transparent","showCloseButton","CloseButton","minWidth","isSmallerThan","setIsSmallerThan","handler","useCallback","isDesiredWidth","window","innerWidth","addEventListener","removeEventListener","observerRef","resizeParameters","setResizeParameters","clientWidth","clientHeight","scrollWidth","scrollHeight","handleResize","entries","Array","isArray","entry","contentRect","node","current","disconnect","undefined","ResizeObserver","observe","module","exports"],"sourceRoot":""}