@smg-automotive/components 27.4.0-components-fix-module-export.1 → 27.4.0-components-fix-module-export.3

package/dist/esm/components/navigation/header/drawer/DrawerLoginToggle.mjs

@@ -0,0 +1,190 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useI18n } from '../../../../utilities/i18nInit.mjs';
+import '../../../icons/AiSearchIcon.mjs';
+import '../../../icons/AdvancedSearchIcon.mjs';
+import '../../../icons/SparkIcon.mjs';
+import '../../../icons/ArrowCircleIcon.mjs';
+import '../../../icons/ArrowDiagonalIcon.mjs';
+import '../../../icons/ArrowDownIcon.mjs';
+import '../../../icons/ArrowLeftIcon.mjs';
+import '../../../icons/ArrowRightIcon.mjs';
+import '../../../icons/ArrowUpIcon.mjs';
+import '../../../icons/AutoScout24AppLogo.mjs';
+import { AvatarIcon } from '../../../icons/AvatarIcon.mjs';
+import '../../../icons/AvatarWithNotificationIcon.mjs';
+import '../../../icons/BatteryIcon.mjs';
+import '../../../icons/BookmarkIcon.mjs';
+import '../../../icons/CalculatorIcon.mjs';
+import '../../../icons/CalendarIcon.mjs';
+import '../../../icons/CallIcon.mjs';
+import '../../../icons/CamperIcon.mjs';
+import '../../../icons/CarConditionIcon.mjs';
+import '../../../icons/CarIcon.mjs';
+import '../../../icons/CopyIcon.mjs';
+import '../../../icons/ChartIcon.mjs';
+import '../../../icons/CheckmarkIcon.mjs';
+import '../../../icons/CheckmarkCircleIcon.mjs';
+import '../../../icons/CheckShieldIcon.mjs';
+import '../../../icons/ChevronDownLargeIcon.mjs';
+import '../../../icons/ChevronDownSmallIcon.mjs';
+import '../../../icons/ChevronLeftLargeIcon.mjs';
+import '../../../icons/ChevronLeftSmallIcon.mjs';
+import '../../../icons/ChevronRightLargeIcon.mjs';
+import '../../../icons/ChevronRightSmallIcon.mjs';
+import '../../../icons/ChevronRightTinyIcon.mjs';
+import '../../../icons/ChevronUpLargeIcon.mjs';
+import '../../../icons/ChevronUpSmallIcon.mjs';
+import '../../../icons/CloseIcon.mjs';
+import '../../../icons/CompareIcon.mjs';
+import '../../../icons/ConsumptionIcon.mjs';
+import '../../../icons/CreditIcon.mjs';
+import '../../../icons/CreditCardIcon.mjs';
+import '../../../icons/DaylightIcon.mjs';
+import '../../../icons/DeleteIcon.mjs';
+import '../../../icons/DocumentCheckIcon.mjs';
+import '../../../icons/DocumentIcon.mjs';
+import '../../../icons/DragIcon.mjs';
+import '../../../icons/DriveSystemIcon.mjs';
+import '../../../icons/DriveTypeIcon.mjs';
+import '../../../icons/EquipmentIcon.mjs';
+import '../../../icons/ErrorIcon.mjs';
+import '../../../icons/ExchangeIcon.mjs';
+import '../../../icons/EyeIcon.mjs';
+import '../../../icons/EyeCrossedIcon.mjs';
+import '../../../icons/FacebookIcon.mjs';
+import '../../../icons/FlagIcon.mjs';
+import '../../../icons/FlameIcon.mjs';
+import '../../../icons/FlashIcon.mjs';
+import '../../../icons/GasStationIcon.mjs';
+import '../../../icons/HeartIcon.mjs';
+import '../../../icons/HistoryClockIcon.mjs';
+import '../../../icons/HouseIcon.mjs';
+import '../../../icons/ImageIcon.mjs';
+import '../../../icons/InfoIcon.mjs';
+import '../../../icons/InstagramIcon.mjs';
+import '../../../icons/InteriorIcon.mjs';
+import '../../../icons/LinkedinIcon.mjs';
+import '../../../icons/LinkIcon.mjs';
+import '../../../icons/ListIcon.mjs';
+import '../../../icons/LocationPinIcon.mjs';
+import '../../../icons/MagnifierIcon.mjs';
+import '../../../icons/MessageIcon.mjs';
+import '../../../icons/MessageSparkleIcon.mjs';
+import '../../../icons/MissingImageIcon.mjs';
+import '../../../icons/MotorcycleIcon.mjs';
+import '../../../icons/MotoScout24AppLogo.mjs';
+import '../../../icons/PdfIcon.mjs';
+import '../../../icons/PhoneIcon.mjs';
+import '../../../icons/PenIcon.mjs';
+import '../../../icons/PlusIcon.mjs';
+import '../../../icons/ChfCurrencyIcon.mjs';
+import '../../../icons/PrintIcon.mjs';
+import '../../../icons/RangeIcon.mjs';
+import '../../../icons/RoadIcon.mjs';
+import '../../../icons/RotateIcon.mjs';
+import '../../../icons/SafeNumberIcon.mjs';
+import '../../../icons/ShareIcon.mjs';
+import '../../../icons/StarIcon.mjs';
+import '../../../icons/SteeringWheelIcon.mjs';
+import '../../../icons/ThreeSixtyIcon.mjs';
+import '../../../icons/TimeIcon.mjs';
+import '../../../icons/TooltipIcon.mjs';
+import '../../../icons/InformationIcon.mjs';
+import '../../../icons/TopListingIcon.mjs';
+import '../../../icons/TrailerIcon.mjs';
+import '../../../icons/TransmissionIcon.mjs';
+import '../../../icons/TransparentLockIcon.mjs';
+import '../../../icons/Trash.mjs';
+import '../../../icons/TruckIcon.mjs';
+import '../../../icons/TwitterIcon.mjs';
+import '../../../icons/UtilityVehicleIcon.mjs';
+import '../../../icons/VehiclePowerIcon.mjs';
+import '../../../icons/VehicleTypesMotorcycleIcon.mjs';
+import '../../../icons/VideoIcon.mjs';
+import '../../../icons/VideoCameraIcon.mjs';
+import '../../../icons/ViewCarIcon.mjs';
+import '../../../icons/DriveSystemLargeIcon.mjs';
+import '../../../icons/WarningIcon.mjs';
+import '../../../icons/WhatsAppIcon.mjs';
+import '../../../icons/YoutubeIcon.mjs';
+import '../../../icons/SortIcon.mjs';
+import '../../../icons/ViewMotorcycleIcon.mjs';
+import '../../../icons/GoogleIcon.mjs';
+import '../../../icons/SaveSearchIcon.mjs';
+import '../../../icons/AutoScout24Icon.mjs';
+import '../../../icons/MotoScout24Icon.mjs';
+import '../../../icons/MagnifierLargeIcon.mjs';
+import '../../../icons/RocketIcon.mjs';
+import '../../../icons/CartIcon.mjs';
+import '../../../icons/VanIcon.mjs';
+import '../../../icons/MiniVanIcon.mjs';
+import '../../../icons/SuvIcon.mjs';
+import '../../../icons/CoupeIcon.mjs';
+import '../../../icons/CabrioletIcon.mjs';
+import '../../../icons/SmallCarIcon.mjs';
+import '../../../icons/SedanIcon.mjs';
+import '../../../icons/WagonIcon.mjs';
+import '../../../icons/PickUpIcon.mjs';
+import '../../../icons/InformationBubbleIcon.mjs';
+import '../../../icons/OverflowVerticalIcon.mjs';
+import '../../../icons/PartialClockIcon.mjs';
+import '../../../icons/LockIcon.mjs';
+import '../../../icons/TiltedRectangleIcon.mjs';
+import '../../../icons/PlusCircleIcon.mjs';
+import '../../../icons/StarCircleIcon.mjs';
+import '../../../icons/InfinityCircleIcon.mjs';
+import '../../../icons/VehicleTypesMotorcycleStarIcon.mjs';
+import '../../../icons/CategoryAOneIcon.mjs';
+import '../../../icons/CategoryAIcon.mjs';
+import '../../../icons/CategoryAMinusIcon.mjs';
+import '../../../icons/BankNotesIcon.mjs';
+import '../../../icons/ChatBubbleIcon.mjs';
+import '../../../icons/DigitalContractIcon.mjs';
+import '../../../icons/OptimizerIcon.mjs';
+import '../../../icons/CheckmarkCircleColorIcon.mjs';
+import '../../../icons/ArrowDownCircleIcon.mjs';
+import '../../../icons/ArrowUpCircleIcon.mjs';
+import '../../../icons/NotAvailableIcon.mjs';
+import '../../../icons/LabelIcon.mjs';
+import '../../../icons/BulbIcon.mjs';
+import '../../../icons/NoPhotoIcon.mjs';
+import '../../../icons/ThumbsUpIcon.mjs';
+import '../../../icons/ThumbsDownIcon.mjs';
+import '../../../icons/MinusIcon.mjs';
+import '../../../icons/DoubleChevronUpIcon.mjs';
+import '../../../icons/DoubleChevronDownIcon.mjs';
+import '../../../icons/DoubleLineIcon.mjs';
+import '../../../icons/NotAvailableSquareIcon.mjs';
+import '../../../icons/WarrantyIcon.mjs';
+import '../../../icons/DownloadIcon.mjs';
+import '../../../icons/TriangleIcon.mjs';
+import '../../../icons/SwissFlagIcon.mjs';
+import '../../../icons/GlobeIcon.mjs';
+import '../../../icons/GarageIcon.mjs';
+import '../../../icons/HamburgerMenuIcon.mjs';
+import { LogoutIcon } from '../../../icons/LogoutIcon.mjs';
+import '../../../icons/AndroidIcon.mjs';
+import '../../../icons/AppleIcon.mjs';
+import '../../../icons/WindowsIcon.mjs';
+import '../../../icons/SpeakerIcon.mjs';
+import '../../../icons/SquareIcon.mjs';
+import '../../../icons/AddPhotoIcon.mjs';
+import '../../../icons/ScreenIcon.mjs';
+import '../../../icons/QualitySealIcon.mjs';
+import '../../../icons/ExpandIcon.mjs';
+import '../../../icons/CollapseIcon.mjs';
+import '../../../icons/ForwardIcon.mjs';
+import '../../../icons/BalanceIcon.mjs';
+import '../../../icons/ParagraphIcon.mjs';
+import '../../../icons/UploadIcon.mjs';
+import '../../../icons/ZoomInIcon.mjs';
+import '../../../icons/ZoomOutIcon.mjs';
+import { Button } from '../../../button/index.mjs';
+
+const DrawerLoginToggle = ({ user, onLogin, onLogout }) => {
+    const { t } = useI18n();
+    return (jsxs(Button, { as: "button", variant: "secondary", size: "md", marginTop: "md", marginX: "lg", onClick: user ? onLogout : onLogin, children: [user ? jsx(LogoutIcon, {}) : jsx(AvatarIcon, {}), user ? t('header.userMenu.logout') : t('header.login')] }));
+};
+
+export { DrawerLoginToggle };
+//# sourceMappingURL=DrawerLoginToggle.mjs.map

