{"version":3,"file":"static/js/1332.fd6f5ce1447628dec235.js","mappings":"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","sources":["components/NavbarV2/DropdownMenuColumns.tsx","components/NavbarV2/MicroMenu.tsx","components/NavbarV2/DropdownMenu.tsx","components/NavbarV2/MainMenu.tsx","components/NavbarV2/Navbar.tsx","components/NavbarV2/navbarStyles.ts","components/Picture.tsx","components/SectionComponents/ProgressScrollBar.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { navbarStyles as classes } from './navbarStyles';\nimport { NavbarDropDownV2 } from '@models/navigationBar';\nimport { Text, ForwardIcon } from '@web-for-marketing/react-ui';\nimport { CMSLink } from '@components/CMSLink';\nimport { Picture } from '@components/Picture';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { getLinkTargetValue } from '@sections/helpers/SectionComponentHelper';\nimport { NewTabIcon } from '@icon/NewTabIcon';\n\ninterface DropdownMenuColumnsProps {\n    columns: NavbarDropDownV2['content']['columns'];\n    open?: boolean;\n    preview?: boolean;\n}\n\nexport function DropdownMenuColumns({ columns, open, preview }: DropdownMenuColumnsProps): JSX.Element {\n    const { prefixStringWithBaseUrl } = useStaticValues();\n    const dropdown = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (columns.length) {\n            const images: NodeListOf<HTMLImageElement> | undefined =\n                dropdown.current?.querySelectorAll('img[data-src]');\n            if (open && images?.length) {\n                images.forEach((image) => {\n                    if (image.dataset && image.dataset.src) {\n                        image.setAttribute('src', image.dataset.src);\n                        image.removeAttribute('data-src');\n                    }\n                });\n            }\n        }\n    }, [open, columns]);\n\n    return (\n        <div\n            css={[classes.columns(preview), preview ? classes.preview : undefined]}\n            data-testid='dropdownMenuColumns'\n            ref={dropdown}\n        >\n            <div css={classes.columnsContainer}>\n                {columns.map((column, index) => {\n                    return (\n                        <div key={`${JSON.stringify(column)}-${index}`} css={classes.column}>\n                            {column.map((columnContent, index) => {\n                                switch (columnContent.type) {\n                                    case 'heading':\n                                        return (\n                                            <Text\n                                                key={`${JSON.stringify(columnContent.content)}-${index}`}\n                                                variant='body2'\n                                                color='tertiary'\n                                                weight='bold'\n                                            >\n                                                {columnContent.content.title}\n                                                {columnContent.content.lines\n                                                    ? Array.from(Array(columnContent.content.lines).keys()).map((v) => (\n                                                        <br data-testid='heading-column-line-break' key={v} />\n                                                    ))\n                                                    : null}\n                                            </Text>\n                                        );\n                                    case 'link':\n                                        return (\n                                            <CMSLink\n                                                key={`${JSON.stringify(columnContent.content)}-${index}`}\n                                                href={columnContent.content.href}\n                                                target={getLinkTargetValue(columnContent.content.isTargetToNewTab)}\n                                                css={classes.columnLink}\n                                                tabIndex={!open || preview ? -1 : 0}\n                                            >\n                                                {columnContent.content.title}\n                                                {columnContent.content.isTargetToNewTab ? (\n                                                    <NewTabIcon\n                                                        aria-hidden='true'\n                                                        css={[classes.leftMarginIcon, classes.iconAlignment]}\n                                                    />\n                                                ) : (\n                                                    <ForwardIcon css={classes.columnLinkIcon} />\n                                                )}\n                                            </CMSLink>\n                                        );\n                                    case 'dropdownLink':\n                                        return (\n                                            <CMSLink\n                                                key={`${JSON.stringify(columnContent.content)}-${index}`}\n                                                href={columnContent.content.href}\n                                                target={getLinkTargetValue(columnContent.content.isTargetToNewTab)}\n                                                css={classes.dropdownLink}\n                                                tabIndex={!open || preview ? -1 : 0}\n                                            >\n                                                <div css={classes.dropdownLinkContent}>\n                                                    {columnContent.content.icon.imagePath ? (\n                                                        <img\n                                                            src=''\n                                                            data-src={prefixStringWithBaseUrl(\n                                                                columnContent.content.icon.imagePath\n                                                            )}\n                                                            alt={columnContent.content.icon.imageAlt}\n                                                            width='40px'\n                                                            height='40px'\n                                                            css={classes.dropdownLinkIcon}\n                                                        />\n                                                    ) : null}\n                                                    <div>\n                                                        <Text color='primary'>\n                                                            {columnContent.content.title}\n                                                            {columnContent.content.isTargetToNewTab ? (\n                                                                <NewTabIcon\n                                                                    aria-hidden='true'\n                                                                    css={classes.smallLeftMarginIcon}\n                                                                />\n                                                            ) : null}\n                                                        </Text>\n                                                        {columnContent.content.description ? (\n                                                            <Text\n                                                                variant='body2'\n                                                                color='secondary'\n                                                                css={{ marginTop: '0.4rem' }}\n                                                            >\n                                                                {columnContent.content.description}\n                                                            </Text>\n                                                        ) : null}\n                                                    </div>\n                                                </div>\n                                            </CMSLink>\n                                        );\n                                    case 'callToAction':\n                                        return (\n                                            <CMSLink\n                                                key={`${JSON.stringify(columnContent.content)}-${index}`}\n                                                href={columnContent.content.href}\n                                                target={getLinkTargetValue(columnContent.content.isTargetToNewTab)}\n                                                css={classes.cta}\n                                                tabIndex={!open || preview ? -1 : 0}\n                                            >\n                                                <Picture\n                                                    alt={columnContent.content.imageAlt}\n                                                    lazyLoad={true}\n                                                    imagePath={columnContent.content.imagePath}\n                                                    css={classes.ctaImage}\n                                                />\n                                                <Text variant='h4' css={classes.ctaTextSpacing}>\n                                                    {columnContent.content.headingText}\n                                                </Text>\n                                                <Text variant='body2' color='primary' css={classes.ctaTextSpacing}>\n                                                    {columnContent.content.description}\n                                                </Text>\n                                                <Text\n                                                    variant='body2'\n                                                    color='activeSecondary'\n                                                    weight='bold'\n                                                    css={classes.ctaLinkText}\n                                                >\n                                                    {columnContent.content.linkText}\n                                                    {columnContent.content.isTargetToNewTab ? (\n                                                        <NewTabIcon aria-hidden='true' css={classes.leftMarginIcon} />\n                                                    ) : (\n                                                        <ForwardIcon height={12} width={12} css={classes.ctaLinkIcon} />\n                                                    )}\n                                                </Text>\n                                            </CMSLink>\n                                        );\n                                    case 'smallLink':\n                                        return (\n                                            <CMSLink\n                                                key={`${JSON.stringify(columnContent.content)}-${index}`}\n                                                href={columnContent.content.href}\n                                                target={getLinkTargetValue(columnContent.content.isTargetToNewTab)}\n                                                css={classes.dropdownLink}\n                                                tabIndex={!open || preview ? -1 : 0}\n                                            >\n                                                <Text variant='body2' color='primary'>\n                                                    {columnContent.content.title}\n                                                    {columnContent.content.isTargetToNewTab ? (\n                                                        <NewTabIcon\n                                                            aria-hidden='true'\n                                                            css={classes.smallLeftMarginIcon}\n                                                        />\n                                                    ) : null}\n                                                </Text>\n                                            </CMSLink>\n                                        );\n                                    default:\n                                        break;\n                                }\n                            })}\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n","import React, { startTransition } from 'react';\nimport { navbarStyles as classes } from './navbarStyles';\nimport { languageRouteTypes } from '@helpers/languageRoutes';\nimport { useAtom, useSetAtom } from 'jotai';\nimport { NavbarMicroContent, MenuNavigationV2 } from '@models/navigationBar';\nimport { isAuthenticatedAtom } from '@atoms/authentication';\nimport { UserMenuDropdown } from '@pages/admin/Navbar/UserMenuDropdown';\nimport { UserMenuOption } from '@models/adminUserMenu';\nimport { CMSLink } from '@components/CMSLink';\nimport { getLinkTargetValue } from '@sections/helpers/SectionComponentHelper';\nimport { LanguageCode } from '@models/languageCode';\nimport { NewTabIcon } from '@icon/NewTabIcon';\nimport { SelectedLanguage } from '@components/RegionSelection/SelectedLanguage';\nimport { getLanguageRouteAndPrefixByCodeAndRouteKey } from '@helpers/languages';\nimport { isRegionSelectionDialogOpenAtom } from '@atoms/appSettings';\n\ninterface MicroMenuProps {\n    microContent: NavbarMicroContent;\n    showLogin?: MenuNavigationV2['showLoginButton'];\n    loginText?: MenuNavigationV2['loginText'];\n    loginUrl?: MenuNavigationV2['loginUrl'];\n    showLanguageRegion?: MenuNavigationV2['showLanguageRegion'];\n    preview?: boolean;\n    shrink?: boolean;\n    language: LanguageCode;\n}\n\nexport function MicroMenu({\n    microContent,\n    showLanguageRegion,\n    showLogin,\n    preview,\n    shrink,\n    language,\n    loginText,\n    loginUrl,\n}: MicroMenuProps): JSX.Element {\n    const [isAuthenticated] = useAtom(isAuthenticatedAtom);\n    const setIsRegionSelection = useSetAtom(isRegionSelectionDialogOpenAtom);\n\n    return (\n        <nav aria-label='additional resources' css={classes.microNav(shrink, preview)} data-testid='navMicroMenu'>\n            <div css={classes.microContent(shrink)}>\n                {microContent.left.map((leftContent, index) => (\n                    <CMSLink\n                        css={classes.microLeftLink(shrink)}\n                        key={`${JSON.stringify(leftContent.content)}-${index}`}\n                        href={leftContent.content.href}\n                        target={getLinkTargetValue(leftContent.content.isTargetToNewTab)}\n                        tabIndex={preview ? -1 : 0}\n                    >\n                        {leftContent.content.title}\n                        {leftContent.content.isTargetToNewTab ? (\n                            <NewTabIcon aria-hidden='true' css={classes.smallLeftMarginIcon} />\n                        ) : null}\n                    </CMSLink>\n                ))}\n            </div>\n            <div css={[classes.microContent(shrink), classes.microRight]}>\n                {microContent.right.map((rightContent, index) => (\n                    <CMSLink\n                        css={classes.microRightLink(shrink)}\n                        key={`${JSON.stringify(rightContent.content)}-${index}`}\n                        href={rightContent.content.href}\n                        target={getLinkTargetValue(rightContent.content.isTargetToNewTab)}\n                        tabIndex={preview ? -1 : 0}\n                    >\n                        {rightContent.content.title}\n                        {rightContent.content.isTargetToNewTab ? (\n                            <NewTabIcon aria-hidden='true' css={classes.smallLeftMarginIcon} />\n                        ) : null}\n                    </CMSLink>\n                ))}\n                {showLogin ? (\n                    <a\n                        href={\n                            loginUrl ||\n                            getLanguageRouteAndPrefixByCodeAndRouteKey(language, languageRouteTypes.MY_GEOTAB_LOGIN)\n                        }\n                        css={classes.loginButton(shrink)}\n                        tabIndex={preview ? -1 : 0}\n                    >\n                        {loginText ? loginText : 'Login'}\n                    </a>\n                ) : null}\n                {showLanguageRegion ? (\n                    <div css={{ display: 'flex', alignItems: 'center' }}>\n                        <span css={classes.languageRegionDivider(shrink)} />\n                        <button\n                            css={classes.languageButton(shrink)}\n                            tabIndex={preview ? -1 : 0}\n                            onClick={\n                                !preview\n                                    ? () => {\n                                        startTransition(() => {\n                                            setIsRegionSelection(true);\n                                        });\n                                    }\n                                    : undefined\n                            }\n                            data-testid='microMenuLanguageRegion'\n                        >\n                            <SelectedLanguage languageCode={language} />\n                        </button>\n                    </div>\n                ) : null}\n                {isAuthenticated && !preview ? (\n                    <div>\n                        <UserMenuDropdown\n                            size='small'\n                            dropdownOptions={[UserMenuOption.Dashboard, UserMenuOption.History, UserMenuOption.Logout]}\n                        />\n                    </div>\n                ) : null}\n            </div>\n        </nav>\n    );\n}\n","import React from 'react';\nimport { navbarStyles as classes } from './navbarStyles';\nimport { NavbarDropDownV2 } from '@models/navigationBar';\nimport { Text } from '@web-for-marketing/react-ui';\nimport { Divider } from '@mui/material';\nimport { DropdownMenuColumns } from './DropdownMenuColumns';\nimport { useAtom } from 'jotai';\nimport { selectedNavbarDropdownAtom } from '@atoms/navigation';\nimport { keyIsEnter, keyIsSpace } from '@helpers/keyPressEventHelper';\n\ninterface DropdownMenuProps {\n    content: NavbarDropDownV2['content'];\n    preview?: boolean;\n    shrink?: boolean;\n}\n\nexport function DropdownMenu({ content, preview, shrink }: DropdownMenuProps): JSX.Element {\n    const [selected, setSelected] = useAtom(selectedNavbarDropdownAtom);\n    const open = selected === content.title;\n\n    function showDropdown(): void {\n        setSelected(content.title);\n    }\n\n    function hideDropdown(): void {\n        setSelected('');\n    }\n\n    function toggleDropdown(event: React.KeyboardEvent): void {\n        if (keyIsEnter(event) || keyIsSpace(event)) {\n            if (!open) {\n                showDropdown();\n            } else {\n                hideDropdown();\n            }\n        }\n    }\n\n    return (\n        <div onMouseEnter={!preview ? showDropdown : undefined} onMouseLeave={!preview ? hideDropdown : undefined}>\n            <button\n                css={[\n                    classes.mainLeftItem,\n                    classes.underlineMenuItem,\n                    classes.dropdownButton,\n                    open ? classes.openDropdownButton : '',\n                ]}\n                aria-expanded={open}\n                onKeyDown={toggleDropdown}\n                tabIndex={preview ? -1 : 0}\n            >\n                <Text\n                    variant='body2'\n                    color={open ? 'activeSecondary' : 'tertiary'}\n                    css={shrink ? classes.smallMainText : undefined}\n                >\n                    {content.title}\n                </Text>\n            </button>\n            {!preview ? (\n                <div\n                    aria-hidden={!open}\n                    css={[classes.dropdown, open ? classes.showOpen : '']}\n                    data-testid='navbarMenuDropdown'\n                >\n                    <Divider light />\n                    <DropdownMenuColumns columns={content.columns} open={open} />\n                </div>\n            ) : null}\n        </div>\n    );\n}\n","import React from 'react';\nimport { navbarStyles as classes } from './navbarStyles';\nimport { CMSLink } from '@components/CMSLink';\nimport { GeotabWithR } from '@icon/GeotabWithR';\nimport { PublicSearchDropdown } from '@components/PublicSearch/PublicSearchDropdown';\nimport { getLanguageUrlPrefixByCode } from '@helpers/languages';\nimport { Text } from '@web-for-marketing/react-ui';\nimport { PopoutButton } from '@components/PopoutCustomSection/PopoutButton';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { useAtom } from 'jotai';\nimport { selectedLanguageAtom } from '@atoms/appSettings';\nimport { isAuthenticatedAtom } from '@atoms/authentication';\nimport { NavbarMainContent, MenuNavigationV2 } from '@models/navigationBar';\nimport { DropdownMenu } from './DropdownMenu';\nimport { getLinkTargetValue } from '@sections/helpers/SectionComponentHelper';\nimport { NewTabIcon } from '@icon/NewTabIcon';\n\ninterface MainMenuProps {\n    mainContent: NavbarMainContent;\n    secondaryLogo?: MenuNavigationV2['secondaryLogo'];\n    secondaryLogoLink?: MenuNavigationV2['secondaryLogoLink'];\n    secondaryLogoLabel?: MenuNavigationV2['secondaryLogoLabel'];\n    secondaryLogoAlt?: MenuNavigationV2['secondaryLogoAlt'];\n    showSearch?: MenuNavigationV2['showSearch'];\n    preview?: boolean;\n    shrink?: boolean;\n}\n\nexport function MainMenu({\n    mainContent,\n    secondaryLogo,\n    secondaryLogoLink,\n    secondaryLogoAlt,\n    secondaryLogoLabel,\n    showSearch,\n    preview,\n    shrink,\n}: MainMenuProps): JSX.Element {\n    const { prefixStringWithBaseUrl } = useStaticValues();\n    const [selectedLanguage] = useAtom(selectedLanguageAtom);\n    const [isAuthenticated] = useAtom(isAuthenticatedAtom);\n\n    return (\n        <nav aria-label='main navigation' css={classes.mainNav(shrink)}>\n            <div css={classes.mainContentLeft}>\n                <div css={classes.logosContainer}>\n                    <CMSLink\n                        href={!isAuthenticated ? getLanguageUrlPrefixByCode(selectedLanguage) : '/admin/dashboard/'}\n                        aria-label='Go to Geotab Homepage'\n                        type='link'\n                        spaLink={isAuthenticated}\n                        css={[classes.underlineMenuItem, classes.logo(secondaryLogo ? true : false, shrink)]}\n                        tabIndex={preview ? -1 : 0}\n                    >\n                        <GeotabWithR css={[classes.logoImage]} />\n                    </CMSLink>\n                    {secondaryLogo ? (\n                        <>\n                            <div css={classes.logodDivider} data-testid='logoSeparator' />\n                            {secondaryLogoLink ? (\n                                <CMSLink\n                                    href={secondaryLogoLink}\n                                    aria-label={secondaryLogoLabel || ''}\n                                    css={[classes.underlineMenuItem, classes.logo(true, shrink)]}\n                                    data-testid='seondaryLogoLink'\n                                    tabIndex={preview ? -1 : 0}\n                                >\n                                    <img\n                                        src={prefixStringWithBaseUrl(secondaryLogo)}\n                                        alt={secondaryLogoAlt || ''}\n                                        css={classes.logoImage}\n                                    />\n                                </CMSLink>\n                            ) : (\n                                <div css={classes.logo(true, shrink)} data-testid='seondaryLogoNoLink'>\n                                    <img\n                                        src={prefixStringWithBaseUrl(secondaryLogo)}\n                                        alt={secondaryLogoAlt || ''}\n                                        css={classes.logoImage}\n                                    />\n                                </div>\n                            )}\n                        </>\n                    ) : null}\n                </div>\n                <div css={classes.mainLeftContent(secondaryLogo ? true : false, shrink)}>\n                    {mainContent.left.map((leftContent, index) => {\n                        switch (leftContent.type) {\n                            case 'dropdown':\n                                return (\n                                    <DropdownMenu\n                                        key={`${JSON.stringify(leftContent.content)}-${index}`}\n                                        content={leftContent.content}\n                                        preview={preview}\n                                        shrink={shrink}\n                                    />\n                                );\n                            case 'link':\n                                return (\n                                    <CMSLink\n                                        key={`${JSON.stringify(leftContent.content)}-${index}`}\n                                        href={leftContent.content.href}\n                                        target={getLinkTargetValue(leftContent.content.isTargetToNewTab)}\n                                        css={[classes.mainLeftItem, classes.underlineMenuItem]}\n                                        tabIndex={preview ? -1 : 0}\n                                    >\n                                        <Text\n                                            variant='body2'\n                                            color='tertiary'\n                                            css={shrink ? classes.smallMainText : undefined}\n                                        >\n                                            {leftContent.content.title}\n                                            {leftContent.content.isTargetToNewTab ? (\n                                                <NewTabIcon aria-hidden='true' css={classes.smallLeftMarginIcon} />\n                                            ) : null}\n                                        </Text>\n                                    </CMSLink>\n                                );\n                            default:\n                                break;\n                        }\n                    })}\n                </div>\n            </div>\n            <div css={classes.mainRightContent(shrink)}>\n                {mainContent.right.map((rightContent, index) => {\n                    switch (rightContent.type) {\n                        case 'popoutButton':\n                            return (\n                                <PopoutButton\n                                    key={`${JSON.stringify(rightContent.content)}-${index}`}\n                                    text={rightContent.content.title}\n                                    variant={rightContent.content.variant}\n                                    customSectionKey={rightContent.content.customSection}\n                                    params={rightContent.content.params}\n                                    displayMode={rightContent.content.popoutDisplayMode}\n                                    backgroundImagePath={rightContent.content.popoutBackgroundImage}\n                                    css={classes.mainRightButton(shrink)}\n                                    tabIndex={preview ? -1 : 0}\n                                />\n                            );\n                        case 'buttonLink':\n                            return (\n                                <CMSLink\n                                    key={`${JSON.stringify(rightContent.content)}-${index}`}\n                                    type='button'\n                                    href={rightContent.content.href}\n                                    variant={rightContent.content.variant}\n                                    target={getLinkTargetValue(rightContent.content.isTargetToNewTab)}\n                                    css={classes.mainRightButton(shrink)}\n                                    tabIndex={preview ? -1 : 0}\n                                >\n                                    {rightContent.content.title}\n                                    {rightContent.content.isTargetToNewTab ? (\n                                        <NewTabIcon aria-hidden='true' css={classes.smallLeftMarginIcon} />\n                                    ) : null}\n                                </CMSLink>\n                            );\n                        default:\n                            break;\n                    }\n                })}\n                {showSearch ? (\n                    <div css={{ display: 'flex', alignItems: 'center' }}>\n                        <span css={classes.searchDivider} />\n                        <PublicSearchDropdown preview={preview} />\n                    </div>\n                ) : null}\n            </div>\n        </nav>\n    );\n}\n","import React, { useEffect, useRef } from 'react';\nimport { MenuNavigationV2 } from '@models/navigationBar';\nimport { Divider } from '@mui/material';\nimport { useAtom, useSetAtom } from 'jotai';\nimport { navbarStyles as classes } from './navbarStyles';\nimport { MicroMenu } from './MicroMenu';\nimport { MainMenu } from './MainMenu';\nimport { navHeightAtom, remSizeAtom } from '@atoms/appSettings';\nimport { getLanguageById } from '@helpers/languages';\nimport { LanguageCode } from '@models/languageCode';\nimport { ProgressScrollBar } from '@components/SectionComponents/ProgressScrollBar';\n\ninterface NavbarProps {\n    navbar: MenuNavigationV2;\n    preview?: boolean;\n    shrink?: boolean;\n}\n\nexport function Navbar({ navbar, preview, shrink }: NavbarProps): JSX.Element {\n    const setNavHeight = useSetAtom(navHeightAtom);\n    const [remSize] = useAtom(remSizeAtom);\n    const menuNav = useRef<HTMLDivElement>(null);\n    const language = getLanguageById(navbar.language)?.code || LanguageCode.en;\n\n    useEffect(() => {\n        if (menuNav.current && !preview) {\n            setNavHeight(menuNav.current.clientHeight);\n        }\n    }, [setNavHeight, preview]);\n\n    return (\n        <>\n            {navbar.isMicroNavVisible ? (\n                <MicroMenu\n                    microContent={navbar.microContent}\n                    showLogin={navbar.showLoginButton}\n                    showLanguageRegion={navbar.showLanguageRegion}\n                    preview={preview}\n                    shrink={shrink}\n                    language={language}\n                    loginText={navbar.loginText}\n                    loginUrl={navbar.loginUrl}\n                />\n            ) : null}\n            <div\n                ref={menuNav}\n                css={classes.stickyNavbar}\n                style={remSize >= 14 ? { position: 'relative' } : undefined}\n                data-testid='navbarV2'\n                id='NavigationBar'\n            >\n                <MainMenu\n                    mainContent={navbar.mainContent}\n                    secondaryLogo={navbar.secondaryLogo}\n                    secondaryLogoLink={navbar.secondaryLogoLink}\n                    secondaryLogoLabel={navbar.secondaryLogoLabel}\n                    secondaryLogoAlt={navbar.secondaryLogoAlt}\n                    showSearch={navbar.showSearch}\n                    preview={preview}\n                    shrink={shrink}\n                />\n                <Divider css={{ opacity: 0.6 }} />\n                <ProgressScrollBar />\n            </div>\n        </>\n    );\n}\n","import { breakpoints, getRgbaColor, shadows, space, v2Colors } from '@web-for-marketing/react-ui';\n\nexport const navbarStyles = {\n    stickyNavbar: {\n        position: 'sticky',\n        top: 0,\n        boxShadow: shadows.soft,\n        backgroundColor: v2Colors.background.white,\n        zIndex: 400,\n        [`@media (max-width: ${breakpoints.md})`]: {\n            position: 'static',\n        },\n    },\n    preview: {\n        pointerEvents: 'none',\n        borderRadius: '.8rem .8rem 0 0',\n        width: '100%',\n        overflow: 'hidden',\n    },\n    microNav: (shrink?: boolean, preview?: boolean) =>\n        ({\n            zIndex: 401,\n            position: 'relative',\n            display: 'flex',\n            alignItems: 'center',\n            backgroundColor: v2Colors.background.dark,\n            padding: shrink ? '0 1rem' : '0.5rem 3.6rem',\n            minHeight: '4rem !important',\n            justifyContent: 'space-between',\n            borderRadius: preview ? '0.8rem 0.8rem 0 0' : undefined,\n        }) as const,\n    mainNav: (shrink?: boolean) =>\n        ({\n            display: 'flex',\n            alignItems: 'center',\n            backgroundColor: v2Colors.background.white,\n            padding: shrink ? '0 1rem' : '0 3.6rem',\n            color: v2Colors.text.tertiary,\n            minHeight: shrink ? '6rem !important' : '10rem !important',\n            justifyContent: 'space-between',\n            [`@media (max-width: ${breakpoints.md})`]: {\n                paddingLeft: space.containerOuterPadding,\n                paddingRight: space.containerOuterPadding,\n            },\n        }) as const,\n    microContent: (shrink?: boolean) =>\n        ({\n            display: 'flex',\n            alignItems: 'center',\n            '& > *:not(:last-child)': {\n                marginRight: shrink ? '1rem' : '4rem',\n                '@media (max-width: 1159.9px)': {\n                    marginRight: shrink ? '1rem' : '2rem',\n                },\n            },\n        }) as const,\n    microRight: {\n        marginLeft: '2rem',\n    },\n    logodDivider: {\n        borderLeft: `1px solid ${v2Colors.border.disabled}`,\n        height: '2.4rem',\n        margin: '0 2rem',\n    },\n    searchDivider: {\n        borderLeft: `1px solid ${v2Colors.border.primary}`,\n        height: '2.4rem',\n        marginRight: '2rem',\n    },\n    languageRegionDivider: (shrink?: boolean) =>\n        ({\n            marginRight: shrink ? '1rem' : '2rem',\n            borderLeft: `1px solid ${v2Colors.border.inversePrimary}`,\n            height: '2.1rem',\n        }) as const,\n    mainContentLeft: {\n        display: 'flex',\n        alignSelf: 'stretch',\n        alignItems: 'center',\n    },\n    logosContainer: {\n        display: 'flex',\n        alignSelf: 'stretch',\n        alignItems: 'center',\n    },\n    mainRightContent: (shrink?: boolean) =>\n        ({\n            display: 'flex',\n            '& > *:not(:last-child)': {\n                marginRight: shrink ? '1rem' : '2rem',\n            },\n        }) as const,\n    mainLeftContent: (hasSecondaryLogo: boolean, shrink?: boolean) =>\n        ({\n            display: 'flex',\n            alignSelf: 'stretch',\n            alignItems: 'stretch',\n            marginLeft: hasSecondaryLogo || shrink ? '4rem' : '8rem',\n            marginRight: '1rem',\n            '@media (max-width: 1159.9px)': {\n                marginLeft: hasSecondaryLogo ? '2rem' : '4rem',\n            },\n            '& > *:not(:last-child)': {\n                marginRight: shrink ? '1rem' : '4rem',\n                '@media (max-width: 1159.9px)': {\n                    marginRight: shrink ? '1rem' : '2rem',\n                },\n            },\n        }) as const,\n    logo: (hasSecondaryLogo: boolean, shrink?: boolean) =>\n        ({\n            display: 'flex',\n            alignItems: 'center',\n            height: '100%',\n            width: shrink ? '8rem' : hasSecondaryLogo ? '15rem' : '18rem',\n            '@media (max-width: 1159.9px)': {\n                width: shrink ? '8rem' : '12rem',\n            },\n        }) as const,\n    logoImage: {\n        maxWidth: '100%',\n        height: '2.4rem',\n        objectFit: 'contain',\n    },\n    loginButton: (shrink?: boolean) =>\n        ({\n            textDecoration: 'none',\n            color: v2Colors.text.inversePrimary,\n            border: `1px solid ${v2Colors.text.inversePrimary}`,\n            padding: '0.5rem 1.6rem',\n            fontSize: shrink ? '1rem' : '1.4rem',\n            borderRadius: '6px',\n            transition: 'background-color ease 500ms',\n            '&:hover': {\n                backgroundColor: v2Colors.text.activePrimary,\n            },\n            '&:focus': {\n                backgroundColor: v2Colors.text.activePrimary,\n                outline: 'none',\n            },\n        }) as const,\n    microRightLink: (shrink?: boolean) =>\n        ({\n            textDecoration: 'none',\n            color: v2Colors.text.inversePrimary,\n            fontSize: shrink ? '1rem' : '1.4rem',\n            whiteSpace: 'nowrap',\n            '&:hover': {\n                textDecoration: 'underline',\n            },\n            '&:focus': {\n                textDecoration: 'underline',\n                outline: 'none',\n            },\n            '& svg': {\n                height: shrink ? '0.8rem' : '1.2rem',\n                width: shrink ? '0.8rem' : '1.2rem',\n            },\n        }) as const,\n    microLeftLink: (shrink?: boolean) =>\n        ({\n            color: v2Colors.text.inversePrimary,\n            textDecoration: 'underline',\n            fontSize: shrink ? '1rem' : '1.4rem',\n            padding: '0.4rem',\n            borderRadius: '3px',\n            transition: 'background-color ease 500ms',\n            minWidth: '30rem',\n            '&:hover': {\n                backgroundColor: getRgbaColor(v2Colors.background.darkest, 0.3),\n            },\n            '&:focus': {\n                outline: 'none',\n                backgroundColor: getRgbaColor(v2Colors.background.darkest, 0.3),\n            },\n            '& svg': {\n                height: shrink ? '0.8rem' : '1.2rem',\n                width: shrink ? '0.8rem' : '1.2rem',\n            },\n        }) as const,\n    languageButton: (shrink?: boolean) =>\n        ({\n            textDecoration: 'none',\n            borderColor: 'transparent',\n            backgroundColor: 'transparent',\n            fontSize: shrink ? '1rem' : '1.4rem',\n            color: v2Colors.text.inversePrimary,\n            display: 'flex',\n            alignItems: 'center',\n            padding: '0.6rem 0.8rem',\n            borderRadius: '6px',\n            transition: 'background-color ease 500ms',\n            whiteSpace: 'nowrap',\n            '& svg': {\n                height: shrink ? '1rem' : '1.4rem',\n                width: shrink ? '1rem' : '1.4rem',\n            },\n            '& img': {\n                height: shrink ? '1.5rem' : undefined,\n                width: shrink ? '1.5rem' : undefined,\n                top: 0,\n            },\n            '& svg path': {\n                stroke: v2Colors.text.inversePrimary,\n            },\n            '&:hover': {\n                backgroundColor: getRgbaColor(v2Colors.background.darkest, 0.3),\n            },\n            '&:focus': {\n                outline: 'none',\n                backgroundColor: getRgbaColor(v2Colors.background.darkest, 0.3),\n            },\n        }) as const,\n    mainRightButton: (shrink?: boolean) =>\n        ({\n            fontSize: shrink ? '1.2rem !important' : '1.6rem !important',\n            fontWeight: 500,\n            display: 'flex',\n            alignItems: 'center',\n            padding: shrink ? '0.5rem 1rem !important' : '1rem 2rem !important',\n            minHeight: 0,\n            '& svg': {\n                height: shrink ? '1rem' : '1.4rem',\n                width: shrink ? '1rem' : '1.4rem',\n                marginBottom: '0.2rem',\n            },\n            textAlign: 'center',\n        }) as const,\n    openDropdownButton: {\n        '&::after': {\n            height: 2,\n        },\n    },\n    underlineMenuItem: {\n        all: 'unset',\n        display: 'flex',\n        alignItems: 'center',\n        cursor: 'pointer',\n        position: 'relative',\n        '&:hover, &:focus-visible': {\n            '&::after': {\n                height: 2,\n            },\n        },\n        '&::after': {\n            content: '\"\"',\n            display: 'block',\n            position: 'absolute',\n            bottom: 0,\n            left: 0,\n            height: 0,\n            width: '100%',\n            transition: 'height 300ms ease',\n            backgroundColor: v2Colors.core.innovation,\n            transform: 'translateY(1px)',\n            zIndex: 100,\n        },\n    },\n    smallMainText: {\n        fontSize: '1.2rem !important',\n        '& svg': {\n            height: '1rem',\n            width: '1rem',\n        },\n    },\n    mainLeftItem: {\n        '&:hover, &:focus-visible': {\n            '& > *': {\n                color: v2Colors.text.activeSecondary,\n            },\n        },\n    },\n    dropdownButton: {\n        height: '100%',\n    },\n    dropdown: {\n        backgroundColor: v2Colors.background.white,\n        boxShadow: shadows.soft,\n        width: '100%',\n        zIndex: -1,\n        position: 'absolute',\n        left: 0,\n        transform: 'translateY(-100%)',\n        visibility: 'hidden',\n        overflow: 'hidden',\n        transition: 'transform 350ms cubic-bezier(0, 0, 0.2, 1), visibility 350ms cubic-bezier(0, 0, 0.2, 1)',\n    },\n    showOpen: {\n        transform: 'translateY(0px)',\n        visibility: 'visible',\n        overflow: 'visible',\n        transition: 'transform 350ms cubic-bezier(0, 0, 0.2, 1), visibility 350ms cubic-bezier(0, 0, 0.2, 1)',\n        '&:before': {\n            transform: 'scaleY(1)',\n        },\n    },\n    columns: (preview?: boolean) =>\n        ({\n            padding: '6rem 4rem 0 4rem',\n            maxHeight: preview ? undefined : 'calc(100vh - 30rem)',\n            overflowY: 'auto',\n        }) as const,\n    columnsContainer: {\n        display: 'flex',\n        justifyContent: 'center',\n        marginBottom: '6rem',\n    },\n    column: {\n        display: 'flex',\n        flexDirection: 'column',\n        maxWidth: '40rem',\n        '&:not(:last-of-type)': {\n            marginRight: '8rem',\n            '@media (max-width: 1159.9px)': {\n                marginRight: '4rem',\n            },\n        },\n        '& > *:not(:last-child)': {\n            marginBottom: '0.4rem',\n        },\n    },\n    columnLink: {\n        border: `1px solid ${v2Colors.background.white}`,\n        backgroundColor: v2Colors.background.light,\n        borderRadius: '8px',\n        padding: '0.8rem 1.6rem',\n        width: 'fit-content',\n        fontSize: '1.6rem',\n        color: v2Colors.text.activeSecondary,\n        fontWeight: 500,\n        display: 'flex',\n        alignItems: 'center',\n        transition: 'border-color ease 500ms',\n        '&:hover,:focus': {\n            outline: 'none',\n            borderColor: v2Colors.text.activeSecondary,\n        },\n    },\n    columnLinkIcon: { marginLeft: '1rem', '& path': { fill: 'currentcolor' } },\n    dropdownLink: {\n        borderRadius: '8px',\n        padding: '0.8rem',\n        marginLeft: '-0.8rem',\n        transition: 'background-color ease 500ms',\n        '&:hover,:focus': {\n            outline: 'none',\n            backgroundColor: v2Colors.background.light,\n        },\n    },\n    dropdownLinkContent: { display: 'flex', alignItems: 'center' },\n    dropdownLinkIcon: { marginRight: '2rem', objectFit: 'contain' },\n    cta: {\n        padding: '3rem 3.5rem',\n        backgroundColor: v2Colors.action.active,\n        borderRadius: '5px',\n        transition: 'transform ease 500ms, box-shadow ease 500ms',\n        '&:hover,:focus': {\n            outline: 'none',\n            boxShadow: '0px 4px 8px rgba(102, 120, 140, 0.25)',\n            transform: 'translateY(-1rem)',\n        },\n    },\n    ctaImage: { height: '25rem', marginBottom: '2.4rem', width: '100%', objectFit: 'contain', borderRadius: '5px' },\n    ctaTextSpacing: { marginBottom: '0.8rem' },\n    ctaLinkText: { display: 'flex', alignItems: 'center' },\n    ctaLinkIcon: { marginLeft: '1rem', '& path': { fill: 'currentcolor' } },\n    leftMarginIcon: { marginLeft: '1rem' },\n    smallLeftMarginIcon: { marginLeft: '0.5rem' },\n    iconAlignment: { alignSelf: 'baseline' },\n} as const;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { breakpoints } from '@web-for-marketing/react-ui';\nimport { AspectRatio } from '@models/images';\nimport { Interpolation, Theme } from '@emotion/react';\nimport { PageHelmetPreloadLink } from '@components/PageHelmetPreloadLink';\n\ninterface BaseProps {\n    imagePath?: string;\n    lazyLoad?: boolean;\n    mobilePath?: string;\n    pictureProps?: React.HTMLAttributes<HTMLPictureElement> & { css?: Interpolation<Theme> };\n    alt: string | undefined;\n    mobileAlt?: string;\n    fullWidth?: boolean;\n    mobileQuery?: `${number}px`;\n    aspectRatio?: AspectRatio;\n    mobileAspectRatio?: AspectRatio;\n    preload?: boolean;\n}\n\ninterface PictureStyleProps {\n    aspectRatio?: AspectRatio;\n    mobileAspectRatio?: AspectRatio;\n    mobileQuery: string;\n    imagePath?: string;\n    mobilePath?: string;\n}\n\nexport type PictureProps = BaseProps & Omit<React.HTMLAttributes<HTMLImageElement>, keyof BaseProps>;\n\nconst classes = {\n    picture: {\n        width: '100%',\n        display: 'inline',\n        height: '100%',\n    },\n    fullWidth: {\n        width: '100%',\n    },\n    image: {\n        objectFit: 'cover',\n    },\n    aspectRatio: ({ aspectRatio, mobileAspectRatio, mobileQuery, imagePath, mobilePath }: PictureStyleProps) => ({\n        aspectRatio: imagePath ? aspectRatio : mobilePath ? mobileAspectRatio : undefined,\n        [`@media (max-width: ${mobileQuery})`]: {\n            aspectRatio: mobilePath ? mobileAspectRatio : imagePath ? aspectRatio : undefined,\n        },\n    }),\n} as const;\n\nexport function Picture({\n    imagePath,\n    mobilePath,\n    alt,\n    lazyLoad = false,\n    mobileQuery = breakpoints.sm,\n    fullWidth = true,\n    className = '',\n    pictureProps = {},\n    aspectRatio,\n    mobileAspectRatio,\n    preload = false,\n    mobileAlt,\n    ...other\n}: PictureProps): JSX.Element {\n    const [altText, setAltText] = useState<string>(alt || '');\n    const { prefixStringWithBaseUrl } = useStaticValues();\n    const resolvedDesktopPath = useMemo(() => {\n        return prefixStringWithBaseUrl(imagePath || mobilePath);\n    }, [prefixStringWithBaseUrl, imagePath, mobilePath]);\n\n    const resolvedMobilePath = useMemo(() => {\n        return prefixStringWithBaseUrl(mobilePath || imagePath);\n    }, [prefixStringWithBaseUrl, imagePath, mobilePath]);\n\n    useEffect(() => {\n        function updateAltText(): void {\n            const isMobileWidth = window.innerWidth < parseInt(mobileQuery);\n            const hasMobileImage = !!mobilePath;\n\n            if (isMobileWidth && hasMobileImage) {\n                setAltText(mobileAlt || '');\n            } else {\n                setAltText(alt || '');\n            }\n        }\n\n        window.addEventListener('resize', updateAltText);\n\n        // Initial call to set alt text on component mount\n        updateAltText();\n\n        return () => {\n            window.removeEventListener('resize', updateAltText);\n        };\n    }, [mobileQuery, alt, mobileAlt, mobilePath]);\n\n    return (\n        <>\n            {resolvedDesktopPath && preload ? <PageHelmetPreloadLink as='image' href={resolvedDesktopPath} /> : null}\n            {resolvedMobilePath && preload ? <PageHelmetPreloadLink as='image' href={resolvedMobilePath} /> : null}\n            <picture\n                {...pictureProps}\n                css={[\n                    classes.picture,\n                    classes.aspectRatio({\n                        aspectRatio,\n                        mobileAspectRatio,\n                        mobileQuery,\n                        imagePath,\n                        mobilePath,\n                    }),\n                ]}\n                className={pictureProps?.className}\n                data-testid='picture'\n            >\n                <source\n                    srcSet={lazyLoad ? '' : resolvedMobilePath}\n                    data-srcset={lazyLoad ? resolvedMobilePath : ''}\n                    media={`(max-width: ${mobileQuery})`}\n                />\n                <img\n                    src={lazyLoad ? '' : resolvedDesktopPath}\n                    data-src={lazyLoad ? resolvedDesktopPath : ''}\n                    alt={altText}\n                    {...other}\n                    css={[\n                        classes.image,\n                        fullWidth ? classes.fullWidth : undefined,\n                        classes.aspectRatio({\n                            aspectRatio,\n                            mobileAspectRatio,\n                            mobileQuery,\n                            imagePath,\n                            mobilePath,\n                        }),\n                    ]}\n                    className={className}\n                />\n            </picture>\n        </>\n    );\n}\n","import React, { useState, useEffect } from 'react';\nimport { v2Colors } from '@web-for-marketing/react-ui';\nimport { LinearProgress, linearProgressClasses } from '@mui/material';\nimport { useAtom } from 'jotai';\nimport { isProgressBarVisibleAtom } from '@atoms/navigation';\n\nconst classes = {\n    progressBar: {\n        width: '100%',\n        backgroundColor: v2Colors.background.light,\n        [`& .${linearProgressClasses.bar}`]: {\n            backgroundColor: v2Colors.text.activePrimary,\n        },\n    },\n} as const;\n\nexport function ProgressScrollBar(): JSX.Element | null {\n    const [progress, setProgress] = useState(0);\n    const [isProgressBarVisible] = useAtom(isProgressBarVisibleAtom);\n\n    useEffect(() => {\n        const updateProgressBar = (): void => {\n            const scrollableHeight = document.documentElement.scrollHeight - window.innerHeight;\n            const scrollPercentage = (window.scrollY / scrollableHeight) * 100;\n            setProgress(scrollPercentage);\n        };\n\n        if (isProgressBarVisible) {\n            window.addEventListener('scroll', updateProgressBar);\n        } else {\n            window.removeEventListener('scroll', updateProgressBar);\n        }\n\n        return () => window.removeEventListener('scroll', updateProgressBar);\n    }, [isProgressBarVisible]);\n\n    return isProgressBarVisible ? (\n        <aside>\n            <LinearProgress\n                aria-label='page progress'\n                variant='determinate'\n                value={progress}\n                css={classes.progressBar}\n                data-testid='progress-bar'\n            />\n        </aside>\n    ) : null;\n}\n"],"names":["_ref","name","styles","DropdownMenuColumns","columns","open","preview","prefixStringWithBaseUrl","useStaticValues","dropdown","useRef","useEffect","length","images","current","querySelectorAll","forEach","image","dataset","src","setAttribute","removeAttribute","_jsx","css","classes","undefined","ref","children","columnsContainer","map","column","index","columnContent","type","_jsxs","Text","variant","color","weight","content","title","lines","Array","from","keys","v","JSON","stringify","CMSLink","href","target","getLinkTargetValue","isTargetToNewTab","columnLink","tabIndex","NewTabIcon","leftMarginIcon","iconAlignment","ForwardIcon","columnLinkIcon","dropdownLink","dropdownLinkContent","icon","imagePath","alt","imageAlt","width","height","dropdownLinkIcon","smallLeftMarginIcon","description","cta","Picture","lazyLoad","ctaImage","ctaTextSpacing","headingText","ctaLinkText","linkText","ctaLinkIcon","MicroMenu","microContent","showLanguageRegion","showLogin","shrink","language","loginText","loginUrl","isAuthenticated","useAtom","isAuthenticatedAtom","setIsRegionSelection","useSetAtom","isRegionSelectionDialogOpenAtom","microNav","left","leftContent","microLeftLink","microRight","right","rightContent","microRightLink","getLanguageRouteAndPrefixByCodeAndRouteKey","languageRouteTypes","MY_GEOTAB_LOGIN","loginButton","languageRegionDivider","languageButton","onClick","startTransition","SelectedLanguage","languageCode","UserMenuDropdown","size","dropdownOptions","UserMenuOption","Dashboard","History","Logout","DropdownMenu","selected","setSelected","selectedNavbarDropdownAtom","showDropdown","hideDropdown","onMouseEnter","onMouseLeave","mainLeftItem","underlineMenuItem","dropdownButton","openDropdownButton","onKeyDown","event","keyIsEnter","keyIsSpace","smallMainText","showOpen","Divider","light","MainMenu","mainContent","secondaryLogo","secondaryLogoLink","secondaryLogoAlt","secondaryLogoLabel","showSearch","selectedLanguage","selectedLanguageAtom","mainNav","mainContentLeft","logosContainer","getLanguageUrlPrefixByCode","spaLink","logo","GeotabWithR","logoImage","_Fragment","logodDivider","mainLeftContent","mainRightContent","PopoutButton","text","customSectionKey","customSection","params","displayMode","popoutDisplayMode","backgroundImagePath","popoutBackgroundImage","mainRightButton","searchDivider","PublicSearchDropdown","Navbar","navbar","setNavHeight","navHeightAtom","remSize","remSizeAtom","menuNav","getLanguageById","code","LanguageCode","en","clientHeight","isMicroNavVisible","showLoginButton","stickyNavbar","style","position","id","ProgressScrollBar","navbarStyles","top","boxShadow","shadows","soft","backgroundColor","v2Colors","background","white","zIndex","breakpoints","md","pointerEvents","borderRadius","overflow","display","alignItems","dark","padding","minHeight","justifyContent","tertiary","paddingLeft","space","containerOuterPadding","paddingRight","marginRight","marginLeft","borderLeft","border","disabled","margin","primary","inversePrimary","alignSelf","hasSecondaryLogo","maxWidth","objectFit","textDecoration","fontSize","transition","activePrimary","outline","whiteSpace","minWidth","getRgbaColor","darkest","borderColor","stroke","fontWeight","marginBottom","textAlign","all","cursor","bottom","core","innovation","transform","activeSecondary","visibility","maxHeight","overflowY","flexDirection","fill","action","active","picture","fullWidth","aspectRatio","mobileAspectRatio","mobileQuery","mobilePath","sm","className","pictureProps","preload","mobileAlt","other","altText","setAltText","useState","resolvedDesktopPath","useMemo","resolvedMobilePath","updateAltText","isMobileWidth","window","innerWidth","parseInt","addEventListener","removeEventListener","PageHelmetPreloadLink","as","srcSet","media","progressBar","linearProgressClasses","bar","progress","setProgress","isProgressBarVisible","isProgressBarVisibleAtom","updateProgressBar","scrollableHeight","document","documentElement","scrollHeight","innerHeight","scrollPercentage","scrollY","LinearProgress","value"],"sourceRoot":""}