{"version":3,"file":"static/js/NavigationBar.4fa4a0e68703e7e414aa.js","mappings":"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","sources":["components/NavigationBarComponents/NavPanelComponents/TopMicroMenu.tsx","components/NavigationBarComponents/MenuExpansion.tsx","components/NavigationBarComponents/NavPanelComponents/MainMenu.tsx","components/NavigationBarComponents/NavbarV1.tsx","components/NavigationBarComponents/NavigationBar.tsx","components/NavigationBarComponents/styleObjects/NavigationBar.ts","components/VerticalSeparator.tsx"],"sourcesContent":["import React, { startTransition } from 'react';\nimport { navigationBarStyles as classes } from '../styleObjects/NavigationBar';\nimport { Toolbar, Grid } from '@mui/material';\nimport { useAtom, useSetAtom } from 'jotai';\nimport { selectedLanguageAtom, isRegionSelectionDialogOpenAtom } from '@atoms/appSettings';\nimport { CMSLink } from '@components/CMSLink';\nimport { NavbarMicroContentItem } from '@models/navigationBar';\nimport { UserMenuDropdown } from '@pages/admin/Navbar/UserMenuDropdown';\nimport { UserMenuOption } from '@models/adminUserMenu';\nimport { navbarAtom } from '@atoms/navigation';\nimport { ClassNames } from '@emotion/react';\nimport { SelectedLanguage } from '@components/RegionSelection/SelectedLanguage';\n\ninterface TopMicroMenuProps {\n    userIsAuthenticated: boolean;\n    formPopoutOpen: boolean;\n}\n\nexport function TopMicroMenu({ userIsAuthenticated, formPopoutOpen }: TopMicroMenuProps): JSX.Element {\n    const [selectedLanguage] = useAtom(selectedLanguageAtom);\n    const [navbar] = useAtom(navbarAtom);\n    const setIsRegionSelection = useSetAtom(isRegionSelectionDialogOpenAtom);\n\n    // eslint-disable-next-line react/no-multi-comp\n    const renderComponent = (component: NavbarMicroContentItem): JSX.Element | null => {\n        switch (component.type) {\n            case 'link':\n                return (\n                    <CMSLink\n                        type='button'\n                        href={component.content?.href}\n                        variant='text'\n                        css={classes.microMenuButtons}\n                        target={component?.content?.isTargetToNewTab ? '_blank' : '_self'}\n                    >\n                        {component.content?.title}\n                    </CMSLink>\n                );\n            default:\n                return null;\n        }\n    };\n\n    return (\n        <ClassNames>\n            {({ css }) => (\n                <Toolbar disableGutters classes={{ root: css(classes.topMicroMenu) }}>\n                    <Grid\n                        container\n                        justifyContent='flex-end'\n                        alignItems='center'\n                        direction='row'\n                        wrap='nowrap'\n                        css={classes.topMenuContainer}\n                    >\n                        {navbar?.showLanguageRegion ? (\n                            <button\n                                onClick={() => {\n                                    startTransition(() => {\n                                        setIsRegionSelection(true);\n                                    });\n                                }}\n                                css={classes.microMenuButtons}\n                            >\n                                <SelectedLanguage languageCode={selectedLanguage} />\n                            </button>\n                        ) : null}\n                        {navbar && navbar.version !== 2 && navbar?.microContent?.length\n                            ? navbar.microContent.map((component: NavbarMicroContentItem, index: number) => {\n                                return 'type' in component ? (\n                                    <Grid key={`${component.type}${index}`}>{renderComponent(component)}</Grid>\n                                ) : null;\n                            })\n                            : null}\n                        {userIsAuthenticated && !formPopoutOpen ? (\n                            <UserMenuDropdown\n                                size='small'\n                                dropdownOptions={[\n                                    UserMenuOption.Dashboard,\n                                    UserMenuOption.History,\n                                    UserMenuOption.Logout,\n                                ]}\n                            />\n                        ) : null}\n                    </Grid>\n                </Toolbar>\n            )}\n        </ClassNames>\n    );\n}\n","import React, { useEffect } from 'react';\nimport { Accordion, AccordionSummary, AccordionDetails } from '@mui/material';\nimport { menuExpansionStyles as classes } from './styleObjects/MenuExpansion';\nimport { keyIsEscape } from '@helpers/keyPressEventHelper';\nimport { DropDownMenu } from './DropDownMenu';\nimport { GridContainer } from '../GeotabGridComponents';\nimport { NavbarDropDownContent } from '@models/navigationBar';\nimport { Text } from '@web-for-marketing/react-ui';\nimport { ClassNames } from '@emotion/react';\n\ninterface MenuExpansionProps {\n    name: string;\n    key?: string | number;\n    selectedItem: string;\n    setSelectedItem: (item: string) => void;\n    dropDownContent: NavbarDropDownContent;\n}\n\nexport function MenuExpansion({\n    name,\n    key,\n    dropDownContent,\n    selectedItem,\n    setSelectedItem,\n}: MenuExpansionProps): JSX.Element {\n    const expanded = name === selectedItem;\n    const handleEscapeButtonPress = (event: KeyboardEvent): void => {\n        keyIsEscape(event) && setSelectedItem('');\n    };\n\n    useEffect(() => {\n        document.addEventListener('keydown', handleEscapeButtonPress);\n        return () => {\n            document.removeEventListener('keydown', handleEscapeButtonPress);\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    function toggleExpanded(): void {\n        if (selectedItem !== name) {\n            setSelectedItem(name);\n        } else {\n            setSelectedItem('');\n        }\n    }\n\n    return (\n        <ClassNames>\n            {({ css }) => (\n                <Accordion\n                    expanded={expanded}\n                    classes={{\n                        root: `${css(classes.expansionPanel)} ${\n                            expanded ? css(classes.animateExpansionMenu) : ''\n                        } noJs-menu`,\n                    }}\n                    onChange={toggleExpanded}\n                    key={key}\n                >\n                    <AccordionSummary\n                        tabIndex={0}\n                        css={[classes.menuTitles, expanded && classes.showUnderline]}\n                        classes={{\n                            focusVisible: css(classes.expansionTitleFocus),\n                            content: css(classes.noSpacing),\n                        }}\n                    >\n                        <Text variant='body2' color='tertiary'>\n                            {name}\n                        </Text>\n                    </AccordionSummary>\n                    <AccordionDetails\n                        classes={{\n                            root: css(classes.menuContent),\n                        }}\n                    >\n                        <span css={classes.topShadow}></span>\n                        <GridContainer css={classes.gridBorder} component='nav'>\n                            <DropDownMenu\n                                columnData={{\n                                    hasDivider: dropDownContent.hasDivider,\n                                    ...dropDownContent.leftColumn,\n                                }}\n                                closeMenu={() => {\n                                    setSelectedItem('');\n                                }}\n                            />\n                            <DropDownMenu\n                                columnData={{\n                                    hasDivider: dropDownContent.hasDivider,\n                                    ...dropDownContent.rightColumn,\n                                }}\n                                closeMenu={() => {\n                                    setSelectedItem('');\n                                }}\n                            />\n                        </GridContainer>\n                    </AccordionDetails>\n                </Accordion>\n            )}\n        </ClassNames>\n    );\n}\n","import React, { useCallback, useMemo } from 'react';\nimport { navigationBarStyles as classes } from '../styleObjects/NavigationBar';\nimport { Toolbar, Grid } from '@mui/material';\nimport { MenuExpansion } from '../MenuExpansion';\nimport { VerticalSeparator } from '../../VerticalSeparator';\nimport { selectedLanguageAtom, remSizeAtom } from '@atoms/appSettings';\nimport { CMSLink } from '@components/CMSLink';\nimport { getLanguageUrlPrefixByCode } from '@helpers/languages';\nimport { GeotabWithR } from '@icon/GeotabWithR';\nimport { PopoutButton } from '@components/PopoutCustomSection/PopoutButton';\nimport { NavbarMainContentItem } from '@models/navigationBar';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { NewTabIcon } from '@icon/NewTabIcon';\nimport { useAtom } from 'jotai';\nimport { navbarAtom } from '@atoms/navigation';\nimport { PublicSearchDropdown } from '@components/PublicSearch/PublicSearchDropdown';\nimport { Text } from '@web-for-marketing/react-ui';\nimport { ClassNames } from '@emotion/react';\n\ninterface MainMenuProps {\n    userIsAuthenticated: boolean;\n    selectedItem: string;\n    setSelectedItem: (item: string) => void;\n}\n\nexport function MainMenu({ userIsAuthenticated, selectedItem, setSelectedItem }: MainMenuProps): JSX.Element {\n    const [remSize] = useAtom(remSizeAtom);\n    const [navbar] = useAtom(navbarAtom);\n    const [selectedLanguage] = useAtom(selectedLanguageAtom);\n    const { prefixStringWithBaseUrl } = useStaticValues();\n    const renderNavigation = useMemo(\n        () => navbar && navbar.version !== 2 && navbar.mainContent && navbar.mainContent.length,\n        [navbar]\n    );\n\n    const onGeotabLogoClick = useCallback((event: React.MouseEvent<HTMLAnchorElement>): void => {\n        setSelectedItem('');\n        event.currentTarget.blur();\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const renderMainMenuComponent = (component: NavbarMainContentItem): React.ReactNode => {\n        switch (component.type) {\n            case 'dropdown':\n                return (\n                    <Grid container css={{ marginTop: '0.8rem', width: 'auto' }}>\n                        <MenuExpansion\n                            setSelectedItem={setSelectedItem}\n                            selectedItem={selectedItem}\n                            name={component.content.title}\n                            dropDownContent={component.content}\n                        />\n                    </Grid>\n                );\n            case 'link':\n                return (\n                    <Grid container alignItems='flex-end' css={classes.linkButtonContainer}>\n                        <CMSLink\n                            href={component.content.href}\n                            underline='none'\n                            css={[classes.classFocus, classes.linkButton]}\n                            type='link'\n                            target={component.content.isTargetToNewTab ? '_blank' : '_self'}\n                        >\n                            <Text color='tertiary' variant='body2'>\n                                {component.content.title}{' '}\n                            </Text>{' '}\n                            {component.content.isTargetToNewTab ? <NewTabIcon aria-hidden='true' /> : null}\n                        </CMSLink>\n                    </Grid>\n                );\n            case 'button':\n                return (\n                    <CMSLink\n                        type='button'\n                        href={component.content.href}\n                        variant={component.content.variant}\n                        css={[classes.menuButton, classes.menuButtonLeft]}\n                    >\n                        {component.content.title}\n                    </CMSLink>\n                );\n            case 'popout-button':\n                return (\n                    <PopoutButton\n                        text={component.content.title}\n                        variant={component.content.variant}\n                        customSectionKey={component.content.customSection}\n                        params={component.content.params}\n                        displayMode={component.content.popoutDisplayMode}\n                        backgroundImagePath={component.content.popoutBackgroundImage}\n                        css={[classes.menuButton, classes.menuButtonLeft]}\n                    />\n                );\n            default:\n                break;\n        }\n    };\n\n    return (\n        <ClassNames>\n            {({ css }) => (\n                <Toolbar\n                    disableGutters\n                    classes={{\n                        root: css(classes.menuToolbar),\n                    }}\n                >\n                    <Grid container alignItems='flex-start' css={classes.GeotabContainer} wrap='nowrap'>\n                        <div css={classes.logo}>\n                            <CMSLink\n                                href={\n                                    !userIsAuthenticated\n                                        ? getLanguageUrlPrefixByCode(selectedLanguage)\n                                        : '/admin/dashboard/'\n                                }\n                                css={[classes.classFocus, classes.logoImageLink]}\n                                onClick={onGeotabLogoClick}\n                                aria-label='Go to Geotab Homepage'\n                                type='link'\n                                spaLink={userIsAuthenticated}\n                            >\n                                <GeotabWithR css={classes.logoImage} />\n                            </CMSLink>\n                        </div>\n                        {navbar?.secondaryLogo ? (\n                            <>\n                                <div css={classes.logoSeparator} />\n                                <div css={classes.logo}>\n                                    {navbar.secondaryLogoLink ? (\n                                        <CMSLink\n                                            href={navbar.secondaryLogoLink}\n                                            aria-label={navbar.secondaryLogoLabel || ''}\n                                            css={[classes.classFocus, classes.logoImageLink]}\n                                        >\n                                            <img\n                                                src={prefixStringWithBaseUrl(navbar.secondaryLogo)}\n                                                alt={navbar.secondaryLogoAlt || ''}\n                                                css={classes.logoImage}\n                                            />\n                                        </CMSLink>\n                                    ) : (\n                                        <img\n                                            src={prefixStringWithBaseUrl(navbar.secondaryLogo)}\n                                            alt={navbar.secondaryLogoAlt || ''}\n                                            css={classes.logoImage}\n                                        />\n                                    )}\n                                </div>\n                            </>\n                        ) : null}\n                    </Grid>\n                    {renderNavigation ? (\n                        <Grid\n                            container\n                            alignItems='center'\n                            direction='row'\n                            justifyContent='flex-end'\n                            css={classes.expansionPanels}\n                            style={remSize > 10 ? { flexWrap: 'wrap' } : undefined}\n                        >\n                            {navbar && navbar.version !== 2\n                                ? navbar.mainContent?.map((navigationItem: NavbarMainContentItem) => (\n                                    <React.Fragment key={navigationItem.content.title}>\n                                        {renderMainMenuComponent(navigationItem)}\n                                    </React.Fragment>\n                                ))\n                                : null}\n                            {navbar?.showSearch ? (\n                                <>\n                                    <VerticalSeparator css={classes.requestWidthSeparator} />\n                                    <PublicSearchDropdown />\n                                </>\n                            ) : null}\n                        </Grid>\n                    ) : null}\n                </Toolbar>\n            )}\n        </ClassNames>\n    );\n}\n","import React, { useState, useRef, useEffect } from 'react';\nimport { AppBar, Divider, ClickAwayListener } from '@mui/material';\nimport { navigationBarStyles as classes } from './styleObjects/NavigationBar';\nimport { TopMicroMenu } from './NavPanelComponents/TopMicroMenu';\nimport { MainMenu } from './NavPanelComponents/MainMenu';\nimport { useAtom, useSetAtom } from 'jotai';\nimport { isAuthenticatedAtom } from '@atoms/authentication';\nimport { navHeightAtom, remSizeAtom } from '@atoms/appSettings';\nimport { ProgressScrollBar } from '@components/SectionComponents/ProgressScrollBar';\n\nexport function NavbarV1(): JSX.Element {\n    const [remSize] = useAtom(remSizeAtom);\n    const setNavHeight = useSetAtom(navHeightAtom);\n    const [selectedMenuItem, setSelectedMenuItem] = useState('');\n    const menuNav = useRef<HTMLDivElement>(null);\n    const [isAuthenticated] = useAtom(isAuthenticatedAtom);\n\n    useEffect(() => {\n        if (menuNav.current) {\n            setNavHeight(menuNav.current.clientHeight);\n        }\n    }, [setNavHeight]);\n\n    return (\n        <div ref={menuNav} css={classes.stickyNavbar} style={remSize >= 14 ? { position: 'relative' } : undefined}>\n            <ClickAwayListener\n                onClickAway={() => {\n                    setSelectedMenuItem('');\n                }}\n            >\n                <AppBar css={classes.header} id='NavigationBar' aria-label='Main navigation'>\n                    <TopMicroMenu formPopoutOpen={false} userIsAuthenticated={isAuthenticated} />\n                    <MainMenu\n                        userIsAuthenticated={isAuthenticated}\n                        selectedItem={selectedMenuItem}\n                        setSelectedItem={setSelectedMenuItem}\n                    />\n                </AppBar>\n            </ClickAwayListener>\n            <Divider css={{ opacity: 0.6 }} />\n            <ProgressScrollBar />\n        </div>\n    );\n}\n","import React from 'react';\nimport { useAtom } from 'jotai';\nimport { navbarAtom } from '@atoms/navigation';\nimport { Navbar } from '@components/NavbarV2/Navbar';\nimport { NavbarV1 } from './NavbarV1';\n\nexport default function NavigationBarComponent(): JSX.Element {\n    const [navbar] = useAtom(navbarAtom);\n\n    return navbar?.version === 2 ? <Navbar navbar={navbar} /> : <NavbarV1 />;\n}\n","import { v2Colors, breakpoints, getRgbaColor, space } from '@web-for-marketing/react-ui';\n\nexport const navigationBarStyles = {\n    mobileNavigationBar: {\n        color: `${v2Colors.core.slate} !important`,\n        position: 'sticky',\n        backgroundColor: 'white !important',\n        boxShadow: '0px 2px 2px rgba(1, 23, 41, 0.03) !important',\n        zIndex: 300,\n        [`@media (max-width: ${breakpoints.md})`]: {\n            position: 'static',\n        },\n    },\n    stickyNavbar: {\n        position: 'sticky',\n        top: 0,\n        boxShadow: '0px 2px 2px rgba(1, 23, 41, 0.03) !important',\n        zIndex: 400,\n        backgroundColor: v2Colors.background.white,\n        [`@media (max-width: ${breakpoints.md})`]: {\n            position: 'static',\n        },\n    },\n    header: {\n        color: `${v2Colors.core.slate} !important`,\n        boxShadow: 'none',\n        position: 'relative',\n        backgroundColor: v2Colors.background.white,\n    },\n    hamburgerMenuIcon: {\n        height: '100%',\n        width: '4.4rem',\n        '& svg': {\n            verticalAlign: 'middle',\n        },\n        '@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)': {\n            height: '4.4rem !important',\n        },\n    },\n    hamburgerButton: {\n        padding: 0,\n        marginRight: '2rem',\n        border: `.2rem solid ${v2Colors.core.innovation}`,\n        borderRadius: '0.6rem',\n        '&:focus, &:hover': {\n            backgroundColor: `${v2Colors.core.innovation} !important`,\n            '& svg': {\n                color: 'white !important',\n            },\n        },\n    },\n    hidden: {\n        display: 'none !important',\n    },\n    verticalMargin: {\n        width: '1rem',\n        [`@media (max-width: ${breakpoints.lg})`]: {\n            width: '1rem',\n        },\n    },\n    menuToolbar: {\n        flexWrap: 'nowrap',\n        alignItems: 'stretch',\n        minHeight: '6rem !important',\n        padding: '0 3.6rem',\n        backgroundColor: 'white !important',\n        position: 'relative',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            height: '4.8rem !important',\n            paddingLeft: space.containerOuterPadding,\n            paddingRight: space.containerOuterPadding,\n        },\n    },\n    mobileMenuToolbar: {\n        zIndex: 400,\n        flexDirection: 'column',\n        flexWrap: 'nowrap',\n        alignItems: 'stretch',\n        minHeight: '0 !important',\n        position: 'relative',\n    },\n    logoSeparator: {\n        borderLeft: `1px solid ${v2Colors.border.disabled}`,\n        height: '2.4rem',\n        margin: '0 2rem',\n    },\n    logo: {\n        height: '100%',\n        width: '18rem',\n        '@media (max-width: 1159.9px)': {\n            width: '12rem',\n        },\n    },\n    logoImage: {\n        maxWidth: '100%',\n        height: '2.4rem',\n        objectFit: 'contain',\n    },\n    logoImageLink: {\n        width: 'fit-content',\n    },\n    mobileGeotabLogo: {\n        display: 'block',\n        height: '100%',\n        maxWidth: '20rem',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            width: '17rem !important',\n        },\n        '@media (max-width: 374.9px)': {\n            width: '100% !important',\n        },\n    },\n    mobileInnerContainer: {\n        padding: '0 3.6rem',\n        height: '8rem',\n        backgroundColor: `${v2Colors.background.white} !important`,\n        '& > div': {\n            display: 'flex',\n            alignItems: 'center',\n            flexWrap: 'nowrap',\n        },\n        [`@media (max-width: ${breakpoints.md})`]: {\n            paddingLeft: space.containerOuterPadding,\n            paddingRight: space.containerOuterPadding,\n        },\n    },\n    classFocus: {\n        height: '100%',\n        position: 'relative',\n        display: 'block',\n        '&:focus': {\n            outline: 'none',\n            backgroundColor: 'rgba(1, 23, 41, 0.05) !important',\n        },\n        '&:hover::after': {\n            height: 2,\n        },\n        '&:focus::after': {\n            height: 2,\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        [`@media (max-width: ${breakpoints.md})`]: {\n            display: 'flex',\n            '& svg': {\n                position: 'static',\n            },\n            '&:hover::after': {\n                height: 2,\n            },\n            '&:focus::after': {\n                height: 2,\n            },\n        },\n    },\n    menuButton: {\n        fontSize: '1.6rem !important',\n        lineHeight: 1,\n        padding: '1rem 1.5rem !important',\n        minHeight: 0,\n        marginRight: '0',\n        width: 'auto',\n        borderWidth: '2px !important',\n        borderStyle: 'solid',\n        display: 'flex',\n        alignItems: 'center',\n        flexDirection: 'column',\n        alignSelf: 'flex-start',\n        zIndex: 1,\n        whiteSpace: 'nowrap',\n        [`@media (max-width: ${breakpoints.lg})`]: {\n            padding: '0.75rem 1rem !important',\n            fontSize: '1.4rem !important',\n        },\n    },\n    linkButtonContainer: {\n        height: '100%',\n        margin: '0 0.3rem !important',\n        width: 'auto',\n        zIndex: 2,\n        position: 'relative',\n        boxSizing: 'border-box',\n    },\n    linkButton: {\n        padding: '.8rem 1.2rem 3rem',\n        display: 'flex',\n        '& > *': {\n            color: `${v2Colors.core.slate} !important`,\n            marginLeft: '0.5rem',\n        },\n    },\n    topMicroMenu: {\n        height: '4rem',\n        padding: '0 3.6rem',\n        flexWrap: 'nowrap',\n        alignItems: 'center',\n        minHeight: '0 !important',\n        backgroundColor: 'white !important',\n        position: 'relative',\n    },\n    microMenuButtons: {\n        color: v2Colors.core.slate,\n        height: '100%',\n        fontWeight: 400,\n        display: 'flex',\n        transform: 'none',\n        margin: '0 0.7rem',\n        minHeight: 'auto',\n        borderRadius: '0.6rem',\n        borderColor: 'transparent',\n        backgroundColor: 'transparent',\n        letterSpacing: 'normal',\n        fontSize: '1.4rem !important',\n        '&:hover': {\n            backgroundColor: 'rgba(223, 228, 232, 0.4) !important',\n        },\n    },\n    expansionPanels: {\n        height: '100%',\n        alignSelf: 'flex-end',\n        alignItems: 'flex-start',\n        paddingLeft: '2rem',\n        flexWrap: 'nowrap',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            display: 'none',\n        },\n    },\n    menuButtonLeft: {\n        marginLeft: '1rem',\n    },\n    menuButtonRight: {\n        marginRight: '2rem',\n    },\n    GeotabContainer: {\n        width: 'auto',\n        '@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)': {\n            height: '6rem !important',\n            '& *': {\n                height: '6rem !important',\n            },\n        },\n    },\n    requestWidthSeparator: {\n        margin: '0.8rem 0 2rem',\n        padding: '0 1rem',\n        width: '3rem',\n        zIndex: 0,\n        [`@media (max-width: ${breakpoints.lg})`]: {\n            width: '2rem',\n        },\n        '@media (max-width: 1159.9px)': {\n            width: '1.6rem',\n        },\n    },\n    popoutLogoAlignment: {\n        height: '100%',\n    },\n    closePopoutButton: {\n        color: v2Colors.core.slate,\n        padding: '1rem',\n        height: '1.6rem',\n        width: '1.6rem',\n        boxSizing: 'content-box',\n        alignSelf: 'center',\n        border: `0.1rem solid ${v2Colors.core.slate}`,\n        '& > *': {\n            strokeWidth: '0.1rem',\n        },\n    },\n    spaceBetweenToolbar: {\n        alignItems: 'stretch',\n        justifyContent: 'space-between',\n    },\n    menuTitles: {\n        padding: '0 1.2rem 3rem',\n        margin: '0 0.3rem !important',\n        alignItems: 'flex-end',\n        height: '100%',\n        boxSizing: 'border-box',\n        position: 'relative',\n        minHeight: '0 !important',\n    },\n    topMenuContainer: {\n        [`@media (max-width: ${breakpoints.md})`]: {\n            topMenuContainer: {\n                display: 'none',\n            },\n        },\n    },\n    microLeftContentBar: {\n        minHeight: '4rem',\n        backgroundColor: v2Colors.background.dark,\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        padding: '1.4rem 3.6rem',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            paddingLeft: space.containerOuterPadding,\n            paddingRight: space.containerOuterPadding,\n        },\n    },\n    microLeftContentLink: {\n        color: v2Colors.text.inversePrimary,\n        textDecoration: 'underline',\n        fontSize: '1.4rem',\n        padding: '0.4rem',\n        borderRadius: '3px',\n        transition: 'background-color ease 500ms',\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    },\n    leftMarginIcon: { marginLeft: '1rem' },\n    smallExternalIcon: {\n        marginLeft: '0.5rem',\n        width: '1.2rem',\n        height: '1.2rem',\n    },\n} as const;\n","import React from 'react';\nimport { breakpoints } from '@web-for-marketing/react-ui';\n\nconst separator = {\n    display: 'block',\n    width: '6rem',\n    height: '2rem',\n    position: 'relative',\n    userSelect: 'none',\n    '&::after': {\n        content: '\"\"',\n        position: 'absolute',\n        top: '0',\n        left: '0',\n        width: '100%',\n        height: '100%',\n        display: 'block',\n        transform: 'translateX(-50%)',\n        userSelect: 'none',\n        borderRight: '1px solid #CFD5DC',\n    },\n    [`@media (max-width: ${breakpoints.lg})`]: {\n        width: '3rem',\n    },\n} as const;\n\nexport function VerticalSeparator(props: { className?: string }): JSX.Element {\n    return <span css={separator} {...props}></span>;\n}\n"],"names":["TopMicroMenu","userIsAuthenticated","formPopoutOpen","selectedLanguage","useAtom","selectedLanguageAtom","navbar","navbarAtom","setIsRegionSelection","useSetAtom","isRegionSelectionDialogOpenAtom","renderComponent","component","type","_jsx","CMSLink","href","content","variant","css","classes","microMenuButtons","target","isTargetToNewTab","children","title","ClassNames","Toolbar","disableGutters","root","topMicroMenu","_jsxs","Grid","container","justifyContent","alignItems","direction","wrap","topMenuContainer","showLanguageRegion","onClick","startTransition","SelectedLanguage","languageCode","version","microContent","length","map","index","UserMenuDropdown","size","dropdownOptions","UserMenuOption","Dashboard","History","Logout","MenuExpansion","name","key","dropDownContent","selectedItem","setSelectedItem","expanded","handleEscapeButtonPress","event","keyIsEscape","toggleExpanded","useEffect","document","addEventListener","removeEventListener","Accordion","expansionPanel","animateExpansionMenu","onChange","AccordionSummary","tabIndex","menuTitles","showUnderline","focusVisible","expansionTitleFocus","noSpacing","Text","color","AccordionDetails","menuContent","topShadow","GridContainer","gridBorder","DropDownMenu","columnData","hasDivider","leftColumn","closeMenu","rightColumn","_ref","styles","MainMenu","remSize","remSizeAtom","prefixStringWithBaseUrl","useStaticValues","renderNavigation","useMemo","mainContent","onGeotabLogoClick","useCallback","currentTarget","blur","renderMainMenuComponent","linkButtonContainer","underline","classFocus","linkButton","NewTabIcon","menuButton","menuButtonLeft","PopoutButton","text","customSectionKey","customSection","params","displayMode","popoutDisplayMode","backgroundImagePath","popoutBackgroundImage","menuToolbar","GeotabContainer","logo","getLanguageUrlPrefixByCode","logoImageLink","spaLink","GeotabWithR","logoImage","secondaryLogo","_Fragment","logoSeparator","secondaryLogoLink","secondaryLogoLabel","src","alt","secondaryLogoAlt","expansionPanels","style","flexWrap","undefined","navigationItem","React","showSearch","VerticalSeparator","requestWidthSeparator","PublicSearchDropdown","NavbarV1","setNavHeight","navHeightAtom","selectedMenuItem","setSelectedMenuItem","useState","menuNav","useRef","isAuthenticated","isAuthenticatedAtom","current","clientHeight","ref","stickyNavbar","position","ClickAwayListener","onClickAway","AppBar","header","id","Divider","ProgressScrollBar","NavigationBarComponent","Navbar","navigationBarStyles","mobileNavigationBar","v2Colors","core","slate","backgroundColor","boxShadow","zIndex","breakpoints","md","top","background","white","hamburgerMenuIcon","height","width","verticalAlign","hamburgerButton","padding","marginRight","border","innovation","borderRadius","hidden","display","verticalMargin","lg","minHeight","paddingLeft","space","containerOuterPadding","paddingRight","mobileMenuToolbar","flexDirection","borderLeft","disabled","margin","maxWidth","objectFit","mobileGeotabLogo","mobileInnerContainer","outline","bottom","left","transition","transform","fontSize","lineHeight","borderWidth","borderStyle","alignSelf","whiteSpace","boxSizing","marginLeft","fontWeight","borderColor","letterSpacing","menuButtonRight","popoutLogoAlignment","closePopoutButton","strokeWidth","spaceBetweenToolbar","microLeftContentBar","dark","microLeftContentLink","inversePrimary","textDecoration","getRgbaColor","darkest","leftMarginIcon","smallExternalIcon","separator","userSelect","borderRight","props"],"sourceRoot":""}