package/dist/esm/components/navigation/header/drawer/DrawerLoginToggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerLoginToggle.mjs","sources":["../../../../../../../src/components/navigation/header/drawer/DrawerLoginToggle.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,iBAAiB,GAAc,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;AAC1E,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE;AACvB,IAAA,QACEA,IAAA,CAAC,MAAM,EAAA,EACL,EAAE,EAAC,QAAQ,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,IAAI,EACd,OAAO,EAAC,IAAI,EACZ,OAAO,EAAE,IAAI,GAAG,QAAQ,GAAG,OAAO,EAAA,QAAA,EAAA,CAEjC,IAAI,GAAGC,GAAA,CAAC,UAAU,EAAA,EAAA,CAAG,GAAGA,GAAA,CAAC,UAAU,KAAG,EACtC,IAAI,GAAG,CAAC,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,cAAc,CAAC,CAAA,EAAA,CAChD;AAEb;;;;"}

package/dist/esm/components/navigation/header/drawer/DrawerMenu.mjs

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { NonCollapsibleSection, CollapsibleSection } from './DrawerSections.mjs';
+
+const DrawerMenu = ({ node }) => {
+    if (!node.translationKey && !node.title) {
+        return jsx(NonCollapsibleSection, { node: node });
+    }
+    return jsx(CollapsibleSection, { node: node });
+};
+
+export { DrawerMenu };
+//# sourceMappingURL=DrawerMenu.mjs.map

