{"version":3,"file":"static/js/pages-public-Video.646233bcb9cd6a912b37.js","mappings":"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","sources":["components/BlogSection/BlogComponents/Shared/RenderChips.tsx","components/ParseAbbreviations.jsx","components/PublicDateTime.tsx","components/RichTextContent.tsx","components/SectionComponents/helpers/DangerouslySetInnerHTML.tsx","components/SectionComponents/helpers/DangerouslySetInnerHTMLHelper.ts","components/SectionComponents/styleObjects/richTextHtmlStyles.ts","helpers/dates.ts","helpers/lazyloading.ts","helpers/videoDriveKeyHelper.js","models/video.ts","components/styleObjects/Video.ts","components/LargeVideoTile.tsx","components/VideoTile.tsx","components/OtherVideos.tsx","components/IconComponents/PlayWebIcon.tsx","pages/public/Video.tsx","../node_modules/@mui/system/Stack/createStack.js","../node_modules/@mui/material/Stack/Stack.js","../node_modules/@web-for-marketing/react-ui/lib/esm/presets/skeleton.js","../../node_modules/tslib/tslib.es6.js","../../src/lib/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Grid } from '@mui/material';\nimport { ensureInternalURLTrailingSlash } from '@helpers/string';\nimport { useAtom } from 'jotai';\nimport { selectedLanguageAtom } from '@atoms/appSettings';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { getLanguageRouteAndPrefixByCodeAndRouteKey } from '@helpers/languages';\nimport { languageRouteTypes } from '@helpers/languageRoutes';\nimport { v2Colors, getRgbaColor, breakpoints } from '@web-for-marketing/react-ui';\nimport { Heading } from '@web-for-marketing/react-ui';\n\nconst classes = {\n    tagButton: {\n        margin: '1rem 1rem 1rem 0',\n        color: v2Colors.core.innovation,\n        backgroundColor: '#ffffff',\n        border: `1px solid ${v2Colors.core.innovation}`,\n        borderRadius: '2.5rem',\n        minHeight: 'unset',\n        padding: '.5rem 2.5rem !important',\n        fontWeight: '500',\n        fontSize: '1.8rem',\n        width: 'auto',\n        transition: 'background-color 400ms ease, font-weight 400ms ease',\n        '&:hover': {\n            backgroundColor: getRgbaColor(v2Colors.core.deepSpace, 0.05),\n            fontWeight: '700',\n        },\n        [`@media (max-width: ${breakpoints.md})`]: {\n            width: 'auto',\n            fontSize: '1.6rem',\n        },\n    },\n    tagContainer: {\n        marginTop: '1rem',\n    },\n};\n\nexport interface RenderChipsProps {\n    chips: {\n        name: string;\n        slug: string;\n        hidden: boolean;\n    }[];\n    hideHeading?: boolean;\n    overrideHeadingText?: string;\n}\n\nexport function RenderChips({ chips, overrideHeadingText, hideHeading = false }: RenderChipsProps): JSX.Element | null {\n    const [selectedLanguage] = useAtom(selectedLanguageAtom);\n    const { selectedLanguageTranslation } = useTranslation();\n    const translatedRenderChips = getTranslation(selectedLanguageTranslation, 'renderChips');\n    const nonHiddenChips = chips.filter((chip) => !chip.hidden);\n\n    return nonHiddenChips.length ? (\n        <>\n            {!hideHeading ? (\n                <Heading variant='h4' component='h2'>\n                    {overrideHeadingText ? overrideHeadingText : translatedRenderChips.postTags}\n                </Heading>\n            ) : null}\n            <Grid container css={classes.tagContainer}>\n                {nonHiddenChips.map((chip) => (\n                    <Button\n                        key={chip.name}\n                        aria-label={`${chip.name} ${translatedRenderChips.tag}`}\n                        href={ensureInternalURLTrailingSlash(\n                            `${getLanguageRouteAndPrefixByCodeAndRouteKey(selectedLanguage, languageRouteTypes.TAG)}${\n                                chip.slug\n                            }`\n                        )}\n                        variant='contained'\n                        color='primary'\n                        css={classes.tagButton}\n                        component='a'\n                    >\n                        {chip.name}\n                    </Button>\n                ))}\n            </Grid>\n        </>\n    ) : null;\n}\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\n\nfunction checkAbbreviations(content, stringFormat) {\n    let currentContent = null;\n\n    if (content && content.length) {\n        let abbreviations = content.split(/~!(.*?)!~/gm);\n        currentContent = content;\n\n        if (abbreviations.length > 1) {\n            if (stringFormat) {\n                currentContent = abbreviations\n                    .map((element) => {\n                        let newAbbrElement;\n\n                        if (element.indexOf('{') > -1 && element.indexOf('}') > -1) {\n                            let abbreviationContent = element.split(/{(.*?)}/gm);\n\n                            newAbbrElement = abbreviationContent.length\n                                ? `<abbr title=${abbreviationContent[0]}>${addBreaks(\n                                    abbreviationContent[1],\n                                    stringFormat\n                                )}</abbr>`\n                                : '';\n                        } else {\n                            newAbbrElement = addBreaks(element, stringFormat);\n                        }\n\n                        return newAbbrElement;\n                    })\n                    .join('');\n            } else {\n                currentContent = (\n                    <>\n                        {abbreviations.map((element, index) => {\n                            let newAbbrElement;\n                            if (element.indexOf('{') > -1 && element.indexOf('}') > -1) {\n                                let abbreviationContent = element.split(/{(.*?)}/gm);\n\n                                newAbbrElement = abbreviationContent.length ? (\n                                    <abbr title={abbreviationContent[0]} key={element + index}>\n                                        {addBreaks(abbreviationContent[1], stringFormat)}\n                                    </abbr>\n                                ) : null;\n                            } else {\n                                newAbbrElement = addBreaks(element, stringFormat, index);\n                            }\n                            return newAbbrElement;\n                        })}\n                    </>\n                );\n            }\n        } else {\n            currentContent = addBreaks(currentContent, stringFormat);\n        }\n    }\n    return currentContent;\n}\n\nfunction addBreaks(content, stringFormat, index = 0) {\n    const contentWithNewline = content.replace(/<br>|<br \\/>/gm, '\\n');\n    let splitContent = contentWithNewline.split('\\n');\n    let contentWithBreaks = [];\n\n    if (splitContent.length > 1) {\n        if (stringFormat) {\n            for (let i = 0; i < splitContent.length - 1; i++) {\n                contentWithBreaks.push(`${splitContent[i]}<br />`);\n            }\n            contentWithBreaks.push(splitContent[splitContent.length - 1]);\n            splitContent = contentWithBreaks;\n        } else {\n            for (let i = 0; i < splitContent.length - 1; i++) {\n                contentWithBreaks.push(\n                    <React.Fragment key={i + splitContent[i]}>\n                        {splitContent[i]}\n                        <br />\n                    </React.Fragment>\n                );\n            }\n            contentWithBreaks.push(\n                <React.Fragment key={splitContent[index]}>{splitContent[splitContent.length - 1]}</React.Fragment>\n            );\n            splitContent = <React.Fragment key={splitContent.length - 1}>{contentWithBreaks}</React.Fragment>;\n        }\n    } else {\n        if (!stringFormat) {\n            splitContent = splitContent[0];\n        }\n    }\n\n    return stringFormat ? splitContent.join('') : splitContent;\n}\n\nexport function ParseAbbreviations({ content, stringFormat }) {\n    return checkAbbreviations(content, stringFormat);\n}\n\nParseAbbreviations.defaultProps = {\n    content: '',\n};\n\nParseAbbreviations.propTypes = {\n    content: PropTypes.string,\n    stringFormat: PropTypes.bool,\n};\n","import React from 'react';\nimport { isDateVisibleAtom } from '@atoms/date';\nimport { useAtom } from 'jotai';\nimport { Skeleton } from '@mui/material';\n\nexport function PublicDateTime({ children }: { children: JSX.Element }): JSX.Element {\n    const [isDateVisibile] = useAtom(isDateVisibleAtom);\n\n    if (isDateVisibile) {\n        return children;\n    } else {\n        // we need to know the size of the text to render a skeleton with the correct size.\n        // the datetime text causes hydration warnings, so we supress them while we hide the mismatched text with the skeleton\n        const clonedElement = React.cloneElement(children, { suppressHydrationWarning: true });\n\n        return <Skeleton>{clonedElement}</Skeleton>;\n    }\n}\n","import React from 'react';\nimport { DangerouslySetInnerHTML } from './SectionComponents/helpers/DangerouslySetInnerHTML';\nimport { DefaultTextProps } from '@web-for-marketing/react-ui';\nimport { richTextHtmlStyles } from './SectionComponents/styleObjects/richTextHtmlStyles';\nimport { RichTextListStyle } from '@models/richTextEditor';\n\ninterface RichTextContentProps extends DefaultTextProps {\n    content: string;\n    hideLinks?: boolean;\n    listStyle?: RichTextListStyle;\n}\n\nexport function RichTextContent({ content, listStyle = 'default', ...other }: RichTextContentProps): JSX.Element {\n    return (\n        <DangerouslySetInnerHTML\n            parseLinks\n            color='secondary'\n            html={content}\n            css={richTextHtmlStyles.rawHTML(listStyle)}\n            {...other}\n        />\n    );\n}\n","import React, { useEffect } from 'react';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { OverrideTextProps, Text } from '@web-for-marketing/react-ui';\nimport { getDangerouslySetInnerHTML, addScriptsToDOM, removeScriptTags } from './DangerouslySetInnerHTMLHelper';\n\ninterface BaseProps {\n    html: string;\n    parseLinks?: boolean;\n    hideLinks?: boolean;\n}\n\ntype DangerouslySetInnerHTMLProps<C extends React.ElementType> = BaseProps & OverrideTextProps<C>;\n\nexport function DangerouslySetInnerHTML<C extends React.ElementType>({\n    html,\n    parseLinks,\n    hideLinks,\n    ...other\n}: DangerouslySetInnerHTMLProps<C>): JSX.Element {\n    const { baseUrl } = useStaticValues();\n    const { sanitizedHtml, scriptTags } = removeScriptTags(html);\n\n    useEffect(() => {\n        if (scriptTags) {\n            addScriptsToDOM(scriptTags);\n        }\n    }, [scriptTags]);\n\n    return (\n        <Text\n            component='div'\n            data-testid='htmlColumn'\n            variant='body1'\n            dangerouslySetInnerHTML={{\n                __html: getDangerouslySetInnerHTML(sanitizedHtml, baseUrl, parseLinks, hideLinks),\n            }}\n            color='tertiary'\n            {...other}\n        />\n    );\n}\n","import { isInternalOrBaseLink } from '@helpers/string';\n\nexport const getDangerouslySetInnerHTML = (\n    html: string,\n    baseUrl: string,\n    parseLinks?: boolean,\n    hideLinks?: boolean\n): string => {\n    if (parseLinks) {\n        const spliHtml = html.split('<a');\n        const updateArray = spliHtml.map((str, index) => {\n            if (index === 0) {\n                return str;\n            }\n            const match = str.match(/href=\"(.*?)\"/);\n            if (match) {\n                let linkAttributes = '';\n                if (hideLinks) {\n                    linkAttributes += ' tabIndex=\"-1\"';\n                }\n                if (match[1] && !isInternalOrBaseLink(match[1], baseUrl)) {\n                    linkAttributes += ' target=\"_blank\" rel=\"noopener noreferrer\"';\n                }\n                return `<a${linkAttributes}${str}`;\n            } else {\n                return `<a${str}`;\n            }\n        });\n        return updateArray.join('');\n    }\n    return html;\n};\n\nexport const addScriptsToDOM = (scriptTags: string): void => {\n    const domParser = new DOMParser();\n    const parsedScriptTags = domParser.parseFromString(scriptTags, 'text/html').querySelectorAll('script');\n\n    parsedScriptTags.forEach((scriptTag) => {\n        const newScriptTag = document.createElement('script');\n        newScriptTag.innerHTML = scriptTag.innerHTML;\n        const attributes = scriptTag.attributes;\n        for (let i = 0; i < attributes.length; i++) {\n            const { name, value } = attributes[i];\n            newScriptTag.setAttribute(name, value);\n        }\n        document.body.appendChild(newScriptTag);\n    });\n};\n\nexport const addLinksToDOM = (linkTags: string): void => {\n    const domParser = new DOMParser();\n    const parsedLinkTags = domParser.parseFromString(linkTags, 'text/html').querySelectorAll('link');\n\n    parsedLinkTags.forEach((linkTag) => {\n        const newLinkTag = document.createElement('link');\n        newLinkTag.innerHTML = linkTag.innerHTML;\n        const attributes = linkTag.attributes;\n        for (let i = 0; i < attributes.length; i++) {\n            const { name, value } = attributes[i];\n            newLinkTag.setAttribute(name, value);\n        }\n        document.head.appendChild(newLinkTag);\n    });\n};\n\nexport const removeScriptTags = (html: string): { sanitizedHtml: string; scriptTags: string } => {\n    const scriptTags: string[] = [];\n\n    const sanitizedHtml = html.replace(\n        /<script(?![^>]*<\\/script>)(?:(?!\\/\\/)(?!\\/\\*)[^'\"]|\"(?:\\\\.|[^\"\\\\])*\"|'(?:\\\\.|[^'\\\\])*'|\\/\\/.*(?:\\n)|\\/\\*(?:(?:.|\\s))*?\\*\\/)*?<\\/script>/gi,\n        (match) => {\n            scriptTags.push(match);\n            return '';\n        }\n    );\n\n    return { sanitizedHtml, scriptTags: scriptTags.join('') };\n};\n\nexport const removeLinkTags = (html: string): { sanitizedHtml: string; linkTags: string } => {\n    const linkTags: string[] = [];\n\n    const sanitizedHtml = html.replace(/<link\\b[^>]*?(?:\\/>|>)/gi, (match) => {\n        linkTags.push(match);\n        return '';\n    });\n\n    return { sanitizedHtml, linkTags: linkTags.join('') };\n};\n","import openInNewTab from '@images/Blog/OpenInNewTab.svg';\nimport checkmark from '@images/round-checkmark.svg';\nimport { RichTextListStyle } from '@models/richTextEditor';\nimport { getRgbaColor, v2Colors } from '@web-for-marketing/react-ui';\n\nexport const richTextHtmlStyles = {\n    rawHTML: (listSyle?: RichTextListStyle) =>\n        ({\n            width: '100%',\n            '& p': {\n                margin: 0,\n                wordBreak: 'break-word',\n            },\n            '& ul': {\n                margin: '2rem 0 2.2rem',\n                listStyleImage: listSyle === 'checkmark' ? `url(${checkmark})` : undefined,\n                '&:last-child': {\n                    marginBottom: 0,\n                },\n            },\n            '& ol': {\n                margin: '2rem 0 2.2rem',\n                '&:last-child': {\n                    marginBottom: 0,\n                },\n            },\n            '& li': {\n                wordBreak: 'break-word',\n                '&:not(:last-of-type)': {\n                    marginBottom: '1.2rem',\n                },\n                '& ul,ol': {\n                    marginTop: '1.2rem',\n                    marginBottom: 0,\n                },\n            },\n            '& a': {\n                padding: '0.5rem 0.2rem',\n                transition: '200ms background-color ease',\n                textDecoration: 'underline',\n                wordBreak: 'break-word',\n                color: v2Colors.text.activeSecondary,\n                '&:hover': {\n                    backgroundColor: `${getRgbaColor(v2Colors.core.deepSpace, 0.03)} !important`,\n                },\n                '&:focus': {\n                    outlineColor: v2Colors.core.innovation,\n                    backgroundColor: `${getRgbaColor(v2Colors.core.deepSpace, 0.06)} !important`,\n                },\n                '&:active': {\n                    outline: 'none',\n                    backgroundColor: `${getRgbaColor(v2Colors.core.deepSpace, 0.05)} !important`,\n                },\n                '&[target=\"_blank\"]::after': {\n                    content: '\"\"',\n                    height: '0.8em',\n                    width: '0.8em',\n                    marginLeft: '0.6rem',\n                    verticalAlign: 'baseline',\n                    display: 'inline-block',\n                    backgroundImage: `url(${openInNewTab})`,\n                    backgroundSize: 'contain',\n                    backgroundRepeat: 'no-repeat',\n                },\n                '&:not([href*=\"www.geotab.com\"]):not([href^=\"/\"])::after': {\n                    content: '\"\"',\n                    height: '0.8em',\n                    width: '0.8em',\n                    marginLeft: '0.6rem',\n                    verticalAlign: 'baseline',\n                    display: 'inline-block',\n                    backgroundImage: `url(${openInNewTab})`,\n                    backgroundSize: 'contain',\n                    backgroundRepeat: 'no-repeat',\n                },\n            },\n        }) as const,\n};\n","import dayjs from 'dayjs';\nimport utc from 'dayjs/plugin/utc';\nimport timezone from 'dayjs/plugin/timezone';\nimport advancedFormat from 'dayjs/plugin/advancedFormat';\nimport localizedFormat from 'dayjs/plugin/localizedFormat';\nimport 'dayjs/locale/es';\nimport 'dayjs/locale/de';\nimport 'dayjs/locale/it';\nimport 'dayjs/locale/fr';\nimport 'dayjs/locale/fr-ca';\nimport 'dayjs/locale/pt-br';\nimport 'dayjs/locale/id';\nimport { getDayJsCodeByLanguageCode } from '@helpers/languages';\nimport isToday from 'dayjs/plugin/isToday';\nimport isYesterday from 'dayjs/plugin/isYesterday';\nimport { LanguageCode } from '@models/languageCode';\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\ndayjs.extend(advancedFormat);\ndayjs.extend(localizedFormat);\ndayjs.extend(isToday);\ndayjs.extend(isYesterday);\n\n//the list of dayjs supported locales https://unpkg.com/dayjs@1.11.7/locale.json\n\nexport function getFormattedLocalDateTime(\n    utcDateTime: dayjs.ConfigType,\n    format = 'MM/DD/YYYY hh:mm A',\n    language = LanguageCode.en\n): string {\n    if (language !== LanguageCode.en) {\n        const dayjsCode = getDayJsCodeByLanguageCode(language);\n        return dayjs.utc(utcDateTime).local().locale(dayjsCode).format(format);\n    } else {\n        return dayjs.utc(utcDateTime).local().format(format);\n    }\n}\n\nexport function getFormattedDateTime(utcDateTime: dayjs.ConfigType, format = 'MM/DD/YYYY hh:mm A'): string {\n    const localTime = dayjs.utc(utcDateTime).local();\n\n    if (isTodayDate(localTime)) {\n        return 'Today';\n    } else if (isYesterdayDate(localTime)) {\n        return 'Yesterday';\n    } else {\n        return dayjs(localTime).format(format);\n    }\n}\n\nexport function isTodayDate(dateTime: dayjs.ConfigType): boolean {\n    return dayjs(dateTime).isToday();\n}\n\nexport function isYesterdayDate(dateTime: dayjs.ConfigType): boolean {\n    return dayjs(dateTime).isYesterday();\n}\n\nexport const compareDates = (date1: dayjs.ConfigType, date2: dayjs.ConfigType): number => {\n    const dateJsUtc1 = dayjs(date1).utc();\n    const dateJsUtc2 = dayjs(date2).utc();\n\n    if (dateJsUtc1.isBefore(dateJsUtc2)) {\n        return -1;\n    } else if (dateJsUtc1.isAfter(dateJsUtc2)) {\n        return 1;\n    } else {\n        return 0;\n    }\n};\n","export function getLazyLoadByIndex(index: number, noLazyLoadCount = 2): boolean {\n    return !(index <= noLazyLoadCount - 1);\n}\n","import { VideoType } from '@models/video';\n\nexport function getFullVideoLink(key, type) {\n    if (!key) return;\n    if (type === VideoType.YouTube) {\n        return `https://www.youtube.com/watch?v=${key}`;\n    } else if (type === VideoType.Vidyard) {\n        return `https://play.vidyard.com/${key}`;\n    }\n}\n\nexport function getFullDriveShareLink(key) {\n    return `https://drive.google.com/file/d/${key}/view?usp=sharing`;\n}\n\nexport function getVideoThumbnailImage(key, type) {\n    if (!key) return;\n    if (type === VideoType.YouTube) {\n        return `https://img.youtube.com/vi/${key}/maxresdefault.jpg`;\n    } else if (type === VideoType.Vidyard) {\n        return `https://play.vidyard.com/${key}.jpg`;\n    }\n}\n\nexport function getDriveDirectDownloadLink(key) {\n    return `https://docs.google.com/uc?export=download&id=${key}`;\n}\n\nexport function getYoutubeKey(url) {\n    let youtubeKey = '';\n\n    if (url.includes('youtube.com/') && url.includes('v=')) {\n        youtubeKey = url.split('v=')[1].split('&')[0];\n    } else if (url.includes('youtube.com/') && url.includes('embed/')) {\n        youtubeKey = url.split('embed/')[1].split('?')[0];\n    } else if (url.includes('youtu.be/')) {\n        youtubeKey = url.split('.be/')[1];\n    }\n\n    return youtubeKey;\n}\n\nexport function sanitizeToEmbedYoutubeUrl(url) {\n    if (url.includes('youtube.com') && !url.includes('embed/')) {\n        return `https://www.youtube.com/embed/${getYoutubeKey(url)}`;\n    }\n    return url;\n}\n\nexport function getDriveKey(url) {\n    let driveKey = '';\n\n    if (url.includes('drive.google.com/')) {\n        driveKey = url.split('d/')[1].split('/view')[0];\n    }\n\n    return driveKey;\n}\n\nexport function getVidyardKey(url) {\n    if (!url) return;\n    let vidyardKey = '';\n    const regexShare = /https:\\/\\/share\\.vidyard\\.com\\/watch\\/([^?]+)/i;\n    const regexPlay = /https:\\/\\/play\\.vidyard\\.com\\/([^?]+)/i;\n    vidyardKey = url.match(regexShare) || url.match(regexPlay);\n\n    if (vidyardKey && vidyardKey.length > 1) {\n        return vidyardKey[1];\n    }\n    return vidyardKey;\n}\n","import { SlugEntity } from './slugEntity';\nimport { Tag, TagPreview } from './tag';\n\nexport interface Video extends SlugEntity {\n    canonical: string | null;\n    description: string | null;\n    imagePath: string | null;\n    metaDescription: string | null;\n    title: string;\n    videoKey: string;\n    tags?: Tag[];\n    videoType: VideoType;\n}\n\nexport type NullableVideo = Video | null;\n\nexport interface SectionVideo {\n    sectionId: number;\n    videoId: number;\n}\n\nexport enum VideoType {\n    YouTube = 0,\n    Vidyard = 1,\n}\n\nexport interface VideoFormData {\n    id?: number;\n    title: string;\n    description: string | null;\n    metaDescription: string | null;\n    imagePath: string | null;\n    videoType: VideoType;\n    youtubeUrl: string;\n    vidyardUrl: string;\n    slug: string;\n    canonical: string | null;\n    redirectUrl: string | null;\n    language: number;\n    status: number;\n    publishedDateUtc: string | null;\n    tags?: TagPreview[];\n    breadcrumbDisplayName: string | null;\n}\n\nexport interface VideoPageData {\n    video: NullableVideo;\n    otherVideos: Video[] | null;\n    relatedVideos: Video[] | null;\n}\n\nexport type NullableVideoPageData = VideoPageData | null;\n","export const videoStyle = {\n    videoMedia: {\n        '& > article': {\n            borderRadius: '0.5rem',\n        },\n    },\n    titlePrimary: {\n        marginBottom: '3rem',\n    },\n    titleSecondary: {\n        marginBottom: '1rem',\n    },\n    section: {\n        marginBottom: '3rem',\n    },\n    iframeMedia: {\n        position: 'relative',\n        overflow: 'hidden',\n        width: '100%',\n        paddingTop: '56.25%',\n        borderRadius: '0.5rem',\n    },\n    responsiveIframe: {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        bottom: 0,\n        right: 0,\n        width: '100%',\n        height: '100%',\n        border: 'none',\n    },\n} as const;\n","import React from 'react';\nimport { RenderChips } from './BlogSection/BlogComponents/Shared/RenderChips';\nimport { videoStyle as classes } from './styleObjects/Video';\nimport { ParseAbbreviations } from './ParseAbbreviations';\nimport { TagPreview } from '@models/tag';\nimport { Text } from '@web-for-marketing/react-ui';\nimport LiteYouTubeEmbed from 'react-lite-youtube-embed';\nimport { RichTextContent } from '@components/RichTextContent';\nimport { VideoType } from '@models/video';\nimport 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';\n\ninterface LargeVideoTileProps {\n    title: string;\n    description: string;\n    videoKey: string;\n    videoType?: VideoType;\n    tags: TagPreview[];\n    descriptionTitle?: string;\n}\n\nexport function LargeVideoTile({\n    title,\n    description,\n    videoKey,\n    videoType,\n    tags,\n    descriptionTitle,\n}: LargeVideoTileProps): JSX.Element {\n    return (\n        <div>\n            <div css={classes.section}>\n                <Text variant='h2' component='h1' color='primary' weight='bold' css={classes.titlePrimary}>\n                    {title}\n                </Text>\n                {videoType === VideoType.YouTube ? (\n                    <div css={classes.videoMedia}>\n                        <LiteYouTubeEmbed id={videoKey} title={`${title} video`} />\n                    </div>\n                ) : (\n                    <div css={classes.iframeMedia}>\n                        <iframe\n                            css={classes.responsiveIframe}\n                            title={`${title} video`}\n                            src={`https://play.vidyard.com/${videoKey}`}\n                            allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture'\n                            allowFullScreen\n                        />\n                    </div>\n                )}\n            </div>\n            <div css={classes.section}>\n                <Text variant='h3' component='h2' color='primary' weight='bold' css={classes.titleSecondary}>\n                    {descriptionTitle ?? 'Description'}\n                </Text>\n                <RichTextContent content={ParseAbbreviations({ content: description, stringFormat: true }) ?? ''} />\n            </div>\n            {tags && tags.length ? (\n                <div css={classes.section}>\n                    <RenderChips chips={tags} overrideHeadingText='Tags' />\n                </div>\n            ) : null}\n        </div>\n    );\n}\n","import React from 'react';\nimport { Video } from '@models/video';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { getLanguageRouteAndPrefixByIdAndRouteKey } from '@helpers/languages';\nimport { languageRouteTypes } from '@helpers/languageRoutes';\nimport { ensureInternalURLTrailingSlash } from '@helpers/string';\nimport { getVideoThumbnailImage } from '@helpers/videoDriveKeyHelper';\nimport { Text } from '@web-for-marketing/react-ui';\nimport { colors, v2Colors } from '@web-for-marketing/react-ui';\nimport { CardMedia, Grid, Tooltip } from '@mui/material';\nimport { CMSLink } from '@components/CMSLink';\nimport { ClassNames } from '@emotion/react';\n\ninterface VideoTileProps {\n    video: Video;\n    lazyLoad: boolean;\n}\n\nconst classes = {\n    media: {\n        borderRadius: '0.5rem',\n    },\n    tileWrapper: {\n        padding: '1rem',\n    },\n    title: {\n        display: '-webkit-box',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        WebkitLineClamp: '2',\n        WebkitBoxOrient: 'vertical',\n    },\n    tooltip: {\n        fontSize: '1.4rem',\n        border: `1px solid ${v2Colors.core.smoke}`,\n        color: colors.core.slate.main,\n        backgroundColor: v2Colors.core.snow,\n    },\n    videoTileLink: {\n        '&:focus, &:hover, &:active': {\n            backgroundColor: colors.core.innovation.lightest,\n        },\n    },\n} as const;\n\nexport function VideoTile({ video, lazyLoad }: VideoTileProps): JSX.Element {\n    const { prefixStringWithBaseUrl } = useStaticValues();\n\n    const imageSrc = video.imagePath\n        ? prefixStringWithBaseUrl(video.imagePath)\n        : getVideoThumbnailImage(video.videoKey, video.videoType);\n\n    return (\n        <ClassNames>\n            {({ css }) => (\n                <CMSLink\n                    href={ensureInternalURLTrailingSlash(\n                        `${getLanguageRouteAndPrefixByIdAndRouteKey(video.language, languageRouteTypes.VIDEO)}${\n                            video.slug\n                        }`\n                    )}\n                    css={classes.videoTileLink}\n                    data-testid='VileTileLinkTestID'\n                >\n                    <Tooltip\n                        title={`Go to video page for ${video.title}`}\n                        placement='top'\n                        enterDelay={1000}\n                        enterNextDelay={1000}\n                        classes={{ tooltip: css(classes.tooltip) }}\n                    >\n                        <Grid item container wrap='nowrap' columnGap={4} css={classes.tileWrapper}>\n                            <Grid item xs={5}>\n                                <CardMedia\n                                    component='img'\n                                    data-src={lazyLoad ? imageSrc : ''}\n                                    src={!lazyLoad ? imageSrc : ''}\n                                    alt={`Thumbnail for video ${video.title}`}\n                                    css={classes.media}\n                                />\n                            </Grid>\n                            <Grid item container direction='column' justifyContent='center' xs={7}>\n                                <Grid item>\n                                    <Text variant='body1' color='primary' weight='bold' css={classes.title}>\n                                        {video.title}\n                                    </Text>\n                                </Grid>\n                                {video.tags?.length ? (\n                                    <Grid item>\n                                        <Text variant='body2' color='secondary'>\n                                            {video.tags[0].name}\n                                        </Text>\n                                    </Grid>\n                                ) : null}\n                            </Grid>\n                        </Grid>\n                    </Tooltip>\n                </CMSLink>\n            )}\n        </ClassNames>\n    );\n}\n","import React from 'react';\nimport { useAtom } from 'jotai';\nimport { isMobileAtom } from '@atoms/appSettings';\nimport { Video } from '@models/video';\nimport { VideoTile } from './VideoTile';\nimport { videoStyle as classes } from './styleObjects/Video';\nimport { getLazyLoadByIndex } from '@helpers/lazyloading';\nimport { LazyLoadContainer, Text } from '@web-for-marketing/react-ui';\nimport { Grid } from '@mui/material';\n\nexport interface OtherVideosProps {\n    videoType: 'other' | 'related';\n    videos: Video[];\n    relatedVideosTitle?: string;\n    otherVideosTitle?: string;\n}\n\nexport function OtherVideos({\n    videoType,\n    videos,\n    relatedVideosTitle,\n    otherVideosTitle,\n}: OtherVideosProps): JSX.Element {\n    const [isMobile] = useAtom(isMobileAtom);\n    const relatedVideosTranslation = relatedVideosTitle ?? 'Related Videos';\n    const otherVideosTranslation = otherVideosTitle ?? 'Other Videos';\n\n    return (\n        <div>\n            <Text variant='h3' weight='regular' component='h2' color='primary' css={classes.section}>\n                {videoType === 'related' ? relatedVideosTranslation : otherVideosTranslation}\n            </Text>\n            <LazyLoadContainer component={Grid} container direction='column' rowGap={3} lazyload={isMobile}>\n                {videos.map((video, index) => (\n                    <VideoTile key={video.id} video={video} lazyLoad={isMobile && getLazyLoadByIndex(index)} />\n                ))}\n            </LazyLoadContainer>\n        </div>\n    );\n}\n","import React from 'react';\n\nexport function PlayWebIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element {\n    return (\n        <svg\n            aria-hidden\n            width='22'\n            height='23'\n            viewBox='0 0 22 23'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            {...props}\n        >\n            <path\n                d='M10.6964 0.693359C8.58081 0.693359 6.51279 1.32716 4.75378 2.5146C2.99477 3.70205 1.6238 5.38981 0.814216 7.36446C0.00463458 9.33912 -0.207189 11.512 0.205532 13.6082C0.618253 15.7045 1.63698 17.6301 3.13289 19.1414C4.6288 20.6527 6.53471 21.682 8.6096 22.099C10.6845 22.5159 12.8352 22.3019 14.7897 21.484C16.7442 20.6661 18.4147 19.281 19.59 17.5038C20.7654 15.7267 21.3927 13.6373 21.3927 11.5C21.3896 8.63484 20.2617 5.88793 18.2564 3.86197C16.2511 1.836 13.5323 0.696458 10.6964 0.693359V0.693359ZM14.9998 12.3051L8.4207 15.6281C8.28484 15.6967 8.13389 15.7291 7.98216 15.7222C7.83043 15.7153 7.68297 15.6693 7.55376 15.5887C7.42455 15.508 7.31788 15.3953 7.24388 15.2613C7.16987 15.1273 7.13098 14.9765 7.1309 14.823V8.17514C7.13091 8.02174 7.1697 7.87089 7.24359 7.73688C7.31749 7.60288 7.42404 7.49016 7.55315 7.40943C7.68225 7.3287 7.82963 7.28262 7.9813 7.27557C8.13298 7.26852 8.28392 7.30073 8.41981 7.36915L15.0007 10.6895C15.1497 10.764 15.2751 10.8791 15.3628 11.0218C15.4504 11.1645 15.4968 11.3292 15.4967 11.4971C15.4967 11.6651 15.4501 11.8296 15.3623 11.9723C15.2745 12.1149 15.1489 12.2298 14.9998 12.3042V12.3051Z'\n                fill='#25477B'\n            />\n        </svg>\n    );\n}\n","import React from 'react';\nimport Helmet from 'react-helmet';\nimport { LargeVideoTile } from '@components/LargeVideoTile';\nimport { OtherVideos } from '@components/OtherVideos';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { PlayWebIcon } from '@components/IconComponents/PlayWebIcon';\nimport { getFormattedLocalDateTime } from '@helpers/dates';\nimport { Grid2, Stack } from '@mui/material';\nimport { videoStyle } from '@components/styleObjects/Video';\nimport { breakpoints, v2Colors, skeletonBase, containerWidth } from '@web-for-marketing/react-ui';\nimport { Text } from '@web-for-marketing/react-ui';\nimport { PageHelmet } from '@components/PageHelmet';\nimport { SectionContainer } from '@components/SectionComponents/SectionContainer';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { PublicDateTime } from '@components/PublicDateTime';\n\nconst classes = {\n    separator: {\n        color: v2Colors.core.geotab,\n        margin: '0 0.6rem',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            margin: '0 0.4rem',\n        },\n    },\n    ...videoStyle,\n    ...skeletonBase,\n};\n\nexport default function Video(): JSX.Element {\n    const { videoPageData } = useStaticValues();\n    const { selectedLanguageTranslation } = useTranslation();\n    const videoTranslation = getTranslation(selectedLanguageTranslation, 'videoTile');\n    const { video, relatedVideos, otherVideos } = videoPageData || {};\n    const hasRelatedVideos = relatedVideos && relatedVideos.length > 0;\n    const hasOtherVideos = otherVideos && otherVideos.length > 0;\n\n    const seo = {\n        title: video?.title,\n        description: video?.metaDescription,\n        canonical: video?.canonical,\n        datePublished: video?.publishedDateUtc,\n        dateModified: video?.modifiedDateUtc,\n    };\n\n    return (\n        <>\n            <PageHelmet seo={seo} noIndex={video?.noIndex} />\n            <Helmet>{<script src='https://www.youtube.com/iframe_api'></script>}</Helmet>\n            <SectionContainer maxWidth={containerWidth.lg}>\n                <Stack spacing={4}>\n                    <div css={{ display: 'flex', width: '100%' }}>\n                        <PlayWebIcon css={{ marginRight: '0.5rem' }} />\n                        <Text color='primary' weight='bold'>\n                            Video\n                        </Text>\n                        <Text css={classes.separator}>|</Text>\n                        <PublicDateTime>\n                            <Text color='primary'>\n                                {getFormattedLocalDateTime(video?.modifiedDateUtc, 'MMM DD, YYYY')}\n                            </Text>\n                        </PublicDateTime>\n                    </div>\n                    <Grid2 container columnSpacing={6}>\n                        <Grid2 size={{ xs: 12, md: 8 }}>\n                            <LargeVideoTile\n                                title={video?.title || ''}\n                                description={video?.description || ''}\n                                videoKey={video?.videoKey || ''}\n                                videoType={video?.videoType}\n                                tags={video?.tags || []}\n                                descriptionTitle={videoTranslation.description}\n                            />\n                        </Grid2>\n                        {hasRelatedVideos || hasOtherVideos ? (\n                            <Grid2 size={{ xs: 12, md: 4 }}>\n                                <OtherVideos\n                                    videoType={hasRelatedVideos ? 'related' : 'other'}\n                                    videos={hasRelatedVideos ? relatedVideos : otherVideos!}\n                                    relatedVideosTitle={videoTranslation.relatedVideos}\n                                    otherVideosTitle={videoTranslation.otherVideos}\n                                />\n                            </Grid2>\n                        ) : null}\n                    </Grid2>\n                </Stack>\n            </SectionContainer>\n        </>\n    );\n}\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport deepmerge from '@mui/utils/deepmerge';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport composeClasses from '@mui/utils/composeClasses';\nimport systemStyled from \"../styled/index.js\";\nimport useThemePropsSystem from \"../useThemeProps/index.js\";\nimport { extendSxProp } from \"../styleFunctionSx/index.js\";\nimport createTheme from \"../createTheme/index.js\";\nimport { handleBreakpoints, mergeBreakpointsInOrder, resolveBreakpointValues } from \"../breakpoints/index.js\";\nimport { createUnarySpacing, getValue } from \"../spacing/index.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst defaultTheme = createTheme();\n// widening Theme to any so that the consumer can own the theme structure.\nconst defaultCreateStyledComponent = systemStyled('div', {\n  name: 'MuiStack',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n});\nfunction useThemePropsDefault(props) {\n  return useThemePropsSystem({\n    props,\n    name: 'MuiStack',\n    defaultTheme\n  });\n}\n\n/**\n * Return an array with the separator React element interspersed between\n * each React node of the input children.\n *\n * > joinChildren([1,2,3], 0)\n * [1,0,2,0,3]\n */\nfunction joinChildren(children, separator) {\n  const childrenArray = React.Children.toArray(children).filter(Boolean);\n  return childrenArray.reduce((output, child, index) => {\n    output.push(child);\n    if (index < childrenArray.length - 1) {\n      output.push(/*#__PURE__*/React.cloneElement(separator, {\n        key: `separator-${index}`\n      }));\n    }\n    return output;\n  }, []);\n}\nconst getSideFromDirection = direction => {\n  return {\n    row: 'Left',\n    'row-reverse': 'Right',\n    column: 'Top',\n    'column-reverse': 'Bottom'\n  }[direction];\n};\nexport const style = ({\n  ownerState,\n  theme\n}) => {\n  let styles = {\n    display: 'flex',\n    flexDirection: 'column',\n    ...handleBreakpoints({\n      theme\n    }, resolveBreakpointValues({\n      values: ownerState.direction,\n      breakpoints: theme.breakpoints.values\n    }), propValue => ({\n      flexDirection: propValue\n    }))\n  };\n  if (ownerState.spacing) {\n    const transformer = createUnarySpacing(theme);\n    const base = Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => {\n      if (typeof ownerState.spacing === 'object' && ownerState.spacing[breakpoint] != null || typeof ownerState.direction === 'object' && ownerState.direction[breakpoint] != null) {\n        acc[breakpoint] = true;\n      }\n      return acc;\n    }, {});\n    const directionValues = resolveBreakpointValues({\n      values: ownerState.direction,\n      base\n    });\n    const spacingValues = resolveBreakpointValues({\n      values: ownerState.spacing,\n      base\n    });\n    if (typeof directionValues === 'object') {\n      Object.keys(directionValues).forEach((breakpoint, index, breakpoints) => {\n        const directionValue = directionValues[breakpoint];\n        if (!directionValue) {\n          const previousDirectionValue = index > 0 ? directionValues[breakpoints[index - 1]] : 'column';\n          directionValues[breakpoint] = previousDirectionValue;\n        }\n      });\n    }\n    const styleFromPropValue = (propValue, breakpoint) => {\n      if (ownerState.useFlexGap) {\n        return {\n          gap: getValue(transformer, propValue)\n        };\n      }\n      return {\n        // The useFlexGap={false} implement relies on each child to give up control of the margin.\n        // We need to reset the margin to avoid double spacing.\n        '& > :not(style):not(style)': {\n          margin: 0\n        },\n        '& > :not(style) ~ :not(style)': {\n          [`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: getValue(transformer, propValue)\n        }\n      };\n    };\n    styles = deepmerge(styles, handleBreakpoints({\n      theme\n    }, spacingValues, styleFromPropValue));\n  }\n  styles = mergeBreakpointsInOrder(theme.breakpoints, styles);\n  return styles;\n};\nexport default function createStack(options = {}) {\n  const {\n    // This will allow adding custom styled fn (for example for custom sx style function)\n    createStyledComponent = defaultCreateStyledComponent,\n    useThemeProps = useThemePropsDefault,\n    componentName = 'MuiStack'\n  } = options;\n  const useUtilityClasses = () => {\n    const slots = {\n      root: ['root']\n    };\n    return composeClasses(slots, slot => generateUtilityClass(componentName, slot), {});\n  };\n  const StackRoot = createStyledComponent(style);\n  const Stack = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {\n    const themeProps = useThemeProps(inProps);\n    const props = extendSxProp(themeProps); // `color` type conflicts with html color attribute.\n    const {\n      component = 'div',\n      direction = 'column',\n      spacing = 0,\n      divider,\n      children,\n      className,\n      useFlexGap = false,\n      ...other\n    } = props;\n    const ownerState = {\n      direction,\n      spacing,\n      useFlexGap\n    };\n    const classes = useUtilityClasses();\n    return /*#__PURE__*/_jsx(StackRoot, {\n      as: component,\n      ownerState: ownerState,\n      ref: ref,\n      className: clsx(classes.root, className),\n      ...other,\n      children: divider ? joinChildren(children, divider) : children\n    });\n  });\n  process.env.NODE_ENV !== \"production\" ? Stack.propTypes /* remove-proptypes */ = {\n    children: PropTypes.node,\n    direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),\n    divider: PropTypes.node,\n    spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),\n    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n  } : void 0;\n  return Stack;\n}","'use client';\n\nimport PropTypes from 'prop-types';\nimport { createStack } from '@mui/system';\nimport styled from \"../styles/styled.js\";\nimport useThemeProps from \"../styles/useThemeProps.js\";\nconst Stack = createStack({\n  createStyledComponent: styled('div', {\n    name: 'MuiStack',\n    slot: 'Root',\n    overridesResolver: (props, styles) => styles.root\n  }),\n  useThemeProps: inProps => useThemeProps({\n    props: inProps,\n    name: 'MuiStack'\n  })\n});\nprocess.env.NODE_ENV !== \"production\" ? Stack.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Defines the `flex-direction` style property.\n   * It is applied for all screen sizes.\n   * @default 'column'\n   */\n  direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),\n  /**\n   * Add an element between each child.\n   */\n  divider: PropTypes.node,\n  /**\n   * Defines the space between immediate children.\n   * @default 0\n   */\n  spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),\n  /**\n   * The system prop, which allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.\n   *\n   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),\n   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.\n   *\n   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.\n   * @default false\n   */\n  useFlexGap: PropTypes.bool\n} : void 0;\nexport default Stack;","import { v2Colors } from \"../tokens/color\";\nimport { getRgbaColor } from \"../shared/utils/color/color\";\nexport const skeletonBase = {\n    geotabSkeleton: {\n        width: '100%',\n        borderRadius: '0.6rem',\n        background: v2Colors.transparent,\n        border: `1px solid ${v2Colors.border.primary}`,\n        '&:after': {\n            background: `linear-gradient(90deg,${getRgbaColor(v2Colors.core.silver, 0)} 0,${v2Colors.core.silver} 50%,${getRgbaColor(v2Colors.core.silver, 0)} 100%)`,\n        },\n    },\n};\n","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport function __createBinding(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n    for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n};\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n    result.default = mod;\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to get private field on non-instance\");\r\n    }\r\n    return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to set private field on non-instance\");\r\n    }\r\n    privateMap.set(receiver, value);\r\n    return value;\r\n}\r\n","import * as React from \"react\";\n\nexport type imgResolution =\n  | \"default\"\n  | \"mqdefault\"\n  | \"hqdefault\"\n  | \"sddefault\"\n  | \"maxresdefault\";\n\nexport interface LiteYouTubeProps {\n  announce?: string;\n  id: string;\n  title: string;\n  activatedClass?: string;\n  adNetwork?: boolean;\n  aspectHeight?: number;\n  aspectWidth?: number;\n  iframeClass?: string;\n  noCookie?: boolean;\n  cookie?: boolean;\n  params?: string;\n  playerClass?: string;\n  playlist?: boolean;\n  playlistCoverId?: string;\n  poster?: imgResolution;\n  webp?: boolean;\n  wrapperClass?: string;\n  onIframeAdded?: () => void\n  muted?: boolean,\n  thumbnail?: string,\n  rel?: string,\n  containerElement?: keyof JSX.IntrinsicElements;\n}\n\nfunction LiteYouTubeEmbedComponent(props: LiteYouTubeProps, ref: React.Ref<HTMLIFrameElement>) {\n  const [preconnected, setPreconnected] = React.useState(false);\n  const [iframe, setIframe] = React.useState(false);\n  const videoId = encodeURIComponent(props.id);\n  const videoPlaylisCovertId = typeof props.playlistCoverId === 'string' ? encodeURIComponent(props.playlistCoverId) : null;\n  const videoTitle = props.title;\n  const posterImp = props.poster || \"hqdefault\";\n  const paramsImp = `&${props.params}` || \"\";\n  const mutedImp = props.muted ? \"&mute=1\" : \"\";\n  const announceWatch = props.announce || \"Watch\";\n  const format = props.webp ? 'webp' : 'jpg';\n  const vi = props.webp ? 'vi_webp' : 'vi';\n  const posterUrl = props.thumbnail || (!props.playlist \n    ? `https://i.ytimg.com/${vi}/${videoId}/${posterImp}.${format}` \n    : `https://i.ytimg.com/${vi}/${videoPlaylisCovertId}/${posterImp}.${format}`);\n\n  let ytUrl = props.noCookie\n    ? \"https://www.youtube-nocookie.com\"\n    : \"https://www.youtube.com\";\n  ytUrl = props.cookie\n    ? \"https://www.youtube.com\"\n    : \"https://www.youtube-nocookie.com\";\n\n  const iframeSrc = !props.playlist\n    ? `${ytUrl}/embed/${videoId}?autoplay=1&state=1${mutedImp}${paramsImp}`\n    : `${ytUrl}/embed/videoseries?autoplay=1${mutedImp}&list=${videoId}${paramsImp}`;\n\n  const activatedClassImp = props.activatedClass || \"lyt-activated\";\n  const adNetworkImp = props.adNetwork || false;\n  const aspectHeight = props.aspectHeight || 9;\n  const aspectWidth = props.aspectWidth || 16;\n  const iframeClassImp = props.iframeClass || \"\";\n  const playerClassImp = props.playerClass || \"lty-playbtn\";\n  const wrapperClassImp = props.wrapperClass || \"yt-lite\";\n  const onIframeAdded = props.onIframeAdded || function () { };\n  const rel = props.rel ? 'prefetch' : 'preload';\n  const ContainerElement = props.containerElement || 'article';\n\n  const warmConnections = () => {\n    if (preconnected) return;\n    setPreconnected(true);\n  };\n\n  const addIframe = () => {\n    if (iframe) return;\n    setIframe(true);\n  };\n\n  React.useEffect(() => {\n    if (iframe) {\n      onIframeAdded();\n    }\n  }, [iframe]);\n\n  return (\n    <>\n      <link\n        rel={rel}\n        href={posterUrl}\n        as=\"image\"\n      />\n      <>\n        {preconnected && (\n          <>\n            <link rel=\"preconnect\" href={ytUrl} />\n            <link rel=\"preconnect\" href=\"https://www.google.com\" />\n            {adNetworkImp && (\n              <>\n                <link rel=\"preconnect\" href=\"https://static.doubleclick.net\" />\n                <link\n                  rel=\"preconnect\"\n                  href=\"https://googleads.g.doubleclick.net\"\n                />\n              </>\n            )}\n          </>\n        )}\n      </>\n      <ContainerElement\n        onPointerOver={warmConnections}\n        onClick={addIframe}\n        className={`${wrapperClassImp} ${iframe ? activatedClassImp : \"\"}`}\n        data-title={videoTitle}\n        style={{\n          backgroundImage: `url(${posterUrl})`,\n          ...({\n            '--aspect-ratio': `${(aspectHeight / aspectWidth) * 100}%`,\n          } as React.CSSProperties),\n        }}\n      >\n        <button\n          type=\"button\"\n          className={playerClassImp}\n          aria-label={`${announceWatch} ${videoTitle}`} />\n        {iframe && (\n          <iframe\n            ref={ref}\n            className={iframeClassImp}\n            title={videoTitle}\n            width=\"560\"\n            height=\"315\"\n            frameBorder=\"0\"\n            allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n            allowFullScreen\n            src={iframeSrc}\n          ></iframe>\n        )}\n      </ContainerElement>\n    </>\n  );\n}\n\nexport default React.forwardRef<HTMLIFrameElement, LiteYouTubeProps>(LiteYouTubeEmbedComponent)"],"names":["classes","tagButton","margin","color","v2Colors","core","innovation","backgroundColor","border","borderRadius","minHeight","padding","fontWeight","fontSize","width","transition","getRgbaColor","deepSpace","breakpoints","md","tagContainer","marginTop","RenderChips","chips","overrideHeadingText","hideHeading","selectedLanguage","useAtom","selectedLanguageAtom","selectedLanguageTranslation","useTranslation","translatedRenderChips","getTranslation","nonHiddenChips","filter","chip","hidden","length","_jsxs","_Fragment","children","_jsx","Heading","variant","component","postTags","Grid","container","css","map","Button","name","tag","href","ensureInternalURLTrailingSlash","getLanguageRouteAndPrefixByCodeAndRouteKey","languageRouteTypes","TAG","slug","addBreaks","content","stringFormat","index","splitContent","replace","split","contentWithBreaks","i","push","React","join","ParseAbbreviations","currentContent","abbreviations","element","newAbbrElement","indexOf","abbreviationContent","title","checkAbbreviations","defaultProps","propTypes","PropTypes","string","bool","PublicDateTime","isDateVisibile","isDateVisibleAtom","clonedElement","suppressHydrationWarning","Skeleton","RichTextContent","listStyle","other","DangerouslySetInnerHTML","parseLinks","html","richTextHtmlStyles","rawHTML","hideLinks","baseUrl","useStaticValues","sanitizedHtml","scriptTags","removeScriptTags","useEffect","addScriptsToDOM","Text","dangerouslySetInnerHTML","__html","getDangerouslySetInnerHTML","str","match","linkAttributes","isInternalOrBaseLink","DOMParser","parseFromString","querySelectorAll","forEach","scriptTag","newScriptTag","document","createElement","innerHTML","attributes","value","setAttribute","body","appendChild","addLinksToDOM","linkTags","linkTag","newLinkTag","head","removeLinkTags","listSyle","wordBreak","listStyleImage","checkmark","undefined","marginBottom","textDecoration","text","activeSecondary","outlineColor","outline","height","marginLeft","verticalAlign","display","backgroundImage","openInNewTab","backgroundSize","backgroundRepeat","getFormattedLocalDateTime","utcDateTime","format","language","LanguageCode","en","dayjsCode","getDayJsCodeByLanguageCode","dayjs","local","locale","getFormattedDateTime","localTime","isTodayDate","isYesterdayDate","dateTime","isToday","isYesterday","utc","timezone","advancedFormat","localizedFormat","compareDates","date1","date2","dateJsUtc1","dateJsUtc2","isBefore","isAfter","getLazyLoadByIndex","noLazyLoadCount","getFullVideoLink","key","type","VideoType","YouTube","Vidyard","getVideoThumbnailImage","getYoutubeKey","url","youtubeKey","includes","sanitizeToEmbedYoutubeUrl","getVidyardKey","vidyardKey","videoStyle","videoMedia","titlePrimary","titleSecondary","section","iframeMedia","position","overflow","paddingTop","responsiveIframe","top","left","bottom","right","LargeVideoTile","description","videoKey","videoType","tags","descriptionTitle","weight","LiteYouTubeEmbed","id","src","allow","allowFullScreen","media","tileWrapper","textOverflow","WebkitLineClamp","WebkitBoxOrient","tooltip","smoke","colors","slate","main","snow","videoTileLink","lightest","VideoTile","video","lazyLoad","prefixStringWithBaseUrl","imageSrc","imagePath","ClassNames","CMSLink","getLanguageRouteAndPrefixByIdAndRouteKey","VIDEO","Tooltip","placement","enterDelay","enterNextDelay","item","wrap","columnGap","xs","CardMedia","alt","direction","justifyContent","OtherVideos","videos","relatedVideosTitle","otherVideosTitle","isMobile","isMobileAtom","relatedVideosTranslation","otherVideosTranslation","LazyLoadContainer","rowGap","lazyload","PlayWebIcon","props","viewBox","fill","xmlns","d","separator","geotab","skeletonBase","_ref","styles","_ref2","Video","videoPageData","videoTranslation","relatedVideos","otherVideos","hasRelatedVideos","hasOtherVideos","seo","metaDescription","canonical","datePublished","publishedDateUtc","dateModified","modifiedDateUtc","PageHelmet","noIndex","Helmet","SectionContainer","maxWidth","containerWidth","lg","Stack","spacing","Grid2","columnSpacing","size","defaultTheme","createTheme","defaultCreateStyledComponent","systemStyled","slot","overridesResolver","root","useThemePropsDefault","useThemePropsSystem","joinChildren","childrenArray","toArray","Boolean","reduce","output","child","style","ownerState","theme","flexDirection","handleBreakpoints","resolveBreakpointValues","values","propValue","transformer","createUnarySpacing","base","Object","keys","acc","breakpoint","directionValues","spacingValues","previousDirectionValue","styleFromPropValue","useFlexGap","gap","getValue","row","column","deepmerge","mergeBreakpointsInOrder","options","createStyledComponent","useThemeProps","componentName","StackRoot","inProps","ref","themeProps","extendSxProp","divider","className","composeClasses","generateUtilityClass","as","clsx","createStack","styled","geotabSkeleton","background","transparent","primary","silver","__assign","assign","t","s","n","arguments","p","prototype","hasOwnProperty","call","apply","this","_a","preconnected","setPreconnected","_b","iframe","setIframe","videoId","encodeURIComponent","videoPlaylisCovertId","playlistCoverId","videoTitle","posterImp","poster","paramsImp","concat","params","mutedImp","muted","announceWatch","announce","webp","vi","posterUrl","thumbnail","playlist","ytUrl","noCookie","cookie","iframeSrc","activatedClassImp","activatedClass","adNetworkImp","adNetwork","aspectHeight","aspectWidth","iframeClassImp","iframeClass","playerClassImp","playerClass","wrapperClassImp","wrapperClass","onIframeAdded","rel","ContainerElement","containerElement","onPointerOver","onClick","frameBorder"],"sourceRoot":""}