@telia/teddy 0.7.13 → 0.7.15

package/dist/components/navigation-menu/global-navigation/utils.js

@@ -1095,7 +1095,16 @@ const MDU_LINKS = {
     }
   ]
 };
-const getLinks = (ukko = false) => [PRIVATE_LINKS, ukko ? BUSINESS_UKKO_LINKS : BUSINESS_LINKS, MDU_LINKS];
+const DEFAULT_PRIVATE_LINKS = PRIVATE_LINKS;
+const DEFAULT_BUSINESS_LINKS = BUSINESS_LINKS;
+const DEFAULT_BUSINESS_UKKO_LINKS = BUSINESS_UKKO_LINKS;
+const DEFAULT_MDU_LINKS = MDU_LINKS;
+const getLinks = (ukko = false, customLinks) => {
+  const privateLinks = (customLinks == null ? void 0 : customLinks.privateLinks) || DEFAULT_PRIVATE_LINKS;
+  const businessLinks = ukko ? (customLinks == null ? void 0 : customLinks.businessUkkoLinks) || DEFAULT_BUSINESS_UKKO_LINKS : (customLinks == null ? void 0 : customLinks.businessLinks) || DEFAULT_BUSINESS_LINKS;
+  const mduLinks = (customLinks == null ? void 0 : customLinks.mduLinks) || DEFAULT_MDU_LINKS;
+  return [privateLinks, businessLinks, mduLinks];
+};
 const getActiveSubLink = (path, links) => {
   let activeLink = "";
   links.forEach((link) => {
@@ -1110,6 +1119,10 @@ export {
   BUSINESS_LINKS,
   BUSINESS_NET_LINKS,
   BUSINESS_UKKO_LINKS,
+  DEFAULT_BUSINESS_LINKS,
+  DEFAULT_BUSINESS_UKKO_LINKS,
+  DEFAULT_MDU_LINKS,
+  DEFAULT_PRIVATE_LINKS,
   LOGGED_IN_LINKS,
   LOGGED_IN_LINKS_BUSINESS,
   MDU_LINKS,

package/dist/components/radio-card-group/radio-card-group-item-title.cjs

@@ -781,23 +781,20 @@ ShoppingCart.displayName = "ShoppingCart";
 const Desktop = React.forwardRef(() => {
   const rootContext = React.useContext(RootContext);
   const [showMenu, setShowMenu] = React.useState(false);
+  const [isClientSide, setIsClientSide] = React.useState(false);
   const topMenuRef = React.useRef(null);
-  const shouldShowViewport = [
-    ...components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.links,
-    ...components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.links,
-    ...components_navigationMenu_globalNavigation_utils.BUSINESS_UKKO_LINKS.links,
-    ...components_navigationMenu_globalNavigation_utils.MDU_LINKS.links
-  ].some((link) => {
-    const sameParent = link.link.split("/")[1] === (rootContext == null ? void 0 : rootContext.pathname.split("/")[1]) || !link.link && (rootContext == null ? void 0 : rootContext.pathname) === "/";
-    return link.links.length && link.name === (rootContext == null ? void 0 : rootContext.specifiedLink) && sameParent;
-  });
   const topMenuSize = utils_useSize.useSize(topMenuRef.current);
-  const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
-  const [isClientSide, setIsClientSide] = React.useState(false);
   React.useEffect(() => {
     setIsClientSide(true);
   }, []);
   if (!rootContext) return null;
+  const links = components_navigationMenu_globalNavigation_utils.getLinks(rootContext.pathname.includes("bedrift/utstyrsavtale"), rootContext.customLinks);
+  const shouldShowViewport = links.flatMap((link) => link.links || []).some((link) => {
+    var _a;
+    const sameParent = link.link.split("/")[1] === (rootContext == null ? void 0 : rootContext.pathname.split("/")[1]) || !link.link && (rootContext == null ? void 0 : rootContext.pathname) === "/";
+    return (((_a = link.links) == null ? void 0 : _a.length) || 0) > 0 && link.name === (rootContext == null ? void 0 : rootContext.specifiedLink) && sameParent;
+  });
+  const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
   const { selectedMenuItem, setSelectedMenuItem, linkComponent: Link2, specifiedLink, setSpecifiedLink } = rootContext;
   const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
   const handleInteractions = (linkName) => {
@@ -812,7 +809,7 @@ const Desktop = React.forwardRef(() => {
         style: utils_generateStyling_index.mergeStyles({ ["--teddy-top-menu-height"]: topMenuHeight }),
         className: styles[`${rootClassName}__top-menu-wrapper`],
         children: /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu.TopMenuList, { ref: topMenuRef, children: [
-          components_navigationMenu_globalNavigation_utils.getLinks(rootContext.pathname.includes("bedrift/utstyrsavtale")).map((link) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.TopMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          links.map((link) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.TopMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
             NavigationMenu.TopMenuTrigger,
             {
               value: link.name,
@@ -831,117 +828,114 @@ const Desktop = React.forwardRef(() => {
         ] })
       }
     ) }),
-    components_navigationMenu_globalNavigation_utils.getLinks(rootContext.pathname.includes("bedrift/utstyrsavtale")).map((link) => {
+    links.map((link) => {
       var _a;
       return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.List, { value: link.name, children: (_a = link.links) == null ? void 0 : _a.map(
-        (subLink) => {
-          var _a2, _b;
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            NavigationMenu.Item,
-            {
-              value: subLink.name,
-              onMouseEnter: () => setShowMenu(true),
-              onMouseLeave: () => setShowMenu(false),
-              children: [
-                subLink.name === "Logo" ? /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(
-                  Link2,
-                  {
-                    href: subLink.link,
-                    onMouseEnter: () => handleInteractions(),
-                    onClick: () => handleInteractions(),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "img",
-                      {
-                        src: "https://www.telia.no/globalassets/static/svg/telia-primary-default-v2.svg",
-                        draggable: "false",
-                        alt: "Telia logo"
-                      }
-                    )
-                  }
-                ) : /* @__PURE__ */ jsxRuntime.jsx(
-                  "a",
-                  {
-                    href: subLink.link,
-                    onMouseEnter: () => handleInteractions(),
-                    onClick: () => handleInteractions(),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "img",
-                      {
-                        src: "https://www.telia.no/globalassets/static/svg/telia-primary-default-v2.svg",
-                        draggable: "false",
-                        alt: "Telia logo"
-                      }
-                    )
-                  }
-                ) }) : /* @__PURE__ */ jsxRuntime.jsx(
-                  NavigationMenu.Link,
-                  {
-                    asChild: true,
-                    active: selectedMenuItem === subLink.name && currentLocation === subLink.link,
-                    onFocus: () => {
-                      handleInteractions(subLink.name);
-                      setShowMenu(true);
-                    },
-                    children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(
-                      Link2,
+        (subLink) => /* @__PURE__ */ jsxRuntime.jsxs(
+          NavigationMenu.Item,
+          {
+            value: subLink.name,
+            onMouseEnter: () => setShowMenu(true),
+            onMouseLeave: () => setShowMenu(false),
+            children: [
+              subLink.name === "Logo" ? /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(
+                Link2,
+                {
+                  href: subLink.link,
+                  onMouseEnter: () => handleInteractions(),
+                  onClick: () => handleInteractions(),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: "https://www.telia.no/globalassets/static/svg/telia-primary-default-v2.svg",
+                      draggable: "false",
+                      alt: "Telia logo"
+                    }
+                  )
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: subLink.link,
+                  onMouseEnter: () => handleInteractions(),
+                  onClick: () => handleInteractions(),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: "https://www.telia.no/globalassets/static/svg/telia-primary-default-v2.svg",
+                      draggable: "false",
+                      alt: "Telia logo"
+                    }
+                  )
+                }
+              ) }) : /* @__PURE__ */ jsxRuntime.jsx(
+                NavigationMenu.Link,
+                {
+                  asChild: true,
+                  active: selectedMenuItem === subLink.name && currentLocation === subLink.link,
+                  onFocus: () => {
+                    handleInteractions(subLink.name);
+                    setShowMenu(true);
+                  },
+                  children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(
+                    Link2,
+                    {
+                      onMouseEnter: () => handleInteractions(subLink.name),
+                      onClick: () => {
+                        handleInteractions(subLink.name);
+                        setShowMenu(false);
+                      },
+                      href: subLink.link,
+                      children: subLink.name
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx(
+                    "a",
+                    {
+                      onMouseEnter: () => handleInteractions(subLink.name),
+                      onClick: () => {
+                        handleInteractions(subLink.name);
+                        setShowMenu(false);
+                      },
+                      onFocus: () => {
+                        setShowMenu(true);
+                      },
+                      href: subLink.link,
+                      children: subLink.name
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  style: utils_generateStyling_index.mergeStyles({ ["--teddy-viewport-wrapper-height"]: viewPortHeight }),
+                  className: styles[`${rootClassName}__viewport-wrapper`],
+                  "data-state": showMenu ? "open" : "closed",
+                  children: isClientSide && /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Content, { children: !!specifiedLink && subLink.name === specifiedLink && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    subLink.links && subLink.links.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                      HightlightedLinksDesktop,
                       {
-                        onMouseEnter: () => handleInteractions(subLink.name),
-                        onClick: () => {
-                          handleInteractions(subLink.name);
-                          setShowMenu(false);
-                        },
-                        href: subLink.link,
-                        children: subLink.name
+                        listName: subLink.name,
+                        setShowMenu,
+                        links: subLink.links
                       }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx(
-                      "a",
+                    ),
+                    subLink.highlightedLinks && subLink.highlightedLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                      HightlightedLinksDesktop,
                       {
-                        onMouseEnter: () => handleInteractions(subLink.name),
-                        onClick: () => {
-                          handleInteractions(subLink.name);
-                          setShowMenu(false);
-                        },
-                        onFocus: () => {
-                          setShowMenu(true);
-                        },
-                        href: subLink.link,
-                        children: subLink.name
+                        colored: true,
+                        listName: "Nyttige snarveier",
+                        setShowMenu,
+                        links: subLink.highlightedLinks
                       }
                     )
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    style: utils_generateStyling_index.mergeStyles({ ["--teddy-viewport-wrapper-height"]: viewPortHeight }),
-                    className: styles[`${rootClassName}__viewport-wrapper`],
-                    "data-state": showMenu ? "open" : "closed",
-                    children: isClientSide && /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Content, { children: !!specifiedLink && subLink.name === specifiedLink && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                      ((_a2 = subLink.links) == null ? void 0 : _a2.length) > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                        HightlightedLinksDesktop,
-                        {
-                          listName: subLink.name,
-                          setShowMenu,
-                          links: subLink.links
-                        }
-                      ),
-                      ((_b = subLink.highlightedLinks) == null ? void 0 : _b.length) > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                        HightlightedLinksDesktop,
-                        {
-                          colored: true,
-                          listName: "Nyttige snarveier",
-                          setShowMenu,
-                          links: subLink.highlightedLinks
-                        }
-                      )
-                    ] }) })
-                  }
-                )
-              ]
-            },
-            subLink.name
-          );
-        }
+                  ] }) })
+                }
+              )
+            ]
+          },
+          subLink.name
+        )
       ) }, link.name);
     })
   ] });