package/dist/esm/components/navigation/header/drawer/DrawerMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerMenu.mjs","sources":["../../../../../../../src/components/navigation/header/drawer/DrawerMenu.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;MAMa,UAAU,GAAqC,CAAC,EAAE,IAAI,EAAE,KAAI;IACvE,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACvC,QAAA,OAAOA,IAAC,qBAAqB,EAAA,EAAC,IAAI,EAAE,IAAI,GAAI;IAC9C;AAEA,IAAA,OAAOA,IAAC,kBAAkB,EAAA,EAAC,IAAI,EAAE,IAAI,GAAI;AAC3C;;;;"}

package/dist/esm/components/navigation/header/drawer/DrawerNavigationLink.mjs

@@ -0,0 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
+import { List } from '../../../list/index.mjs';
+import { Box } from '@chakra-ui/react';
+import { NavigationLink } from '../links/NavigationLink.mjs';
+
+const DrawerNavigationLink = ({ item }) => {
+    // Only apply hideFrom if the breakpoint is defined
+    // Items without showUnderMoreLinkBelow should always be visible
+    const hideProps = item.showUnderMoreLinkBelow
+        ? { hideFrom: item.showUnderMoreLinkBelow }
+        : {};
+    return (jsx(Box, { ...hideProps, children: jsx(List.Item, { paddingBottom: { base: 'lg', md: 'md' }, children: jsx(NavigationLink, { ...item, variant: "subNavigationLink", color: item.color }) }) }));
+};
+
+export { DrawerNavigationLink };
+//# sourceMappingURL=DrawerNavigationLink.mjs.map

package/dist/esm/components/navigation/header/drawer/DrawerNavigationLink.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerNavigationLink.mjs","sources":["../../../../../../../src/components/navigation/header/drawer/DrawerNavigationLink.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;MAOa,oBAAoB,GAE5B,CAAC,EAAE,IAAI,EAAE,KAAI;;;AAGhB,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC;AACrB,UAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,sBAAsB;UACvC,EAAE;AAEN,IAAA,QACEA,GAAA,CAAC,GAAG,OAAK,SAAS,EAAA,QAAA,EAChBA,IAAC,IAAI,CAAC,IAAI,EAAA,EAAC,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,YAChDA,GAAA,CAAC,cAAc,OACT,IAAI,EACR,OAAO,EAAC,mBAAmB,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,EAAA,CACQ,EAAA,CACR;AAEV;;;;"}

package/dist/esm/components/navigation/header/drawer/DrawerSections.mjs

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Box, GridItem } from '@chakra-ui/react';
+import { useI18n } from '../../../../utilities/i18nInit.mjs';
+import { MobileOnlyAccordionPanel } from '../../../mobileOnlyAccordion/MobileOnlyAccordionPanel.mjs';
+import { MobileOnlyAccordionItem } from '../../../mobileOnlyAccordion/MobileOnlyAccordionItem.mjs';
+import { MobileOnlyAccordionButton } from '../../../mobileOnlyAccordion/MobileOnlyAccordionButton.mjs';
+import { MobileOnlyAccordion } from '../../../mobileOnlyAccordion/index.mjs';
+import { List } from '../../../list/index.mjs';
+import { DrawerNavigationLink } from './DrawerNavigationLink.mjs';
+
+const NonCollapsibleSection = ({ node, }) => {
+    return (jsx(Box, { py: { base: '2xl', md: '0' }, px: "2xl", children: jsx(List.Root, { children: node.items.map((item, index) => {
+                return jsx(DrawerNavigationLink, { item: item }, index);
+            }) }) }));
+};
+const CollapsibleSection = ({ node, }) => {
+    const { t } = useI18n();
+    if (!node.translationKey && !node.title) {
+        return null;
+    }
+    return (jsx(GridItem, { children: jsx(MobileOnlyAccordion, { multiple: true, collapsible: true, children: jsxs(MobileOnlyAccordionItem, { value: "section", border: "none", children: [jsx(MobileOnlyAccordionButton, { children: jsx(Box, { flex: "1", textAlign: "left", fontSize: "base", children: node.translationKey ? t(node.translationKey) : node.title }) }), jsx(MobileOnlyAccordionPanel, { pb: "0", children: jsx(Box, { paddingTop: { base: 'lg', md: '0' }, children: jsx(List.Root, { children: node.items.map((item, index) => (jsx(DrawerNavigationLink, { item: item }, index))) }) }) })] }) }) }));
+};
+
+export { CollapsibleSection, NonCollapsibleSection };
+//# sourceMappingURL=DrawerSections.mjs.map

package/dist/esm/components/navigation/header/drawer/DrawerSections.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSections.mjs","sources":["../../../../../../../src/components/navigation/header/drawer/DrawerSections.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;MAca,qBAAqB,GAAqC,CAAC,EACtE,IAAI,GACL,KAAI;AACH,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,EAAC,KAAK,EAAA,QAAA,EACzCA,IAAC,IAAI,CAAC,IAAI,EAAA,EAAA,QAAA,EACP,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;gBAC9B,OAAOA,GAAA,CAAC,oBAAoB,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAO,KAAK,CAAI;AACzD,YAAA,CAAC,CAAC,EAAA,CACQ,EAAA,CACR;AAEV;MAEa,kBAAkB,GAAqC,CAAC,EACnE,IAAI,GACL,KAAI;AACH,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE;IAEvB,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACvC,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,QACEA,GAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EACPA,GAAA,CAAC,mBAAmB,EAAA,EAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAA,QAAA,EACpDC,IAAA,CAAC,uBAAuB,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAA,QAAA,EAAA,CACpDD,GAAA,CAAC,yBAAyB,EAAA,EAAA,QAAA,EACxBA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAA,QAAA,EAC3C,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,KAAK,EAAA,CACtD,EAAA,CACoB,EAC5BA,GAAA,CAAC,wBAAwB,EAAA,EAAC,EAAE,EAAC,GAAG,EAAA,QAAA,EAC9BA,GAAA,CAAC,GAAG,EAAA,EAAC,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAA,QAAA,EACtCA,GAAA,CAAC,IAAI,CAAC,IAAI,EAAA,EAAA,QAAA,EACP,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC1BA,GAAA,CAAC,oBAAoB,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAO,KAAK,CAAI,CACjD,CAAC,EAAA,CACQ,EAAA,CACR,EAAA,CACmB,CAAA,EAAA,CACH,EAAA,CACN,EAAA,CACb;AAEf;;;;"}

