{"version":3,"file":"EmbeddedVideo-Chunk-4f1720be35a4b9e9a4e5.js","mappings":"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","sources":["webpack://nikon-client/./components/molecules/EmbeddedVideo/EmbeddedVideo.tsx","webpack://nikon-client/./state-management/CookieStatusStore.ts","webpack://nikon-client/./node_modules/.pnpm/framer-motion@10.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-is-mounted.mjs","webpack://nikon-client/./node_modules/.pnpm/framer-motion@10.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs","webpack://nikon-client/./node_modules/.pnpm/framer-motion@10.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs","webpack://nikon-client/./node_modules/.pnpm/framer-motion@10.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs","webpack://nikon-client/./node_modules/.pnpm/framer-motion@10.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-force-update.mjs","webpack://nikon-client/./node_modules/.pnpm/framer-motion@10.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-unmount-effect.mjs"],"sourcesContent":["import Icon from '@atoms/Icon/Icon';\nimport Image from '@atoms/Image/Image';\nimport IExternalVideo from '@models/IExternalVideo';\nimport ExternalVideo from '@molecules/ExternalVideo/ExternalVideo';\nimport VideoModal from '@molecules/VideoModal/VideoModal';\nimport useCookieStatusStore from '@state/CookieStatusStore';\nimport useAriaLabels from '@utils/hooks/useAriaLabels';\nimport classNames from 'classnames';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { useCallback, useState } from 'react';\n\ninterface Props extends IExternalVideo {\n readonly anchorId?: string;\n readonly embedded?: boolean;\n readonly dataTestId?: string;\n}\n\nconst EmbeddedVideo = ({\n videoProvider,\n videoId,\n title,\n subTitle,\n anchorId = '',\n meta,\n coverImage,\n embedded = false,\n dataTestId = 'CT-10-A-Video-Embed',\n}: Props) => {\n const [isPlaying, setIsPlaying] = useState(false);\n const [isVideoModalOpen, setIsVideoModalOpen] = useState(false);\n const { cookieStatus } = useCookieStatusStore((state) => ({\n cookieStatus: state.cookieStatus,\n }));\n const { playVideoAriaLabel } = useAriaLabels();\n\n const onVideoModalClose = useCallback(() => {\n if (cookieStatus) {\n setIsPlaying((oldState) => !oldState);\n }\n }, [cookieStatus]);\n\n return embedded ? (\n \n
\n
\n {cookieStatus && (\n setIsPlaying(false)}\n title={title}\n />\n )}\n
\n \n {!isPlaying && (\n \n {coverImage && (\n \n )}\n cookieStatus && setIsPlaying(true)}\n className=\"absolute bottom-2.5 left-2.5 z-10\"\n data-testid={`${dataTestId}-Play-Button`}\n >\n
\n \n
\n \n \n )}\n \n
\n \n ) : (\n \n
\n
\n {coverImage && (\n \n \n\n {\n if (cookieStatus)\n setIsVideoModalOpen((oldState) => !oldState);\n }}\n className=\"absolute bottom-2.5 left-2.5 z-10 md:bottom-5 md:left-5\"\n aria-label={playVideoAriaLabel}\n data-testid={`${dataTestId}-Play-Button`}\n >\n
\n \n
\n \n
\n )}\n {(title || subTitle) && (\n
\n {title && (\n \n {title}\n

\n )}\n {subTitle && (\n \n {subTitle}\n

\n )}\n
\n )}\n
\n \n\n \n \n );\n};\n\nexport default EmbeddedVideo;\n","import create from 'zustand';\n\ninterface ICookieStatusState {\n readonly cookieStatus: boolean;\n readonly setCookieStatus: (cookieStatus: boolean) => void;\n}\n\nconst useCookieStatusStore = create((set) => ({\n cookieStatus: false,\n setCookieStatus: (cookieStatus: boolean) => set({ cookieStatus }),\n}));\n\nexport default useCookieStatusStore;\n","import { useRef } from 'react';\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-effect.mjs';\n\nfunction useIsMounted() {\n const isMounted = useRef(false);\n useIsomorphicLayoutEffect(() => {\n isMounted.current = true;\n return () => {\n isMounted.current = false;\n };\n }, []);\n return isMounted;\n}\n\nexport { useIsMounted };\n","import * as React from 'react';\nimport { useId, useRef, useInsertionEffect } from 'react';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n getSnapshotBeforeUpdate(prevProps) {\n const element = this.props.childRef.current;\n if (element && prevProps.isPresent && !this.props.isPresent) {\n const size = this.props.sizeRef.current;\n size.height = element.offsetHeight || 0;\n size.width = element.offsetWidth || 0;\n size.top = element.offsetTop;\n size.left = element.offsetLeft;\n }\n return null;\n }\n /**\n * Required with getSnapshotBeforeUpdate to stop React complaining.\n */\n componentDidUpdate() { }\n render() {\n return this.props.children;\n }\n}\nfunction PopChild({ children, isPresent }) {\n const id = useId();\n const ref = useRef(null);\n const size = useRef({\n width: 0,\n height: 0,\n top: 0,\n left: 0,\n });\n /**\n * We create and inject a style block so we can apply this explicit\n * sizing in a non-destructive manner by just deleting the style block.\n *\n * We can't apply size via render as the measurement happens\n * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n * styles directly on the DOM node, we might be overwriting\n * styles set via the style prop.\n */\n useInsertionEffect(() => {\n const { width, height, top, left } = size.current;\n if (isPresent || !ref.current || !width || !height)\n return;\n ref.current.dataset.motionPopId = id;\n const style = document.createElement(\"style\");\n document.head.appendChild(style);\n if (style.sheet) {\n style.sheet.insertRule(`\n [data-motion-pop-id=\"${id}\"] {\n position: absolute !important;\n width: ${width}px !important;\n height: ${height}px !important;\n top: ${top}px !important;\n left: ${left}px !important;\n }\n `);\n }\n return () => {\n document.head.removeChild(style);\n };\n }, [isPresent]);\n return (React.createElement(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size }, React.cloneElement(children, { ref })));\n}\n\nexport { PopChild };\n","import * as React from 'react';\nimport { useId, useMemo } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PopChild } from './PopChild.mjs';\n\nconst PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, }) => {\n const presenceChildren = useConstant(newChildrenMap);\n const id = useId();\n const context = useMemo(() => ({\n id,\n initial,\n isPresent,\n custom,\n onExitComplete: (childId) => {\n presenceChildren.set(childId, true);\n for (const isComplete of presenceChildren.values()) {\n if (!isComplete)\n return; // can stop searching when any is incomplete\n }\n onExitComplete && onExitComplete();\n },\n register: (childId) => {\n presenceChildren.set(childId, false);\n return () => presenceChildren.delete(childId);\n },\n }), \n /**\n * If the presence of a child affects the layout of the components around it,\n * we want to make a new context value to ensure they get re-rendered\n * so they can detect that layout change.\n */\n presenceAffectsLayout ? undefined : [isPresent]);\n useMemo(() => {\n presenceChildren.forEach((_, key) => presenceChildren.set(key, false));\n }, [isPresent]);\n /**\n * If there's no `motion` components to fire exit animations, we want to remove this\n * component immediately.\n */\n React.useEffect(() => {\n !isPresent &&\n !presenceChildren.size &&\n onExitComplete &&\n onExitComplete();\n }, [isPresent]);\n if (mode === \"popLayout\") {\n children = React.createElement(PopChild, { isPresent: isPresent }, children);\n }\n return (React.createElement(PresenceContext.Provider, { value: context }, children));\n};\nfunction newChildrenMap() {\n return new Map();\n}\n\nexport { PresenceChild };\n","import * as React from 'react';\nimport { useContext, useRef, cloneElement, Children, isValidElement } from 'react';\nimport { useForceUpdate } from '../../utils/use-force-update.mjs';\nimport { useIsMounted } from '../../utils/use-is-mounted.mjs';\nimport { PresenceChild } from './PresenceChild.mjs';\nimport { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\nimport { useUnmountEffect } from '../../utils/use-unmount-effect.mjs';\nimport { invariant } from '../../utils/errors.mjs';\n\nconst getChildKey = (child) => child.key || \"\";\nfunction updateChildLookup(children, allChildren) {\n children.forEach((child) => {\n const key = getChildKey(child);\n allChildren.set(key, child);\n });\n}\nfunction onlyElements(children) {\n const filtered = [];\n // We use forEach here instead of map as map mutates the component key by preprending `.$`\n Children.forEach(children, (child) => {\n if (isValidElement(child))\n filtered.push(child);\n });\n return filtered;\n}\n/**\n * `AnimatePresence` enables the animation of components that have been removed from the tree.\n *\n * When adding/removing more than a single child, every child **must** be given a unique `key` prop.\n *\n * Any `motion` components that have an `exit` property defined will animate out when removed from\n * the tree.\n *\n * ```jsx\n * import { motion, AnimatePresence } from 'framer-motion'\n *\n * export const Items = ({ items }) => (\n * \n * {items.map(item => (\n * \n * ))}\n * \n * )\n * ```\n *\n * You can sequence exit animations throughout a tree using variants.\n *\n * If a child contains multiple `motion` components with `exit` props, it will only unmount the child\n * once all `motion` components have finished animating out. Likewise, any components using\n * `usePresence` all need to call `safeToRemove`.\n *\n * @public\n */\nconst AnimatePresence = ({ children, custom, initial = true, onExitComplete, exitBeforeEnter, presenceAffectsLayout = true, mode = \"sync\", }) => {\n invariant(!exitBeforeEnter, \"Replace exitBeforeEnter with mode='wait'\");\n // We want to force a re-render once all exiting animations have finished. We\n // either use a local forceRender function, or one from a parent context if it exists.\n const forceRender = useContext(LayoutGroupContext).forceRender || useForceUpdate()[0];\n const isMounted = useIsMounted();\n // Filter out any children that aren't ReactElements. We can only track ReactElements with a props.key\n const filteredChildren = onlyElements(children);\n let childrenToRender = filteredChildren;\n const exitingChildren = useRef(new Map()).current;\n // Keep a living record of the children we're actually rendering so we\n // can diff to figure out which are entering and exiting\n const presentChildren = useRef(childrenToRender);\n // A lookup table to quickly reference components by key\n const allChildren = useRef(new Map()).current;\n // If this is the initial component render, just deal with logic surrounding whether\n // we play onMount animations or not.\n const isInitialRender = useRef(true);\n useIsomorphicLayoutEffect(() => {\n isInitialRender.current = false;\n updateChildLookup(filteredChildren, allChildren);\n presentChildren.current = childrenToRender;\n });\n useUnmountEffect(() => {\n isInitialRender.current = true;\n allChildren.clear();\n exitingChildren.clear();\n });\n if (isInitialRender.current) {\n return (React.createElement(React.Fragment, null, childrenToRender.map((child) => (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, initial: initial ? undefined : false, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child)))));\n }\n // If this is a subsequent render, deal with entering and exiting children\n childrenToRender = [...childrenToRender];\n // Diff the keys of the currently-present and target children to update our\n // exiting list.\n const presentKeys = presentChildren.current.map(getChildKey);\n const targetKeys = filteredChildren.map(getChildKey);\n // Diff the present children with our target children and mark those that are exiting\n const numPresent = presentKeys.length;\n for (let i = 0; i < numPresent; i++) {\n const key = presentKeys[i];\n if (targetKeys.indexOf(key) === -1 && !exitingChildren.has(key)) {\n exitingChildren.set(key, undefined);\n }\n }\n // If we currently have exiting children, and we're deferring rendering incoming children\n // until after all current children have exiting, empty the childrenToRender array\n if (mode === \"wait\" && exitingChildren.size) {\n childrenToRender = [];\n }\n // Loop through all currently exiting components and clone them to overwrite `animate`\n // with any `exit` prop they might have defined.\n exitingChildren.forEach((component, key) => {\n // If this component is actually entering again, early return\n if (targetKeys.indexOf(key) !== -1)\n return;\n const child = allChildren.get(key);\n if (!child)\n return;\n const insertionIndex = presentKeys.indexOf(key);\n let exitingComponent = component;\n if (!exitingComponent) {\n const onExit = () => {\n // clean up the exiting children map\n exitingChildren.delete(key);\n // compute the keys of children that were rendered once but are no longer present\n // this could happen in case of too many fast consequent renderings\n // @link https://github.com/framer/motion/issues/2023\n const leftOverKeys = Array.from(allChildren.keys()).filter((childKey) => !targetKeys.includes(childKey));\n // clean up the all children map\n leftOverKeys.forEach((leftOverKey) => allChildren.delete(leftOverKey));\n // make sure to render only the children that are actually visible\n presentChildren.current = filteredChildren.filter((presentChild) => {\n const presentChildKey = getChildKey(presentChild);\n return (\n // filter out the node exiting\n presentChildKey === key ||\n // filter out the leftover children\n leftOverKeys.includes(presentChildKey));\n });\n // Defer re-rendering until all exiting children have indeed left\n if (!exitingChildren.size) {\n if (isMounted.current === false)\n return;\n forceRender();\n onExitComplete && onExitComplete();\n }\n };\n exitingComponent = (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: false, onExitComplete: onExit, custom: custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child));\n exitingChildren.set(key, exitingComponent);\n }\n childrenToRender.splice(insertionIndex, 0, exitingComponent);\n });\n // Add `MotionContext` even to children that don't need it to ensure we're rendering\n // the same tree between renders\n childrenToRender = childrenToRender.map((child) => {\n const key = child.key;\n return exitingChildren.has(key) ? (child) : (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child));\n });\n if (process.env.NODE_ENV !== \"production\" &&\n mode === \"wait\" &&\n childrenToRender.length > 1) {\n console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to \"wait\". This will lead to odd visual behaviour.`);\n }\n return (React.createElement(React.Fragment, null, exitingChildren.size\n ? childrenToRender\n : childrenToRender.map((child) => cloneElement(child))));\n};\n\nexport { AnimatePresence };\n","import { useState, useCallback } from 'react';\nimport { useIsMounted } from './use-is-mounted.mjs';\nimport { frame } from '../frameloop/frame.mjs';\n\nfunction useForceUpdate() {\n const isMounted = useIsMounted();\n const [forcedRenderCount, setForcedRenderCount] = useState(0);\n const forceRender = useCallback(() => {\n isMounted.current && setForcedRenderCount(forcedRenderCount + 1);\n }, [forcedRenderCount]);\n /**\n * Defer this to the end of the next animation frame in case there are multiple\n * synchronous calls.\n */\n const deferredForceRender = useCallback(() => frame.postRender(forceRender), [forceRender]);\n return [deferredForceRender, forcedRenderCount];\n}\n\nexport { useForceUpdate };\n","import { useEffect } from 'react';\n\nfunction useUnmountEffect(callback) {\n return useEffect(() => () => callback(), []);\n}\n\nexport { useUnmountEffect };\n"],"names":["_ref","videoProvider","videoId","title","subTitle","anchorId","meta","coverImage","embedded","dataTestId","isPlaying","setIsPlaying","useState","isVideoModalOpen","setIsVideoModalOpen","cookieStatus","useCookieStatusStore","state","playVideoAriaLabel","useAriaLabels","onVideoModalClose","useCallback","oldState","React","createElement","className","id","ExternalVideo","autoPlay","isInvisible","onEndedVideo","AnimatePresence","motion","div","initial","opacity","animate","exit","Image","classes","epiEdit","editHints","image","imageClasses","type","onClick","Icon","name","size","classNames","VideoModal","videoTitle","isOpen","onOpenChange","onCloseCallback","shouldCloseOnClickOutsideContent","transparent","create","set","setCookieStatus","useIsMounted","isMounted","useRef","current","PopChildMeasure","getSnapshotBeforeUpdate","prevProps","element","this","props","childRef","isPresent","sizeRef","height","offsetHeight","width","offsetWidth","top","offsetTop","left","offsetLeft","componentDidUpdate","render","children","PopChild","useId","ref","useInsertionEffect","dataset","motionPopId","style","document","head","appendChild","sheet","insertRule","removeChild","PresenceChild","onExitComplete","custom","presenceAffectsLayout","mode","presenceChildren","newChildrenMap","context","useMemo","childId","isComplete","values","register","delete","undefined","forEach","_","key","PresenceContext","Provider","value","Map","getChildKey","child","exitBeforeEnter","forceRender","useContext","LayoutGroupContext","L","forcedRenderCount","setForcedRenderCount","postRender","useForceUpdate","filteredChildren","filtered","Children","isValidElement","push","onlyElements","childrenToRender","exitingChildren","presentChildren","allChildren","isInitialRender","callback","updateChildLookup","clear","useEffect","map","presentKeys","targetKeys","numPresent","length","i","indexOf","has","component","get","insertionIndex","exitingComponent","onExit","leftOverKeys","Array","from","keys","filter","childKey","includes","leftOverKey","presentChild","presentChildKey","splice","cloneElement"],"sourceRoot":""}