@@ -1011,6 +1005,7 @@ function Mobile(props) {
   const rootContext = React.useContext(RootContext);
   const drawerRef = React.useRef(null);
   if (!rootContext) return null;
+  const links = components_navigationMenu_globalNavigation_utils.getLinks(rootContext.pathname.includes("bedrift/utstyrsavtale"), rootContext.customLinks);
   const { linkComponent: NavLink } = rootContext;
   const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
   const linkClasses = clsx([styles[`${rootClassName}__link`]]);
@@ -1044,12 +1039,12 @@ function Mobile(props) {
                     value: rootContext.selectedDomainItem,
                     onValueChange: (v) => rootContext.setSelectedDomainItem(v, true),
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.List, { children: components_navigationMenu_globalNavigation_utils.getLinks(rootContext.pathname.includes("bedrift/utstyrsavtale")).map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Trigger, { asChild: true, value: link.name, children: link.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: link.link, children: link.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: link.name }) }, link.name)) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: components_navigationMenu_globalNavigation_utils.getLinks(rootContext.pathname.includes("bedrift/utstyrsavtale")).map((link) => {
+                      /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.List, { children: links.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Trigger, { asChild: true, value: link.name, children: link.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: link.link, children: link.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: link.name }) }, link.name)) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: links.map((link) => {
                         var _a, _b;
                         return /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.Content, { value: link.name, children: [
                           /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", children: (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
-                            (subLink) => subLink.links.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(components_box_box.Box, { onClick: () => setSpecifiedLink(subLink.name), className: linkClasses, children: [
+                            (subLink) => subLink.links && subLink.links.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(components_box_box.Box, { onClick: () => setSpecifiedLink(subLink.name), className: linkClasses, children: [
                               /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { asChild: true, variant: "title-300", children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { className: styles[`${rootClassName}__sublink-button--mobile`], children: subLink.name }) }),
                               /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "chevron-right", size: "md" })
                             ] }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsxs(NavLink, { href: subLink.link, className: linkClasses, children: [
@@ -1060,7 +1055,7 @@ function Mobile(props) {
                               /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "chevron-right", size: "md" })
                             ] }) })
                           ) }),