package/dist/esm/components/navigation/header/drawer/index.mjs

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Drawer, Portal } from '@chakra-ui/react';
+import { Grid } from '../../../grid/index.mjs';
+import { DrawerNode } from '../config/DrawerNodeItems.mjs';
+import { DrawerUserInfo } from './userInfo/index.mjs';
+import { DrawerMenu } from './DrawerMenu.mjs';
+import { DrawerLoginToggle } from './DrawerLoginToggle.mjs';
+
+const NavigationDrawer = ({ drawer, isOpen, onClose, menuHeight, user, onLogin, onLogout, selectTenant, showTenantSelection, }) => {
+    return (jsx(Drawer.Root, { open: isOpen, placement: "top", onOpenChange: ({ open }) => {
+            if (!open)
+                onClose();
+        }, children: jsxs(Portal, { children: [jsx(Drawer.Backdrop, { css: {
+                        top: menuHeight,
+                    } }), jsx(Drawer.Positioner, { css: {
+                        top: menuHeight,
+                        height: `calc(100dvh - ${menuHeight})`,
+                        alignItems: 'flex-start',
+                    }, children: jsx(Drawer.Content, { bg: "white", boxShadow: "xs", borderBottom: "1px", borderBottomColor: "gray.200", borderRadius: "0", maxH: `calc(100vh - ${menuHeight})`, maxW: "100vw", width: "100%", height: "auto", children: jsx(Drawer.Body, { "data-testid": "drawer-body", overflowY: "auto", maxWidth: "container.2xl", width: "full", margin: "auto", paddingY: "lg", paddingX: 0, children: jsxs(Grid, { height: "full", width: "full", templateColumns: {
+                                    '2xs': 'minmax(0, 1fr)',
+                                    md: 'repeat(5, 1fr)',
+                                }, gap: { md: '3xl' }, children: [[DrawerNode.User, DrawerNode.Combined].includes(drawer?.current) ? (jsx(DrawerUserInfo, { user: user, selectTenant: selectTenant, showTenantSelection: showTenantSelection })) : null, drawer?.nodes.map((node, index) => (jsx(DrawerMenu, { node: node }, `node-${index}`))), drawer?.current === DrawerNode.Combined ? (jsx(DrawerLoginToggle, { user: user, onLogin: onLogin, onLogout: onLogout })) : null] }) }) }) })] }) }));
+};
+
+export { NavigationDrawer };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/navigation/header/drawer/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../../src/components/navigation/header/drawer/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAwBO,MAAM,gBAAgB,GAA8B,CAAC,EAC1D,MAAM,EACN,MAAM,EACN,OAAO,EACP,UAAU,EACV,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,mBAAmB,GACpB,KAAI;IACH,QACEA,IAAC,MAAM,CAAC,IAAI,EAAA,EACV,IAAI,EAAE,MAAM,EACZ,SAAS,EAAC,KAAK,EACf,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,KAAI;AACzB,YAAA,IAAI,CAAC,IAAI;AAAE,gBAAA,OAAO,EAAE;QACtB,CAAC,EAAA,QAAA,EAEDC,IAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAA,CACLD,GAAA,CAAC,MAAM,CAAC,QAAQ,EAAA,EACd,GAAG,EAAE;AACH,wBAAA,GAAG,EAAE,UAAU;AAChB,qBAAA,EAAA,CACD,EACFA,GAAA,CAAC,MAAM,CAAC,UAAU,EAAA,EAChB,GAAG,EAAE;AACH,wBAAA,GAAG,EAAE,UAAU;wBACf,MAAM,EAAE,CAAA,cAAA,EAAiB,UAAU,CAAA,CAAA,CAAG;AACtC,wBAAA,UAAU,EAAE,YAAY;AACzB,qBAAA,EAAA,QAAA,EAEDA,IAAC,MAAM,CAAC,OAAO,EAAA,EACb,EAAE,EAAC,OAAO,EACV,SAAS,EAAC,IAAI,EACd,YAAY,EAAC,KAAK,EAClB,iBAAiB,EAAC,UAAU,EAC5B,YAAY,EAAC,GAAG,EAChB,IAAI,EAAE,CAAA,aAAA,EAAgB,UAAU,CAAA,CAAA,CAAG,EACnC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EAAA,QAAA,EAEbA,GAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EAAA,aAAA,EACE,aAAa,EACzB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,eAAe,EACxB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAE,CAAC,YAEXC,IAAA,CAAC,IAAI,IACH,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,eAAe,EAAE;AACf,oCAAA,KAAK,EAAE,gBAAgB;AACvB,oCAAA,EAAE,EAAE,gBAAgB;iCACrB,EACD,GAAG,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,CAEjB,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAC9C,MAAM,EAAE,OAAqB,CAC9B,IACCD,GAAA,CAAC,cAAc,EAAA,EACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,mBAAmB,EAAE,mBAAmB,GACxC,IACA,IAAI,EAEP,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC7BA,GAAA,CAAC,UAAU,EAAA,EAAuB,IAAI,EAAE,IAAI,EAAA,EAA3B,CAAA,KAAA,EAAQ,KAAK,EAAE,CAAgB,CACjD,CAAC,EAED,MAAM,EAAE,OAAO,KAAK,UAAU,CAAC,QAAQ,IACtCA,GAAA,CAAC,iBAAiB,EAAA,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACA,IAAI,CAAA,EAAA,CACH,EAAA,CACK,EAAA,CACC,EAAA,CACC,CAAA,EAAA,CACb,EAAA,CACG;AAElB;;;;"}

package/dist/esm/components/navigation/header/drawer/userInfo/SelectedTenantInfo.mjs

