@telia/teddy 0.0.27 → 0.0.28

package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs

@@ -0,0 +1,369 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const components_navigationMenu_globalNavigation_utils = require("./utils.cjs");
+const components_navigationMenu_navigationMenu = require("../navigation-menu.cjs");
+const components_box_box = require("../../box/box.cjs");
+const components_drawer_index = require("../../drawer/index.cjs");
+require("../../../assets/sprite.269ba410-teddy.svg");
+const components_icon_icon = require("../../icon/icon.cjs");
+const components_button_button = require("../../button/button.cjs");
+const components_grid_grid = require("../../grid/grid.cjs");
+const components_heading_heading = require("../../heading/heading.cjs");
+const components_textSpacing_textSpacing = require("../../text-spacing/text-spacing.cjs");
+const components_tabs_index = require("../../tabs/index.cjs");
+const components_navigationMenu_globalNavigation_globalNavigationSearchField = require("./global-navigation-search-field.cjs");
+const components_flex_flex = require("../../flex/flex.cjs");
+const components_accordion_index = require("../../accordion/index.cjs");
+const components_visuallyHidden_visuallyHidden = require("../../visually-hidden/visually-hidden.cjs");
+const components_link_link = require("../../link/link.cjs");
+const components_list_index = require("../../list/index.cjs");
+const styles = {
+  "teddy-global-navigation": "_teddy-global-navigation_1b1i5_1",
+  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1b1i5_5",
+  "teddy-global-navigation__link": "_teddy-global-navigation__link_1b1i5_19"
+};
+function MyPages(props) {
+  var _a, _b;
+  const rootContext = React.useContext(RootContext);
+  const isLoggedIn = (((_a = rootContext == null ? void 0 : rootContext.loggedInUser) == null ? void 0 : _a.name.length) || 0) > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Link, { asChild: true, variant: "button", children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Trigger, { children: ((_b = rootContext == null ? void 0 : rootContext.loggedInUser) == null ? void 0 : _b.name.length) ? /* @__PURE__ */ jsxRuntime.jsxs("button", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "end-user", size: "sm" }),
+      rootContext.loggedInUser.name
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("button", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "login", size: "sm" }),
+      "Logg inn"
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer.Content, { asChild: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "floating", "aria-label": "Lukk" }),
+      isLoggedIn ? /* @__PURE__ */ jsxRuntime.jsx(LoggedInContent, {}) : /* @__PURE__ */ jsxRuntime.jsx(LoggedOutContent, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { children: "Lukk" }) }) })
+    ] })
+  ] });
+}
+function LoggedOutContent() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(components_grid_grid.Grid, { gap: "400", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Logg inn" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(components_textSpacing_textSpacing.TextSpacing, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", children: "Privat" }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "secondary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: components_navigationMenu_globalNavigation_utils.MY_PAGE_LINKS.link, children: [
+        components_navigationMenu_globalNavigation_utils.MY_PAGE_LINKS.name,
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(components_textSpacing_textSpacing.TextSpacing, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", children: "Bedrift" }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_grid_grid.Grid, { gap: "150", children: components_navigationMenu_globalNavigation_utils.LOGGED_IN_LINKS_BUSINESS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "secondary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: link.link, children: [
+        link.name,
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
+      ] }) })) })
+    ] })
+  ] });
+}
+function LoggedInContent() {
+  const rootContext = React.useContext(RootContext);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { mb: "200", children: "Dine sider" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs, { defaultValue: "private", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.List, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Trigger, { value: "private", children: "Privat" }),
+        /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Trigger, { value: "business", children: "Bedrift" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(components_textSpacing_textSpacing.TextSpacing, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.Content, { value: "private", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Privat" }),
+          components_navigationMenu_globalNavigation_utils.MY_PAGE_LINKS.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: link.icon, children: link.name }) }) }, link.link))
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.Content, { value: "business", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Bedrift" }),
+          components_navigationMenu_globalNavigation_utils.LOGGED_IN_LINKS_BUSINESS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: link.icon, children: link.name }) }) }, link.link))
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { mt: "200", onClick: () => rootContext == null ? void 0 : rootContext.onLogoutClick, variant: "secondary", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "logout", children: "Logg ut" }) })
+      ] })
+    ] })
+  ] });
+}
+MyPages.displayName = "MyPages";
+function Search(props) {
+  const searchFieldRef = React.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Link, { asChild: true, variant: "button", children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxs("button", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "search", size: "sm" }),
+      " Søk"
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      components_drawer_index.Drawer.Content,
+      {
+        onOpenAutoFocus: (e) => {
+          var _a;
+          e.preventDefault();
+          (_a = searchFieldRef.current) == null ? void 0 : _a.focus();
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "floating", "aria-label": "Lukk" }),
+          /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Hva leter du etter?" }),
+          /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_globalNavigation_globalNavigationSearchField.SearchField, { ref: searchFieldRef }),
+          /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { children: "Lukk" }) }) })
+        ]
+      }
+    )
+  ] });
+}
+Search.displayName = "Search";
+const ShoppingCart = React.forwardRef(() => {
+  const rootContext = React.useContext(RootContext);
+  const shoppingCartContent = rootContext == null ? void 0 : rootContext.shoppingCart;
+  return /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Link, { asChild: true, variant: "button", children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxs("button", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "cart", size: "sm" }),
+      " Handlekurv"
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "floating", "aria-label": "Lukk" }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Handlekurv" }),
+      shoppingCartContent ? shoppingCartContent : null,
+      /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { children: "Lukk" }) }) })
+    ] })
+  ] });
+});
+ShoppingCart.displayName = "ShoppingCart";
+const Desktop = React.forwardRef(() => {
+  const rootContext = React.useContext(RootContext);
+  if (!rootContext)
+    return null;
+  const { setSelectedMenuItem, linkComponent: Link } = rootContext;
+  const currentLocation = rootContext.pathname;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.TopMenuList, { children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.TopMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.TopMenuTrigger, { value: link.name, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link, { children: link.name }) }) }, link.name)) }),
+    components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsxs(components_navigationMenu_navigationMenu.NavigationMenu.List, { value: link.name, children: [
+      link.links.map((subLink) => /* @__PURE__ */ jsxRuntime.jsxs(components_navigationMenu_navigationMenu.NavigationMenu.Item, { value: subLink.name, children: [
+        subLink.name === "Logo" ? /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Link, { asChild: true, variant: "button", children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link, { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
+            draggable: "false",
+            alt: "Telia logo"
+          }
+        ) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
+            draggable: "false",
+            alt: "Telia logo"
+          }
+        ) }) }) : /* @__PURE__ */ jsxRuntime.jsx(
+          components_navigationMenu_navigationMenu.NavigationMenu.Trigger,
+          {
+            asChild: true,
+            active: currentLocation === subLink.link,
+            onClick: () => {
+              rootContext.setPathname(subLink.link);
+            },
+            children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, children: subLink.name })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Content, { children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: subLink.links.map((subSubLink) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+          components_navigationMenu_navigationMenu.NavigationMenu.Link,
+          {
+            asChild: true,
+            active: currentLocation === subSubLink.link,
+            onClick: () => {
+              rootContext.setPathname(subSubLink.link);
+            },
+            variant: "small",
+            children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link, { href: subSubLink.link, children: subSubLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subSubLink.link, children: subSubLink.name })
+          }
+        ) }, subSubLink.name)) }) })
+      ] }, subLink.name)),
+      /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ml: "auto" }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(Search, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(MyPages, {}) })
+    ] }, link.name)),
+    /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Viewport, {})
+  ] });
+});
+Desktop.displayName = "Desktop";
+const Mobile = React.forwardRef(({ className }) => {
+  const rootContext = React.useContext(RootContext);
+  const drawerRef = React.useRef(null);
+  if (!rootContext)
+    return null;
+  const { linkComponent: NavLink } = rootContext;
+  const classes = clsx([styles[`${rootClassName}__mobile`]], className);
+  const linkClasses = clsx([styles[`${rootClassName}__link`]]);
+  const currentLocation = rootContext.pathname;
+  return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { flexGrow: "1", justify: "between", align: "center", gap: "200", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { flexShrink: "0", children: /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Link, { asChild: true, variant: "button", children: rootContext.appKey === "open-pages" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: "/", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(MyPages, {}),
+      /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Link, { asChild: true, variant: "button", children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxs("button", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "menu", size: "sm" }),
+          " Meny"
+        ] }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer.Content, { gap: "400", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { ref: drawerRef, slot: "floating", "aria-label": "Lukk" }),
+          /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Meny" }),
+          /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_globalNavigation_globalNavigationSearchField.SearchField, {}),
+          /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs, { value: rootContext.selectedDomainItem, onValueChange: rootContext.setSelectedDomainItem, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.List, { children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Trigger, { value: link.name, children: link.name }, link.name)) }),
+            /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Content, { value: link.name, children: /* @__PURE__ */ jsxRuntime.jsx(
+              components_accordion_index.Accordion,
+              {
+                type: "single",
+                collapsible: true,
+                value: rootContext.selectedMenuItem,
+                onValueChange: rootContext.setSelectedMenuItem,
+                children: link.links.filter((l) => l.name !== "Logo").map((subLink) => /* @__PURE__ */ jsxRuntime.jsxs(components_accordion_index.Accordion.Item, { value: subLink.name, children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(components_accordion_index.Accordion.Header, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      components_link_link.Link,
+                      {
+                        className: linkClasses,
+                        href: "#",
+                        variant: "standalone",
+                        asChild: true,
+                        onClick: () => {
+                          var _a;
+                          (_a = drawerRef.current) == null ? void 0 : _a.click();
+                          rootContext.setSelectedMenuItem(subLink.name);
+                          rootContext.setPathname(subLink.link);
+                        },
+                        children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, children: subLink.name })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(components_accordion_index.Accordion.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxs(components_visuallyHidden_visuallyHidden.VisuallyHidden, { children: [
+                      subLink.name,
+                      " linker"
+                    ] }) })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(components_accordion_index.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(components_list_index.List, { gap: "10", pl: "25", children: subLink.links.map((subSubLink) => /* @__PURE__ */ jsxRuntime.jsx(components_list_index.List.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                    components_navigationMenu_navigationMenu.NavigationMenu.Link,
+                    {
+                      asChild: true,
+                      variant: "small",
+                      active: currentLocation === subSubLink.link,
+                      onClick: () => {
+                        var _a;
+                        (_a = drawerRef.current) == null ? void 0 : _a.click();
+                        rootContext.setPathname(subSubLink.link);
+                      },
+                      children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", children: [
+                        subSubLink.name,
+                        " ",
+                        /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
+                      ] }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", children: [
+                        subSubLink.name,
+                        " ",
+                        /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
+                      ] }) })
+                    }
+                  ) }, subSubLink.name)) }) })
+                ] }, subLink.name))
+              }
+            ) }, link.name)) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { children: "Lukk" }) }) })
+        ] })
+      ] })
+    ] })
+  ] }) });
+});
+Mobile.displayName = "Mobile";
+const rootClassName = "teddy-global-navigation";
+const RootContext = React.createContext(null);
+function Root({
+  className,
+  appKey,
+  loggedInUser,
+  linkComponent,
+  onLogoutClick,
+  shoppingCart,
+  ...props
+}) {
+  const [selectedMenuItem, setSelectedMenuItem] = React.useState(getInitialMenuItem());
+  const [selectedDomainItem, setSelectedDomainItem] = React.useState(getInitialDomain());
+  const [pathname, setPathname] = React.useState(typeof window !== "undefined" ? window.location.pathname : "");
+  const classes = clsx([styles[`${rootClassName}`]], className);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RootContext.Provider,
+    {
+      value: {
+        appKey,
+        loggedInUser,
+        selectedMenuItem,
+        setSelectedMenuItem,
+        linkComponent,
+        selectedDomainItem,
+        setSelectedDomainItem,
+        pathname,
+        setPathname,
+        onLogoutClick,
+        shoppingCart
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ...props, className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        components_navigationMenu_navigationMenu.NavigationMenu,
+        {
+          topMenuValue: selectedDomainItem,
+          onTopMenuValueChange: setSelectedDomainItem,
+          value: selectedMenuItem,
+          onValueChange: (v) => {
+            if (v === "")
+              return;
+            setSelectedMenuItem(v);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { display: { sm: "none", lg: "block" }, children: /* @__PURE__ */ jsxRuntime.jsx(Desktop, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { display: { lg: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(Mobile, {}) })
+          ]
+        }
+      ) })
+    }
+  );
+}
+Root.displayName = "Root";
+function getInitialDomain() {
+  const currentLocation = typeof window !== "undefined" ? window.location.pathname : null;
+  if (!currentLocation)
+    return components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.name;
+  const locationArray = currentLocation ? currentLocation.split("/") : [];
+  const domainPartOfLocation = `/${locationArray[1]}`;
+  const initDomain = domainPartOfLocation === components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.link ? components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.name : domainPartOfLocation === components_navigationMenu_globalNavigation_utils.MDU_LINKS.link ? components_navigationMenu_globalNavigation_utils.MDU_LINKS.name : components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.name;
+  return initDomain;
+}
+function getInitialMenuItem() {
+  var _a, _b, _c;
+  const currentLocation = typeof window !== "undefined" ? window.location.pathname : null;
+  if (!currentLocation)
+    return;
+  const locationArray = currentLocation ? currentLocation.split("/") : [];
+  const initialDomain = getInitialDomain();
+  if (initialDomain === "Bedrift") {
+    const mainMenuPartOfLocation2 = locationArray[2];
+    return (_a = components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.links.find((link) => link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}`)) == null ? void 0 : _a.name;
+  }
+  if (initialDomain === "Borettslag") {
+    const mainMenuPartOfLocation2 = locationArray[2];
+    return (_b = components_navigationMenu_globalNavigation_utils.MDU_LINKS.links.find((link) => link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}`)) == null ? void 0 : _b.name;
+  }
+  const mainMenuPartOfLocation = locationArray[1];
+  return (_c = components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.links.find((link) => link.link === `/${mainMenuPartOfLocation}`)) == null ? void 0 : _c.name;
+}
+Root.displayName = "GlobalNavigation";
+const GlobalNavigation = Root;
+exports.Desktop = Desktop;
+exports.GlobalNavigation = GlobalNavigation;
+exports.Mobile = Mobile;
+exports.MyPages = MyPages;
+exports.Root = Root;
+exports.RootContext = RootContext;
+exports.Search = Search;
+exports.ShoppingCart = ShoppingCart;
+exports.rootClassName = rootClassName;

package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { Drawer } from '../../drawer';
+
+export type MyPagesProps = React.ComponentPropsWithoutRef<typeof Drawer>;
+export declare function MyPages(props: MyPagesProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MyPages {
+    var displayName: string;
+}