-                          ((_b = link.highlightedLinks) == null ? void 0 : _b.length) > 0 && /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { className: styles[`${rootClassName}__colored-box--mobile`], children: /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", pt: "250", pb: "250", pl: "300", children: /* @__PURE__ */ jsxRuntime.jsx(
+                          link.highlightedLinks && ((_b = link.highlightedLinks) == null ? void 0 : _b.length) > 0 && /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { className: styles[`${rootClassName}__colored-box--mobile`], children: /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", pt: "250", pb: "250", pl: "300", children: /* @__PURE__ */ jsxRuntime.jsx(
                             HighlightedLinks,
                             {
                               item: link,
@@ -1079,33 +1074,30 @@ function Mobile(props) {
                   /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-left" }),
                   "Tilbake"
                 ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "100", children: components_navigationMenu_globalNavigation_utils.getLinks(rootContext.pathname.includes("bedrift/utstyrsavtale")).filter((item) => item.name === rootContext.selectedDomainItem).map(
+                /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "100", children: links.filter((item) => item.name === rootContext.selectedDomainItem).map(
                   (link) => {
                     var _a;
                     return (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
-                      (subLink) => {
-                        var _a2;
-                        return subLink.links.length > 0 && subLink.name === specifiedLink && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            HighlightedLinks,
-                            {
-                              item: subLink,
-                              listTitle: subLink.name,
-                              links: subLink.links,
-                              drawerRef
-                            }
-                          ),
-                          ((_a2 = subLink.highlightedLinks) == null ? void 0 : _a2.length) > 0 && /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { className: styles[`${rootClassName}__colored-box--mobile`], children: /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", pt: "250", pb: "250", pl: "300", children: /* @__PURE__ */ jsxRuntime.jsx(
-                            HighlightedLinks,
-                            {
-                              item: subLink,
-                              listTitle: "Nyttige snarveier",
-                              links: subLink.highlightedLinks,
-                              drawerRef
-                            }
-                          ) }) })
-                        ] });
-                      }
+                      (subLink) => subLink.links && subLink.links.length > 0 && subLink.name === specifiedLink && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          HighlightedLinks,
+                          {
+                            item: subLink,
+                            listTitle: subLink.name,
+                            links: subLink.links,
+                            drawerRef
+                          }
+                        ),
+                        subLink.highlightedLinks && subLink.highlightedLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { className: styles[`${rootClassName}__colored-box--mobile`], children: /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", pt: "250", pb: "250", pl: "300", children: /* @__PURE__ */ jsxRuntime.jsx(
+                          HighlightedLinks,
+                          {
+                            item: subLink,
+                            listTitle: "Nyttige snarveier",
+                            links: subLink.highlightedLinks,
+                            drawerRef
+                          }
+                        ) }) })
+                      ] })
                     );
                   }
                 ) })