@@ -0,0 +1,193 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Stack } from '../../../../stack/index.mjs';
+import '../../../../icons/AiSearchIcon.mjs';
+import '../../../../icons/AdvancedSearchIcon.mjs';
+import '../../../../icons/SparkIcon.mjs';
+import '../../../../icons/ArrowCircleIcon.mjs';
+import '../../../../icons/ArrowDiagonalIcon.mjs';
+import '../../../../icons/ArrowDownIcon.mjs';
+import '../../../../icons/ArrowLeftIcon.mjs';
+import '../../../../icons/ArrowRightIcon.mjs';
+import '../../../../icons/ArrowUpIcon.mjs';
+import '../../../../icons/AutoScout24AppLogo.mjs';
+import '../../../../icons/AvatarIcon.mjs';
+import '../../../../icons/AvatarWithNotificationIcon.mjs';
+import '../../../../icons/BatteryIcon.mjs';
+import '../../../../icons/BookmarkIcon.mjs';
+import '../../../../icons/CalculatorIcon.mjs';
+import '../../../../icons/CalendarIcon.mjs';
+import '../../../../icons/CallIcon.mjs';
+import '../../../../icons/CamperIcon.mjs';
+import '../../../../icons/CarConditionIcon.mjs';
+import '../../../../icons/CarIcon.mjs';
+import '../../../../icons/CopyIcon.mjs';
+import '../../../../icons/ChartIcon.mjs';
+import '../../../../icons/CheckmarkIcon.mjs';
+import '../../../../icons/CheckmarkCircleIcon.mjs';
+import '../../../../icons/CheckShieldIcon.mjs';
+import '../../../../icons/ChevronDownLargeIcon.mjs';
+import '../../../../icons/ChevronDownSmallIcon.mjs';
+import '../../../../icons/ChevronLeftLargeIcon.mjs';
+import '../../../../icons/ChevronLeftSmallIcon.mjs';
+import '../../../../icons/ChevronRightLargeIcon.mjs';
+import '../../../../icons/ChevronRightSmallIcon.mjs';
+import '../../../../icons/ChevronRightTinyIcon.mjs';
+import '../../../../icons/ChevronUpLargeIcon.mjs';
+import '../../../../icons/ChevronUpSmallIcon.mjs';
+import '../../../../icons/CloseIcon.mjs';
+import '../../../../icons/CompareIcon.mjs';
+import '../../../../icons/ConsumptionIcon.mjs';
+import '../../../../icons/CreditIcon.mjs';
+import '../../../../icons/CreditCardIcon.mjs';
+import '../../../../icons/DaylightIcon.mjs';
+import '../../../../icons/DeleteIcon.mjs';
+import '../../../../icons/DocumentCheckIcon.mjs';
+import '../../../../icons/DocumentIcon.mjs';
+import '../../../../icons/DragIcon.mjs';
+import '../../../../icons/DriveSystemIcon.mjs';
+import '../../../../icons/DriveTypeIcon.mjs';
+import '../../../../icons/EquipmentIcon.mjs';
+import '../../../../icons/ErrorIcon.mjs';
+import '../../../../icons/ExchangeIcon.mjs';
+import '../../../../icons/EyeIcon.mjs';
+import '../../../../icons/EyeCrossedIcon.mjs';
+import '../../../../icons/FacebookIcon.mjs';
+import '../../../../icons/FlagIcon.mjs';
+import '../../../../icons/FlameIcon.mjs';
+import '../../../../icons/FlashIcon.mjs';
+import '../../../../icons/GasStationIcon.mjs';
+import '../../../../icons/HeartIcon.mjs';
+import '../../../../icons/HistoryClockIcon.mjs';
+import '../../../../icons/HouseIcon.mjs';
+import '../../../../icons/ImageIcon.mjs';
+import '../../../../icons/InfoIcon.mjs';
+import '../../../../icons/InstagramIcon.mjs';
+import '../../../../icons/InteriorIcon.mjs';
+import '../../../../icons/LinkedinIcon.mjs';
+import '../../../../icons/LinkIcon.mjs';
+import '../../../../icons/ListIcon.mjs';
+import '../../../../icons/LocationPinIcon.mjs';
+import '../../../../icons/MagnifierIcon.mjs';
+import '../../../../icons/MessageIcon.mjs';
+import '../../../../icons/MessageSparkleIcon.mjs';
+import '../../../../icons/MissingImageIcon.mjs';
+import '../../../../icons/MotorcycleIcon.mjs';
+import '../../../../icons/MotoScout24AppLogo.mjs';
+import '../../../../icons/PdfIcon.mjs';
+import '../../../../icons/PhoneIcon.mjs';
+import '../../../../icons/PenIcon.mjs';
+import '../../../../icons/PlusIcon.mjs';
+import '../../../../icons/ChfCurrencyIcon.mjs';
+import '../../../../icons/PrintIcon.mjs';
+import '../../../../icons/RangeIcon.mjs';
+import '../../../../icons/RoadIcon.mjs';
+import '../../../../icons/RotateIcon.mjs';
+import '../../../../icons/SafeNumberIcon.mjs';
+import '../../../../icons/ShareIcon.mjs';
+import '../../../../icons/StarIcon.mjs';
+import '../../../../icons/SteeringWheelIcon.mjs';
+import '../../../../icons/ThreeSixtyIcon.mjs';
+import '../../../../icons/TimeIcon.mjs';
+import '../../../../icons/TooltipIcon.mjs';
+import '../../../../icons/InformationIcon.mjs';
+import '../../../../icons/TopListingIcon.mjs';
+import '../../../../icons/TrailerIcon.mjs';
+import '../../../../icons/TransmissionIcon.mjs';
+import '../../../../icons/TransparentLockIcon.mjs';
+import '../../../../icons/Trash.mjs';
+import '../../../../icons/TruckIcon.mjs';
+import '../../../../icons/TwitterIcon.mjs';
+import '../../../../icons/UtilityVehicleIcon.mjs';
+import '../../../../icons/VehiclePowerIcon.mjs';
+import '../../../../icons/VehicleTypesMotorcycleIcon.mjs';
+import '../../../../icons/VideoIcon.mjs';
+import '../../../../icons/VideoCameraIcon.mjs';
+import '../../../../icons/ViewCarIcon.mjs';
+import '../../../../icons/DriveSystemLargeIcon.mjs';
+import '../../../../icons/WarningIcon.mjs';
+import '../../../../icons/WhatsAppIcon.mjs';
+import '../../../../icons/YoutubeIcon.mjs';
+import '../../../../icons/SortIcon.mjs';
+import '../../../../icons/ViewMotorcycleIcon.mjs';
+import '../../../../icons/GoogleIcon.mjs';
+import '../../../../icons/SaveSearchIcon.mjs';
+import '../../../../icons/AutoScout24Icon.mjs';
+import '../../../../icons/MotoScout24Icon.mjs';
+import '../../../../icons/MagnifierLargeIcon.mjs';
+import '../../../../icons/RocketIcon.mjs';
+import '../../../../icons/CartIcon.mjs';
+import '../../../../icons/VanIcon.mjs';
+import '../../../../icons/MiniVanIcon.mjs';
+import '../../../../icons/SuvIcon.mjs';
+import '../../../../icons/CoupeIcon.mjs';
+import '../../../../icons/CabrioletIcon.mjs';
+import '../../../../icons/SmallCarIcon.mjs';
+import '../../../../icons/SedanIcon.mjs';
+import '../../../../icons/WagonIcon.mjs';
+import '../../../../icons/PickUpIcon.mjs';
+import '../../../../icons/InformationBubbleIcon.mjs';
+import '../../../../icons/OverflowVerticalIcon.mjs';
+import '../../../../icons/PartialClockIcon.mjs';
+import '../../../../icons/LockIcon.mjs';
+import '../../../../icons/TiltedRectangleIcon.mjs';
+import '../../../../icons/PlusCircleIcon.mjs';
+import '../../../../icons/StarCircleIcon.mjs';
+import '../../../../icons/InfinityCircleIcon.mjs';
+import '../../../../icons/VehicleTypesMotorcycleStarIcon.mjs';
+import '../../../../icons/CategoryAOneIcon.mjs';
+import '../../../../icons/CategoryAIcon.mjs';
+import '../../../../icons/CategoryAMinusIcon.mjs';
+import '../../../../icons/BankNotesIcon.mjs';
+import '../../../../icons/ChatBubbleIcon.mjs';
+import '../../../../icons/DigitalContractIcon.mjs';
+import '../../../../icons/OptimizerIcon.mjs';
+import '../../../../icons/CheckmarkCircleColorIcon.mjs';
+import '../../../../icons/ArrowDownCircleIcon.mjs';
+import '../../../../icons/ArrowUpCircleIcon.mjs';
+import '../../../../icons/NotAvailableIcon.mjs';
+import '../../../../icons/LabelIcon.mjs';
+import '../../../../icons/BulbIcon.mjs';
+import '../../../../icons/NoPhotoIcon.mjs';
+import '../../../../icons/ThumbsUpIcon.mjs';
+import '../../../../icons/ThumbsDownIcon.mjs';
+import '../../../../icons/MinusIcon.mjs';
+import '../../../../icons/DoubleChevronUpIcon.mjs';
+import '../../../../icons/DoubleChevronDownIcon.mjs';
+import '../../../../icons/DoubleLineIcon.mjs';
+import '../../../../icons/NotAvailableSquareIcon.mjs';
+import '../../../../icons/WarrantyIcon.mjs';
+import '../../../../icons/DownloadIcon.mjs';
+import '../../../../icons/TriangleIcon.mjs';
+import '../../../../icons/SwissFlagIcon.mjs';
+import '../../../../icons/GlobeIcon.mjs';
+import { GarageIcon } from '../../../../icons/GarageIcon.mjs';
+import '../../../../icons/HamburgerMenuIcon.mjs';
+import '../../../../icons/LogoutIcon.mjs';
+import '../../../../icons/AndroidIcon.mjs';
+import '../../../../icons/AppleIcon.mjs';
+import '../../../../icons/WindowsIcon.mjs';
+import '../../../../icons/SpeakerIcon.mjs';
+import '../../../../icons/SquareIcon.mjs';
+import '../../../../icons/AddPhotoIcon.mjs';
+import '../../../../icons/ScreenIcon.mjs';
+import '../../../../icons/QualitySealIcon.mjs';
+import '../../../../icons/ExpandIcon.mjs';
+import '../../../../icons/CollapseIcon.mjs';
+import '../../../../icons/ForwardIcon.mjs';
+import '../../../../icons/BalanceIcon.mjs';
+import '../../../../icons/ParagraphIcon.mjs';
+import '../../../../icons/UploadIcon.mjs';
+import '../../../../icons/ZoomInIcon.mjs';
+import '../../../../icons/ZoomOutIcon.mjs';
+import { Box } from '@chakra-ui/react';
+
+const SelectedTenantInfo = ({ selectedTenant }) => (jsxs(Stack, { direction: "row", children: [jsx(GarageIcon, {}), jsxs(Stack, { direction: {
+                base: 'column',
+                sm: 'row',
+            }, gap: {
+                base: '0',
+                sm: 'sm',
+            }, children: [jsx(Box, { as: "span", textStyle: "body", fontWeight: "bold", children: selectedTenant.billingName || selectedTenant.id }), jsxs(Box, { as: "span", textStyle: "body", children: [selectedTenant.billingZipCode, " ", selectedTenant.billingCity] })] })] }));
+
+export { SelectedTenantInfo };
+//# sourceMappingURL=SelectedTenantInfo.mjs.map

