{"version":3,"file":"static/js/pages-public-PageSlug.5247de848132b028d815.js","mappings":"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","sources":["components/IconComponents/DropdownIcon.tsx","components/IconComponents/ShortArrow.tsx","components/Redirect.jsx","helpers/browserHelper.ts","helpers/window.js","helpers/animation.ts","hooks/useAnimationObserver.ts","components/MobileDemoBanner/styleObjects/MobileDemoBannerStyles.ts","components/MobileDemoBanner/MobileDemoBanner.tsx","pages/public/PageSlug.tsx"],"sourcesContent":["import React from 'react';\n\nexport function DropdownIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element {\n    return (\n        <svg\n            aria-hidden\n            xmlns='http://www.w3.org/2000/svg'\n            width='1em'\n            height='1em'\n            viewBox='0 0 24 24'\n            color='#66788C'\n            {...props}\n        >\n            <path\n                fill='currentColor'\n                d='M12 16C11.772 16 11.545 15.923 11.36 15.768L5.36003 10.768C4.93603 10.415 4.87803 9.784 5.23203 9.36C5.58503 8.936 6.21503 8.879 6.64003 9.232L12.011 13.708L17.373 9.393C17.803 9.047 18.433 9.115 18.779 9.545C19.125 9.975 19.057 10.604 18.627 10.951L12.627 15.779C12.444 15.926 12.222 16 12 16Z'\n            />\n        </svg>\n    );\n}\n","import React from 'react';\n\nexport function ShortArrow(props: React.SVGProps<SVGSVGElement>): JSX.Element {\n    return (\n        <svg\n            aria-hidden\n            xmlns='http://www.w3.org/2000/svg'\n            viewBox='0 0 21 21'\n            width='1em'\n            height='1em'\n            fill='none'\n            stroke='currentColor'\n            strokeWidth='2'\n            strokeLinecap='round'\n            color='#66788C'\n            {...props}\n        >\n            <path\n                xmlns='http://www.w3.org/2000/svg'\n                d='M19.0093 10.9909L2.33569 10.9909M2.33569 10.9909L8.90055 17.5558M2.33569 10.9909L8.90055 4.42606'\n                stroke='currentColor'\n                strokeWidth='1.5'\n                strokeLinecap='round'\n                strokeLinejoin='round'\n            />\n        </svg>\n    );\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Navigate } from 'react-router-dom';\n\nexport function Redirect({ redirectUrl, statusCode }) {\n    if (statusCode === 200 && typeof window !== 'undefined') {\n        window.location.href = redirectUrl;\n    }\n\n    return <Navigate to={redirectUrl} replace />;\n}\n\nRedirect.propTypes = {\n    redirectUrl: PropTypes.string.isRequired,\n    statusCode: PropTypes.number.isRequired,\n};\n","export const checkIfReduceMotion = (window: Window): boolean =>\n    !!(window.matchMedia && window.matchMedia('(prefers-reduced-motion)').matches);\n","export function scrollToRef(ref) {\n    if (typeof window !== 'undefined') {\n        window.scrollTo(0, ref.offsetTop);\n    }\n}\n\nexport function smoothScrollToRef(ref) {\n    if (typeof window !== 'undefined') {\n        window.scrollTo({\n            top: ref.current.offsetTop,\n            left: 0,\n            behavior: 'smooth',\n        });\n    }\n}\n\nexport function ensureAnchorIsLoaded() {\n    if (window && window.location && window.location.hash) {\n        setTimeout(() => {\n            const hash = window.location.hash;\n            window.location.hash = '';\n            window.location.hash = hash;\n        }, 300);\n    }\n}\n","import { AnimationObject, Options } from '@models/animation';\n\nexport const getAnimationClassesFromDocument = (currentDocument: Document): AnimationObject => ({\n    containers: [].slice.call(currentDocument.querySelectorAll('.animateContainers')),\n    triggers: [].slice.call(currentDocument.querySelectorAll('.toAnimateTrigger')),\n});\n\nexport const addAnimation = (allAnimationClasses: AnimationObject, target: Element, options?: Options): void => {\n    const currentContainer = target.closest('.animateContainers');\n    if (currentContainer && allAnimationClasses) {\n        const allToAnimate: HTMLElement[] = [].slice.call(currentContainer.querySelectorAll('.toAnimate'));\n\n        allToAnimate.forEach((child, index) => {\n            setTimeout(() => {\n                child.style.animationDelay = `${index * 200}ms`;\n                child.classList.remove('animateHidden');\n                child.classList.add('animated');\n                if (options?.resetOnChange) {\n                    child.style.opacity = '1';\n                }\n            }, 250);\n        });\n        if (!options?.resetOnChange) {\n            allAnimationClasses.containers.shift();\n            allAnimationClasses.triggers.shift();\n        }\n    }\n};\n","import { isPreviewingAnimationAtom } from '@atoms/animation';\nimport { addAnimation, getAnimationClassesFromDocument } from '@helpers/animation';\nimport { AnimationObject } from '@models/animation';\nimport { observeElementIntersect } from '@web-for-marketing/react-ui';\nimport { useSetAtom } from 'jotai';\nimport { useEffect, useRef } from 'react';\n\nexport function useAnimationObserver(change: boolean, resetOnChange = false): void {\n    const animations = useRef<AnimationObject>({ containers: [], triggers: [] });\n    const setPreviewingAnimation = useSetAtom(isPreviewingAnimationAtom);\n\n    useEffect(() => {\n        setPreviewingAnimation(false);\n    }, [setPreviewingAnimation]);\n\n    useEffect(() => {\n        animations.current = getAnimationClassesFromDocument(document);\n        observeElementIntersect(animations.current.triggers, (target: Element) =>\n            addAnimation(animations.current, target, { resetOnChange })\n        );\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [change]);\n}\n","import { v2Colors } from '@web-for-marketing/react-ui';\n\nexport const mobileDemoBannerStyles = {\n    hideBanner: {\n        opacity: 0,\n        visibility: 'hidden',\n    },\n    mobileDemoButtonContainer: {\n        position: 'fixed',\n        width: '100%',\n        backgroundColor: v2Colors.background.light,\n        textAlign: 'center',\n        zIndex: 100,\n        bottom: 0,\n        opacity: 1,\n        transition: 'all 0.5s ease',\n    },\n    mobileDemoButton: {\n        margin: '1rem',\n        minHeight: '0',\n        height: '4.8rem',\n        width: 'fit-content !important',\n        padding: '1rem 5rem !important',\n    },\n} as const;\n","import React, { useMemo, useState, useEffect } from 'react';\nimport { mobileDemoBannerStyles as classes } from './styleObjects/MobileDemoBannerStyles';\nimport { Grid, Button } from '@mui/material';\nimport { PopoutButton } from '@components/PopoutCustomSection/PopoutButton';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { isMobileAtom } from '@atoms/appSettings';\nimport { useAtom } from 'jotai';\nimport { selectedLanguageAtom } from '@atoms/appSettings';\nimport { getLanguageByCode } from '@helpers/languages';\nimport { MobileDemoBannerType } from '@models/mobileDemoBanner';\n\nexport function MobileDemoBanner(): JSX.Element | null {\n    const { selectedLanguageTranslation } = useTranslation();\n    const mobileDemoBannerTranslation = useMemo(() => {\n        return getTranslation(selectedLanguageTranslation, 'mobileStickyBanner');\n    }, [selectedLanguageTranslation]);\n    const [isMobile] = useAtom(isMobileAtom);\n    const [selectedLanguage] = useAtom(selectedLanguageAtom);\n    const mobileDemoBannerType = getLanguageByCode(selectedLanguage)?.mobileDemoBannerType || 'link';\n    const [scrolledToBottom, setScrolledToBottom] = useState(false);\n\n    useEffect(() => {\n        if (isMobile) {\n            const timeoutId = setTimeout(() => {\n                document.addEventListener('scroll', handleScroll);\n            }, 5000);\n\n            return () => {\n                clearTimeout(timeoutId);\n                document.removeEventListener('scroll', handleScroll);\n            };\n        }\n    }, [isMobile]);\n\n    function handleScroll(): void {\n        if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 300) {\n            setScrolledToBottom(true);\n        } else {\n            setScrolledToBottom(false);\n        }\n    }\n\n    function getBannerButton(type: MobileDemoBannerType): JSX.Element | null {\n        switch (type) {\n            case 'link':\n                return (\n                    <Button\n                        variant='contained'\n                        href={mobileDemoBannerTranslation.link}\n                        color='primary'\n                        css={classes.mobileDemoButton}\n                    >\n                        {mobileDemoBannerTranslation.text}\n                    </Button>\n                );\n            case 'popoutButton':\n                return (\n                    <PopoutButton\n                        text={mobileDemoBannerTranslation.text}\n                        variant='contained'\n                        customSectionKey='MultistepDemoForm'\n                        displayMode='bg-popout'\n                        css={classes.mobileDemoButton}\n                    />\n                );\n            default:\n                return null;\n        }\n    }\n\n    return isMobile ? (\n        <Grid\n            css={[classes.mobileDemoButtonContainer, scrolledToBottom ? classes.hideBanner : undefined]}\n            data-testid='mobile-banner-container-test-id'\n        >\n            {getBannerButton(mobileDemoBannerType)}\n        </Grid>\n    ) : null;\n}\n","import React, { useEffect, useRef, useMemo } from 'react';\nimport { Grid } from '@mui/material';\nimport { ErrorPage } from '@components/ErrorPage';\nimport { Redirect } from '@components/Redirect';\nimport { PageHelmet } from '@components/PageHelmet';\nimport { PageSection } from '@components/PageSection';\nimport { ensureAnchorIsLoaded } from '@helpers/window';\nimport { useAnimationObserver } from '@hooks/useAnimationObserver';\nimport { checkIfReduceMotion } from '@helpers/browserHelper';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { PublicPage } from '@models/page';\nimport { MobileDemoBanner } from '@components/MobileDemoBanner/MobileDemoBanner';\n\nconst classes = {\n    mainContent: {\n        transition: 'padding 225ms cubic-bezier(0, 0, 0.2, 1)',\n    },\n};\n\nfunction formSeo(page: PublicPage, prefixStringWithBaseUrl: (value?: string) => string): Record<string, unknown> {\n    const { title, description, canonical, modifiedDateUtc, prefixedImagePath } = page;\n    return prefixedImagePath\n        ? {\n            title,\n            description,\n            canonical,\n            dateModified: modifiedDateUtc,\n            imageUrl: prefixStringWithBaseUrl(prefixedImagePath),\n        }\n        : { title, description, canonical, dateModified: modifiedDateUtc };\n}\n\nexport default function PageSlug(): JSX.Element {\n    const { page, prefixStringWithBaseUrl } = useStaticValues();\n    const reducedMotion = useRef(false);\n    const pageChange = useMemo(() => !!page && !reducedMotion.current, [page, reducedMotion]);\n    useAnimationObserver(pageChange);\n    const disableMobileDemoBanner = page?.mobileDemoBannerDisabled;\n\n    useEffect(() => {\n        if (window) {\n            reducedMotion.current = checkIfReduceMotion(window);\n        }\n    }, []);\n\n    useEffect(() => {\n        ensureAnchorIsLoaded();\n    }, [page]);\n\n    return page ? (\n        page.redirectUrl ? (\n            <Redirect redirectUrl={page.redirectUrl} statusCode={200} />\n        ) : (\n            <Grid css={classes.mainContent}>\n                <Grid>\n                    <PageHelmet seo={formSeo(page, prefixStringWithBaseUrl)} noIndex={page.noIndex} />\n                    {!disableMobileDemoBanner ? <MobileDemoBanner /> : null}\n                    {Array.isArray(page.sections)\n                        ? page.sections.map((section, index) => <PageSection key={index} section={section} />)\n                        : null}\n                </Grid>\n            </Grid>\n        )\n    ) : (\n        <ErrorPage />\n    );\n}\n"],"names":["DropdownIcon","props","_jsx","xmlns","width","height","viewBox","color","children","fill","d","ShortArrow","stroke","strokeWidth","strokeLinecap","strokeLinejoin","Redirect","redirectUrl","statusCode","window","location","href","Navigate","to","replace","propTypes","PropTypes","isRequired","checkIfReduceMotion","matchMedia","matches","smoothScrollToRef","ref","scrollTo","top","current","offsetTop","left","behavior","ensureAnchorIsLoaded","hash","setTimeout","getAnimationClassesFromDocument","currentDocument","containers","slice","call","querySelectorAll","triggers","addAnimation","allAnimationClasses","target","options","currentContainer","closest","forEach","child","index","style","animationDelay","classList","remove","add","resetOnChange","opacity","shift","useAnimationObserver","change","animations","useRef","setPreviewingAnimation","useSetAtom","isPreviewingAnimationAtom","useEffect","document","observeElementIntersect","mobileDemoBannerStyles","hideBanner","visibility","mobileDemoButtonContainer","position","backgroundColor","v2Colors","background","light","textAlign","zIndex","bottom","transition","mobileDemoButton","margin","minHeight","padding","MobileDemoBanner","selectedLanguageTranslation","useTranslation","mobileDemoBannerTranslation","useMemo","getTranslation","isMobile","useAtom","isMobileAtom","selectedLanguage","selectedLanguageAtom","mobileDemoBannerType","getLanguageByCode","scrolledToBottom","setScrolledToBottom","useState","handleScroll","innerHeight","scrollY","body","offsetHeight","timeoutId","addEventListener","clearTimeout","removeEventListener","Grid","css","classes","undefined","type","Button","variant","link","text","PopoutButton","customSectionKey","displayMode","getBannerButton","mainContent","formSeo","page","prefixStringWithBaseUrl","title","description","canonical","modifiedDateUtc","prefixedImagePath","dateModified","imageUrl","PageSlug","useStaticValues","reducedMotion","pageChange","disableMobileDemoBanner","mobileDemoBannerDisabled","_jsxs","PageHelmet","seo","noIndex","Array","isArray","sections","map","section","PageSection","ErrorPage"],"sourceRoot":""}