@@ -1157,8 +1149,9 @@ const DesktopSimplified = React.forwardRef(() => {
   if (!rootContext) return null;
   const { setSelectedMenuItem, linkComponent: Link2 } = rootContext;
   const isBusinessRental = rootContext.pathname.includes("bedrift/utstyrsavtale");
+  const links = components_navigationMenu_globalNavigation_utils.getLinks(isBusinessRental, rootContext.customLinks);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    components_navigationMenu_globalNavigation_utils.getLinks(isBusinessRental).map((link) => {
+    links.map((link) => {
       var _a;
       return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu.List, { value: link.name, children: [
         (_a = link.links) == null ? void 0 : _a.map((subLink) => /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu.Item, { value: subLink.name, children: [
@@ -1214,6 +1207,7 @@ function Root({
   onCartOpenChange,
   drawerSize = "md",
   isSimplified,
+  customLinks,
   currentPath,
   onSearchInputChange,
   onSearchKeyDown,
@@ -1221,10 +1215,10 @@ function Root({
   onClear,
   ...props
 }) {
-  const [selectedMenuItem, setSelectedMenuItem] = React.useState(getInitialMenuItem(currentPath));
-  const [selectedDomainItem, setSelectedDomainItem] = React.useState(getInitialDomain(currentPath));
+  const [selectedMenuItem, setSelectedMenuItem] = React.useState(getInitialMenuItem(currentPath, customLinks));
+  const [selectedDomainItem, setSelectedDomainItem] = React.useState(getInitialDomain(currentPath, customLinks));
   const [pathname, setPathname] = React.useState(currentPath || "");
-  const [specifiedLink, setSpecifiedLink] = React.useState(getInitialMenuItem(currentPath));
+  const [specifiedLink, setSpecifiedLink] = React.useState(getInitialMenuItem(currentPath, customLinks));
   const classes = clsx([styles[`${rootClassName}`]], className);
   React.useEffect(() => {
     setPathname(currentPath || "");
@@ -1264,7 +1258,8 @@ function Root({
         onSearchInputChange,
         onSearchKeyDown,
         searchValue,
-        onClear
+        onClear,
+        customLinks
       },
       children: /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ...props, className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(
         NavigationMenu,
@@ -1292,33 +1287,39 @@ function Root({
   );
 }
 Root.displayName = "Root";
-function getInitialDomain(currentPath) {
-  if (!currentPath) return components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.name;
+function getInitialDomain(currentPath, customLinks) {
+  const privateLinks = (customLinks == null ? void 0 : customLinks.privateLinks) || components_navigationMenu_globalNavigation_utils.DEFAULT_PRIVATE_LINKS;
+  const businessLinks = (customLinks == null ? void 0 : customLinks.businessLinks) || components_navigationMenu_globalNavigation_utils.DEFAULT_BUSINESS_LINKS;
+  const mduLinks = (customLinks == null ? void 0 : customLinks.mduLinks) || components_navigationMenu_globalNavigation_utils.DEFAULT_MDU_LINKS;
+  if (!currentPath) return privateLinks.name;
   const locationArray = currentPath ? currentPath.split("/") : [];
   const domainPartOfLocation = `/${locationArray[1].toLowerCase()}/`;
-  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;
+  const initDomain = domainPartOfLocation === businessLinks.link ? businessLinks.name : domainPartOfLocation === mduLinks.link ? mduLinks.name : privateLinks.name;
   return initDomain;
 }
-function getInitialMenuItem(currentPath) {
+function getInitialMenuItem(currentPath, customLinks) {
   var _a, _b, _c, _d, _e, _f;
+  const privateLinks = (customLinks == null ? void 0 : customLinks.privateLinks) || components_navigationMenu_globalNavigation_utils.DEFAULT_PRIVATE_LINKS;
+  const businessLinks = (customLinks == null ? void 0 : customLinks.businessLinks) || components_navigationMenu_globalNavigation_utils.DEFAULT_BUSINESS_LINKS;
+  const mduLinks = (customLinks == null ? void 0 : customLinks.mduLinks) || components_navigationMenu_globalNavigation_utils.DEFAULT_MDU_LINKS;
   if (!currentPath) return;
   const locationArray = currentPath ? currentPath.split("/") : [];
-  const initialDomain = getInitialDomain(currentPath);
-  if (initialDomain === "Bedrift") {
+  const initialDomain = getInitialDomain(currentPath, customLinks);
+  if (initialDomain === businessLinks.name) {
     const mainMenuPartOfLocation2 = locationArray[2];
-    return (_b = (_a = components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.links) == null ? void 0 : _a.find(
+    return (_b = (_a = businessLinks.links) == null ? void 0 : _a.find(
       (link) => {
         var _a2;
         return link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/` || ((_a2 = link.links) == null ? void 0 : _a2.some((link2) => link2.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/`));
       }
     )) == null ? void 0 : _b.name;
   }
-  if (initialDomain === "Borettslag") {
+  if (initialDomain === mduLinks.name) {
     const mainMenuPartOfLocation2 = locationArray[2];
-    return (_d = (_c = components_navigationMenu_globalNavigation_utils.MDU_LINKS.links) == null ? void 0 : _c.find((link) => link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/`)) == null ? void 0 : _d.name;
+    return (_d = (_c = mduLinks.links) == null ? void 0 : _c.find((link) => link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/`)) == null ? void 0 : _d.name;
   }
   const mainMenuPartOfLocation = locationArray[1];
-  return (_f = (_e = components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.links) == null ? void 0 : _e.find((link) => {
+  return (_f = (_e = privateLinks.links) == null ? void 0 : _e.find((link) => {
     var _a2;
     return link.name.toLowerCase() === mainMenuPartOfLocation || ((_a2 = link.links) == null ? void 0 : _a2.some((link2) => link2.link === `/${mainMenuPartOfLocation}/`));
   })) == null ? void 0 : _f.name;