package/dist/esm/components/navigation/header/drawer/userInfo/SelectedTenantInfo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedTenantInfo.mjs","sources":["../../../../../../../../src/components/navigation/header/drawer/userInfo/SelectedTenantInfo.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,kBAAkB,GAAc,CAAC,EAAE,cAAc,EAAE,MAC9DA,IAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAA,QAAA,EAAA,CACpBC,GAAA,CAAC,UAAU,EAAA,EAAA,CAAG,EACdD,IAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAE;AACT,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,EAAE,EAAE,KAAK;AACV,aAAA,EACD,GAAG,EAAE;AACH,gBAAA,IAAI,EAAE,GAAG;AACT,gBAAA,EAAE,EAAE,IAAI;aACT,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAA,QAAA,EAC9C,cAAc,CAAC,WAAW,IAAI,cAAc,CAAC,EAAE,EAAA,CAC5C,EACND,IAAA,CAAC,GAAG,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CAC5B,cAAc,CAAC,cAAc,OAAG,cAAc,CAAC,WAAW,CAAA,EAAA,CACvD,CAAA,EAAA,CACA,CAAA,EAAA,CACF;;;;"}

package/dist/esm/components/navigation/header/drawer/userInfo/TenantSelectionMenu.mjs

@@ -0,0 +1,17 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { NavigationTenantMenuContent } from '../../navigationTenantMenu/Content.mjs';
+import { MobileOnlyAccordionPanel } from '../../../../mobileOnlyAccordion/MobileOnlyAccordionPanel.mjs';
+import { MobileOnlyAccordionItem } from '../../../../mobileOnlyAccordion/MobileOnlyAccordionItem.mjs';
+import { MobileOnlyAccordionButton } from '../../../../mobileOnlyAccordion/MobileOnlyAccordionButton.mjs';
+import { MobileOnlyAccordion } from '../../../../mobileOnlyAccordion/index.mjs';
+import { Box } from '@chakra-ui/react';
+import { SelectedTenantInfo } from './SelectedTenantInfo.mjs';
+
+const TenantSelectionMenu = ({ user, selectedTenant, selectTenant, }) => {
+    const [expandedItems, setExpandedItems] = useState([]);
+    return (jsx(MobileOnlyAccordion, { multiple: true, collapsible: true, value: expandedItems, onValueChange: (details) => setExpandedItems(details.value), children: jsxs(MobileOnlyAccordionItem, { value: "tenant-selection", style: { borderTop: 'none', borderBottom: '1px solid #CFCFCF' }, children: [jsx(MobileOnlyAccordionButton, { "data-testid": "tenant-selection-accordion-toggle", children: jsx(SelectedTenantInfo, { selectedTenant: selectedTenant }) }), jsx(Box, { as: MobileOnlyAccordionPanel, position: "relative", "data-testid": "tenant-selection-accordion-panel", children: jsx(NavigationTenantMenuContent, { user: user, onClose: () => setExpandedItems([]), selectedTenantId: selectedTenant.id, selectTenant: selectTenant }) })] }) }));
+};
+
+export { TenantSelectionMenu };
+//# sourceMappingURL=TenantSelectionMenu.mjs.map

package/dist/esm/components/navigation/header/drawer/userInfo/TenantSelectionMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantSelectionMenu.mjs","sources":["../../../../../../../../src/components/navigation/header/drawer/userInfo/TenantSelectionMenu.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AAoBO,MAAM,mBAAmB,GAAc,CAAC,EAC7C,IAAI,EACJ,cAAc,EACd,YAAY,GACb,KAAI;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC;IAEhE,QACEA,IAAC,mBAAmB,EAAA,EAClB,QAAQ,EAAE,IAAI,EACd,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA,QAAA,EAE3DC,IAAA,CAAC,uBAAuB,IACtB,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE,EAAA,QAAA,EAAA,CAE/DD,GAAA,CAAC,yBAAyB,EAAA,EAAA,aAAA,EAAa,mCAAmC,YACxEA,GAAA,CAAC,kBAAkB,EAAA,EAAC,cAAc,EAAE,cAAc,GAAI,EAAA,CAC5B,EAC5BA,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE,wBAAwB,EAC5B,QAAQ,EAAC,UAAU,EAAA,aAAA,EACP,kCAAkC,EAAA,QAAA,EAE9CA,GAAA,CAAC,2BAA2B,EAAA,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,gBAAgB,CAAC,EAAE,CAAC,EACnC,gBAAgB,EAAE,cAAc,CAAC,EAAE,EACnC,YAAY,EAAE,YAAY,GAC1B,EAAA,CACE,CAAA,EAAA,CACkB,EAAA,CACN;AAE1B;;;;"}

package/dist/esm/components/navigation/header/drawer/userInfo/index.mjs

@@ -0,0 +1,32 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Auth0UserType } from '@smg-automotive/auth';
+import { GridItem, Box, Separator } from '@chakra-ui/react';
+import { Stack } from '../../../../stack/index.mjs';
+import { Avatar } from '../../../../avatar/index.mjs';
+import { TenantSelectionMenu } from './TenantSelectionMenu.mjs';
+import { SelectedTenantInfo } from './SelectedTenantInfo.mjs';
+
+const DrawerUserInfo = ({ user, selectTenant, showTenantSelection, }) => {
+    if (!user)
+        return null;
+    const selectedTenant = user.managedSellers?.find((seller) => seller.id === Number(user.sellerId));
+    return (jsxs(GridItem, { colSpan: { base: 1, md: 5 }, children: [jsxs(Stack, { paddingX: "lg", marginBottom: "lg", direction: {
+                    base: 'column',
+                    md: 'row',
+                }, gap: { base: 'sm', md: '2xl' }, children: [jsxs(Stack, { direction: "row", children: [jsx(Avatar, {}), jsxs(Stack, { direction: {
+                                    base: 'column',
+                                    md: 'row',
+                                }, gap: {
+                                    base: '0',
+                                    md: 'sm',
+                                }, children: [jsx(Box, { as: "span", fontWeight: "bold", css: {
+                                            maxWidth: 'calc(100vw - 2 * var(--chakra-space-lg) - var(--chakra-space-sm) - var(--chakra-sizes-sm))',
+                                        }, children: user.email }), user.userType === Auth0UserType.Professional ? (jsxs(Box, { as: "span", children: ["(", user.sellerId, ")"] })) : null] })] }), selectedTenant && showTenantSelection ? (jsxs(Fragment, { children: [jsx(Box, { hideBelow: "md", children: jsx(SelectedTenantInfo, { selectedTenant: selectedTenant }) }), jsx(Box, { hideFrom: "sm", marginX: "-lg", marginBottom: "-lg", children: jsx(TenantSelectionMenu, { user: user, selectedTenant: selectedTenant, selectTenant: selectTenant }) })] })) : null] }), jsx(Separator, { css: {
+                    borderBottomWidth: selectedTenant
+                        ? { base: 0, md: '1px' }
+                        : { base: '1px', md: '1px' },
+                } })] }));
+};
+
+export { DrawerUserInfo };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/navigation/header/drawer/userInfo/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../../../src/components/navigation/header/drawer/userInfo/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;AAiBO,MAAM,cAAc,GAAc,CAAC,EACxC,IAAI,EACJ,YAAY,EACZ,mBAAmB,GACpB,KAAI;AACH,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;IAEtB,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,CAC9C,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,KAAK,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAChD;AAED,IAAA,QACEA,IAAA,CAAC,QAAQ,EAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CACnCA,IAAA,CAAC,KAAK,EAAA,EACJ,QAAQ,EAAC,IAAI,EACb,YAAY,EAAC,IAAI,EACjB,SAAS,EAAE;AACT,oBAAA,IAAI,EAAE,QAAQ;AACd,oBAAA,EAAE,EAAE,KAAK;iBACV,EACD,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,CAE9BA,IAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAA,QAAA,EAAA,CACpBC,GAAA,CAAC,MAAM,EAAA,EAAA,CAAG,EACVD,IAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAE;AACT,oCAAA,IAAI,EAAE,QAAQ;AACd,oCAAA,EAAE,EAAE,KAAK;AACV,iCAAA,EACD,GAAG,EAAE;AACH,oCAAA,IAAI,EAAE,GAAG;AACT,oCAAA,EAAE,EAAE,IAAI;AACT,iCAAA,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAC,MAAM,EACT,UAAU,EAAC,MAAM,EACjB,GAAG,EAAE;AACH,4CAAA,QAAQ,EACN,4FAA4F;yCAC/F,EAAA,QAAA,EAEA,IAAI,CAAC,KAAK,EAAA,CACP,EACL,IAAI,CAAC,QAAQ,KAAK,aAAa,CAAC,YAAY,IAC3CD,IAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAC,MAAM,EAAA,QAAA,EAAA,CAAA,GAAA,EAAG,IAAI,CAAC,QAAQ,EAAA,GAAA,CAAA,EAAA,CAAQ,IACpC,IAAI,CAAA,EAAA,CACF,CAAA,EAAA,CACF,EACP,cAAc,IAAI,mBAAmB,IACpCA,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,IAAI,EAAA,QAAA,EACjBA,GAAA,CAAC,kBAAkB,EAAA,EAAC,cAAc,EAAE,cAAc,EAAA,CAAI,GAClD,EACNA,GAAA,CAAC,GAAG,EAAA,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAA,QAAA,EACjDA,GAAA,CAAC,mBAAmB,EAAA,EAClB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAAA,CAC1B,EAAA,CACE,IACL,IACD,IAAI,CAAA,EAAA,CACF,EACRA,GAAA,CAAC,SAAS,EAAA,EACR,GAAG,EAAE;AACH,oBAAA,iBAAiB,EAAE;0BACf,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK;0BACpB,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;iBAC/B,EAAA,CACD,CAAA,EAAA,CACO;AAEf;;;;"}

package/dist/esm/components/navigation/header/hooks/useNavigationDrawer.mjs

@@ -0,0 +1,45 @@
+import { useState } from 'react';
+import { useDisclosure } from '@chakra-ui/react';
+
+const drawerHandlerFactory = ({ nodeName, drawerNodeItems, isOpen, onOpen, onClose, drawer, setDrawer, }) => {
+    return () => {
+        if (!isOpen) {
+            setDrawer({
+                nodes: drawerNodeItems[nodeName],
+                current: nodeName,
+            });
+            onOpen();
+            return;
+        }
+        if (drawer?.current !== nodeName) {
+            onClose();
+            // Note: can be wrapped in a set timeout for slideup and down variations
+            setDrawer({
+                nodes: drawerNodeItems[nodeName],
+                current: nodeName,
+            });
+            onOpen();
+            return;
+        }
+        onClose();
+    };
+};
+const useNavigationDrawer = ({ drawerNodeItems, }) => {
+    const [drawer, setDrawer] = useState(null);
+    const { open: isOpen, onOpen, onClose } = useDisclosure();
+    const createDrawerHandler = ({ nodeName }) => {
+        return drawerHandlerFactory({
+            nodeName,
+            drawerNodeItems,
+            isOpen,
+            onOpen,
+            onClose,
+            drawer,
+            setDrawer,
+        });
+    };
+    return { drawer, createDrawerHandler, isOpen, onOpen, onClose };
+};
+
+export { drawerHandlerFactory, useNavigationDrawer };
+//# sourceMappingURL=useNavigationDrawer.mjs.map

package/dist/esm/components/navigation/header/hooks/useNavigationDrawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationDrawer.mjs","sources":["../../../../../../../src/components/navigation/header/hooks/useNavigationDrawer.ts"],"sourcesContent":[null],"names":[],"mappings":";;;MASa,oBAAoB,GAAG,CAAC,EACnC,QAAQ,EACR,eAAe,EACf,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,SAAS,GASV,KAAI;AACH,IAAA,OAAO,MAAK;QACV,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,SAAS,CAAC;AACR,gBAAA,KAAK,EAAE,eAAe,CAAC,QAAQ,CAAC;AAChC,gBAAA,OAAO,EAAE,QAAQ;AAClB,aAAA,CAAC;AACF,YAAA,MAAM,EAAE;YACR;QACF;AAEA,QAAA,IAAI,MAAM,EAAE,OAAO,KAAK,QAAQ,EAAE;AAChC,YAAA,OAAO,EAAE;;AAET,YAAA,SAAS,CAAC;AACR,gBAAA,KAAK,EAAE,eAAe,CAAC,QAAQ,CAAC;AAChC,gBAAA,OAAO,EAAE,QAAQ;AAClB,aAAA,CAAC;AACF,YAAA,MAAM,EAAE;YACR;QACF;AAEA,QAAA,OAAO,EAAE;AACX,IAAA,CAAC;AACH;MAOa,mBAAmB,GAAG,CAAC,EAClC,eAAe,GAGhB,KAAI;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,IAAI,CAAC;AAClD,IAAA,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE;AACzD,IAAA,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAA4B,KAAI;AACrE,QAAA,OAAO,oBAAoB,CAAC;YAC1B,QAAQ;YACR,eAAe;YACf,MAAM;YACN,MAAM;YACN,OAAO;YACP,MAAM;YACN,SAAS;AACV,SAAA,CAAC;AACJ,IAAA,CAAC;IAED,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE;AACjE;;;;"}