@telia/teddy 0.0.48 → 0.0.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs +169 -149
  2. package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js +170 -150
  3. package/dist/components/navigation-menu/global-navigation/utils.cjs +16 -2
  4. package/dist/components/navigation-menu/global-navigation/utils.d.ts +62 -52
  5. package/dist/components/navigation-menu/global-navigation/utils.js +17 -3
  6. package/dist/components/navigation-menu/navigation-menu.cjs +24 -24
  7. package/dist/components/navigation-menu/navigation-menu.js +24 -24
  8. package/dist/style.css +93 -116
  9. package/package.json +1 -1
package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs CHANGED
@@ -29,17 +29,17 @@ const components_visuallyHidden_visuallyHidden = require("../../visually-hidden/
29
29
  const components_link_link = require("../../link/link.cjs");
30
30
  const components_list_index = require("../../list/index.cjs");
31
31
  const styles = {
32
- "teddy-global-navigation": "_teddy-global-navigation_dagdv_1",
33
- "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_dagdv_6",
34
- "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_dagdv_9",
35
- "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_dagdv_6",
36
- "teddy-global-navigation__link": "_teddy-global-navigation__link_dagdv_26",
37
- "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_dagdv_29",
38
- "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_dagdv_32",
39
- "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_dagdv_35",
40
- "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_dagdv_43",
41
- "close-viewport": "_close-viewport_dagdv_1",
42
- "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_dagdv_54"
32
+ "teddy-global-navigation": "_teddy-global-navigation_i1ole_1",
33
+ "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_i1ole_6",
34
+ "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_i1ole_9",
35
+ "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_i1ole_6",
36
+ "teddy-global-navigation__link": "_teddy-global-navigation__link_i1ole_26",
37
+ "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_i1ole_29",
38
+ "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_i1ole_32",
39
+ "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_i1ole_36",
40
+ "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_i1ole_43",
41
+ "close-viewport": "_close-viewport_i1ole_1",
42
+ "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_i1ole_54"
43
43
  };
44
44
  function MyPages(props) {
45
45
  var _a, _b;
@@ -82,6 +82,7 @@ function LoggedOutContent() {
82
82
  ] });
83
83
  }
84
84
  function LoggedInContent() {
85
+ var _a;
85
86
  const rootContext = React.useContext(RootContext);
86
87
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
87
88
  /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Dine sider" }),
@@ -93,7 +94,7 @@ function LoggedInContent() {
93
94
  /* @__PURE__ */ jsxRuntime.jsxs(components_textSpacing_textSpacing.TextSpacing, { children: [
94
95
  /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.Content, { value: "private", children: [
95
96
  /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Privat" }),
96
- 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))
97
+ (_a = components_navigationMenu_globalNavigation_utils.MY_PAGE_LINKS.links) == null ? void 0 : _a.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))
97
98
  ] }),
98
99
  /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.Content, { value: "business", children: [
99
100
  /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Bedrift" }),
@@ -278,61 +279,67 @@ const Desktop = React.forwardRef(() => {
278
279
  children: /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.TopMenuList, { onFocus: resetAndShowMenu, ref: topMenuRef, 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, { href: link.link, children: link.name }) }) }, link.name)) })
279
280
  }
280
281
  ),
281
- components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsxs(components_navigationMenu_navigationMenu.NavigationMenu.List, { onFocus: resetAndShowMenu, value: link.name, children: [
282
- link.links.map((subLink) => /* @__PURE__ */ jsxRuntime.jsxs(components_navigationMenu_navigationMenu.NavigationMenu.Item, { value: subLink.name, children: [
283
- 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(
284
- "img",
285
- {
286
- src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
287
- draggable: "false",
288
- alt: "Telia logo"
289
- }
290
- ) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsxRuntime.jsx(
291
- "img",
292
- {
293
- src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
294
- draggable: "false",
295
- alt: "Telia logo"
296
- }
297
- ) }) }) : subLink.links.length ? /* @__PURE__ */ jsxRuntime.jsx(
298
- components_navigationMenu_navigationMenu.NavigationMenu.Trigger,
299
- {
300
- asChild: true,
301
- active: currentLocation === subLink.link,
302
- onClick: () => {
303
- rootContext.setPathname(subLink.link);
304
- },
305
- 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 })
306
- }
307
- ) : /* @__PURE__ */ jsxRuntime.jsx(
308
- components_navigationMenu_navigationMenu.NavigationMenu.Link,
309
- {
310
- asChild: true,
311
- active: currentLocation === subLink.link,
312
- onClick: () => {
313
- rootContext.setPathname(subLink.link);
314
- },
315
- 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 })
316
- }
317
- ),
318
- /* @__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(
319
- components_navigationMenu_navigationMenu.NavigationMenu.Link,
320
- {
321
- asChild: true,
322
- active: currentLocation.startsWith(subSubLink.link),
323
- onClick: () => {
324
- rootContext.setPathname(subSubLink.link);
325
- },
326
- variant: "small",
327
- 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 })
328
- }
329
- ) }, subSubLink.name)) }) })
330
- ] }, subLink.name)),
331
- /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ml: "auto" }),
332
- /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}) }),
333
- /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(Search, {}) }),
334
- /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(MyPages, {}) })
335
- ] }, link.name)),
282
+ components_navigationMenu_globalNavigation_utils.LINKS.map((link) => {
283
+ var _a;
284
+ return /* @__PURE__ */ jsxRuntime.jsxs(components_navigationMenu_navigationMenu.NavigationMenu.List, { onFocus: resetAndShowMenu, value: link.name, children: [
285
+ (_a = link.links) == null ? void 0 : _a.map((subLink) => {
286
+ var _a2, _b;
287
+ return /* @__PURE__ */ jsxRuntime.jsxs(components_navigationMenu_navigationMenu.NavigationMenu.Item, { value: subLink.name, children: [
288
+ 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(
289
+ "img",
290
+ {
291
+ src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
292
+ draggable: "false",
293
+ alt: "Telia logo"
294
+ }
295
+ ) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsxRuntime.jsx(
296
+ "img",
297
+ {
298
+ src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
299
+ draggable: "false",
300
+ alt: "Telia logo"
301
+ }
302
+ ) }) }) : ((_a2 = subLink.links) == null ? void 0 : _a2.length) ? /* @__PURE__ */ jsxRuntime.jsx(
303
+ components_navigationMenu_navigationMenu.NavigationMenu.Trigger,
304
+ {
305
+ asChild: true,
306
+ active: currentLocation === subLink.link,
307
+ onClick: () => {
308
+ rootContext.setPathname(subLink.link);
309
+ },
310
+ 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 })
311
+ }
312
+ ) : /* @__PURE__ */ jsxRuntime.jsx(
313
+ components_navigationMenu_navigationMenu.NavigationMenu.Link,
314
+ {
315
+ asChild: true,
316
+ active: currentLocation === subLink.link,
317
+ onClick: () => {
318
+ rootContext.setPathname(subLink.link);
319
+ },
320
+ 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 })
321
+ }
322
+ ),
323
+ /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Content, { children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: (_b = subLink.links) == null ? void 0 : _b.map((subSubLink) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
324
+ components_navigationMenu_navigationMenu.NavigationMenu.Link,
325
+ {
326
+ asChild: true,
327
+ active: components_navigationMenu_globalNavigation_utils.getActiveSubLink(currentLocation, subLink.links || []) === subSubLink.link,
328
+ onClick: () => {
329
+ rootContext.setPathname(subSubLink.link);
330
+ },
331
+ variant: "small",
332
+ 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 })
333
+ }
334
+ ) }, subSubLink.name)) }) })
335
+ ] }, subLink.name);
336
+ }),
337
+ /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ml: "auto" }),
338
+ /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}) }),
339
+ /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(Search, {}) }),
340
+ /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(MyPages, {}) })
341
+ ] }, link.name);
342
+ }),
336
343
  /* @__PURE__ */ jsxRuntime.jsx(
337
344
  "div",
338
345
  {
@@ -389,61 +396,67 @@ function Mobile(props) {
389
396
  /* @__PURE__ */ jsxRuntime.jsx(SearchField, {}),
390
397
  /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs, { value: rootContext.selectedDomainItem, onValueChange: rootContext.setSelectedDomainItem, children: [
391
398
  /* @__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)) }),
392
- /* @__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(
393
- components_accordion_index.Accordion,
394
- {
395
- type: "single",
396
- collapsible: true,
397
- value: rootContext.selectedMenuItem,
398
- onValueChange: rootContext.setSelectedMenuItem,
399
- children: link.links.filter((l) => l.name !== "Logo").map((subLink) => /* @__PURE__ */ jsxRuntime.jsxs(components_accordion_index.Accordion.Item, { value: subLink.name, children: [
400
- /* @__PURE__ */ jsxRuntime.jsxs(components_accordion_index.Accordion.Header, { className: styles[`${rootClassName}__mobile-header`], children: [
401
- /* @__PURE__ */ jsxRuntime.jsx(
402
- components_link_link.Link,
403
- {
404
- className: linkClasses,
405
- href: "#",
406
- variant: "standalone",
407
- asChild: true,
408
- onClick: () => {
409
- var _a;
410
- (_a = drawerRef.current) == null ? void 0 : _a.click();
411
- rootContext.setSelectedMenuItem(subLink.name);
412
- rootContext.setPathname(subLink.link);
413
- },
414
- 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 })
415
- }
416
- ),
417
- /* @__PURE__ */ jsxRuntime.jsx(components_accordion_index.Accordion.Trigger, { className: styles[`${rootClassName}__mobile-trigger`], children: /* @__PURE__ */ jsxRuntime.jsxs(components_visuallyHidden_visuallyHidden.VisuallyHidden, { children: [
418
- subLink.name,
419
- " linker"
420
- ] }) })
421
- ] }),
422
- /* @__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(
423
- components_navigationMenu_navigationMenu.NavigationMenu.Link,
424
- {
425
- asChild: true,
426
- variant: "small",
427
- active: currentLocation.startsWith(subSubLink.link),
428
- onClick: () => {
429
- var _a;
430
- (_a = drawerRef.current) == null ? void 0 : _a.click();
431
- rootContext.setPathname(subSubLink.link);
432
- },
433
- 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: [
434
- subSubLink.name,
435
- " ",
436
- /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
437
- ] }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", children: [
438
- subSubLink.name,
439
- " ",
440
- /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
441
- ] }) })
442
- }
443
- ) }, subSubLink.name)) }) })
444
- ] }, subLink.name))
445
- }
446
- ) }, link.name)) })
399
+ /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => {
400
+ var _a;
401
+ return /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Content, { value: link.name, children: /* @__PURE__ */ jsxRuntime.jsx(
402
+ components_accordion_index.Accordion,
403
+ {
404
+ type: "single",
405
+ collapsible: true,
406
+ value: rootContext.selectedMenuItem,
407
+ onValueChange: rootContext.setSelectedMenuItem,
408
+ children: (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map((subLink) => {
409
+ var _a2;
410
+ return /* @__PURE__ */ jsxRuntime.jsxs(components_accordion_index.Accordion.Item, { value: subLink.name, children: [
411
+ /* @__PURE__ */ jsxRuntime.jsxs(components_accordion_index.Accordion.Header, { className: styles[`${rootClassName}__mobile-header`], children: [
412
+ /* @__PURE__ */ jsxRuntime.jsx(
413
+ components_link_link.Link,
414
+ {
415
+ className: linkClasses,
416
+ href: "#",
417
+ variant: "standalone",
418
+ asChild: true,
419
+ onClick: () => {
420
+ var _a3;
421
+ (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
422
+ rootContext.setSelectedMenuItem(subLink.name);
423
+ rootContext.setPathname(subLink.link);
424
+ },
425
+ 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 })
426
+ }
427
+ ),
428
+ /* @__PURE__ */ jsxRuntime.jsx(components_accordion_index.Accordion.Trigger, { className: styles[`${rootClassName}__mobile-trigger`], children: /* @__PURE__ */ jsxRuntime.jsxs(components_visuallyHidden_visuallyHidden.VisuallyHidden, { children: [
429
+ subLink.name,
430
+ " linker"
431
+ ] }) })
432
+ ] }),
433
+ /* @__PURE__ */ jsxRuntime.jsx(components_accordion_index.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(components_list_index.List, { gap: "10", pl: "25", children: (_a2 = subLink.links) == null ? void 0 : _a2.map((subSubLink) => /* @__PURE__ */ jsxRuntime.jsx(components_list_index.List.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(
434
+ components_navigationMenu_navigationMenu.NavigationMenu.Link,
435
+ {
436
+ asChild: true,
437
+ variant: "small",
438
+ active: components_navigationMenu_globalNavigation_utils.getActiveSubLink(currentLocation, subLink.links || []) === subSubLink.link,
439
+ onClick: () => {
440
+ var _a3;
441
+ (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
442
+ rootContext.setPathname(subSubLink.link);
443
+ },
444
+ 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: [
445
+ subSubLink.name,
446
+ " ",
447
+ /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
448
+ ] }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", children: [
449
+ subSubLink.name,
450
+ " ",
451
+ /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
452
+ ] }) })
453
+ }
454
+ ) }, subSubLink.name)) }) })
455
+ ] }, subLink.name);
456
+ })
457
+ }
458
+ ) }, link.name);
459
+ }) })
447
460
  ] }),
448
461
  /* @__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" }) }) })
449
462
  ] })
@@ -458,25 +471,28 @@ const DesktopSimplified = React.forwardRef(() => {
458
471
  return null;
459
472
  const { setSelectedMenuItem, linkComponent: Link } = rootContext;
460
473
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
461
- components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsxs(components_navigationMenu_navigationMenu.NavigationMenu.List, { value: link.name, children: [
462
- link.links.map((subLink) => /* @__PURE__ */ jsxRuntime.jsx(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(
463
- "img",
464
- {
465
- src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
466
- draggable: "false",
467
- alt: "Telia logo"
468
- }
469
- ) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsxRuntime.jsx(
470
- "img",
471
- {
472
- src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
473
- draggable: "false",
474
- alt: "Telia logo"
475
- }
476
- ) }) }) }, subLink.name)),
477
- /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ml: "auto" }),
478
- /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}) })
479
- ] }, link.name)),
474
+ components_navigationMenu_globalNavigation_utils.LINKS.map((link) => {
475
+ var _a;
476
+ return /* @__PURE__ */ jsxRuntime.jsxs(components_navigationMenu_navigationMenu.NavigationMenu.List, { value: link.name, children: [
477
+ (_a = link.links) == null ? void 0 : _a.map((subLink) => /* @__PURE__ */ jsxRuntime.jsx(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(
478
+ "img",
479
+ {
480
+ src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
481
+ draggable: "false",
482
+ alt: "Telia logo"
483
+ }
484
+ ) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsxRuntime.jsx(
485
+ "img",
486
+ {
487
+ src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
488
+ draggable: "false",
489
+ alt: "Telia logo"
490
+ }
491
+ ) }) }) }, subLink.name)),
492
+ /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ml: "auto" }),
493
+ /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}) })
494
+ ] }, link.name);
495
+ }),
480
496
  /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Viewport, { className: styles[`${rootClassName}__viewport`] })
481
497
  ] });
482
498
  });
@@ -572,25 +588,29 @@ function getInitialDomain(currentPath) {
572
588
  return initDomain;
573
589
  }
574
590
  function getInitialMenuItem(currentPath) {
575
- var _a, _b, _c;
591
+ var _a, _b, _c, _d, _e, _f;
576
592
  if (!currentPath)
577
593
  return;
578
594
  const locationArray = currentPath ? currentPath.split("/") : [];
579
595
  const initialDomain = getInitialDomain(currentPath);
580
596
  if (initialDomain === "Bedrift") {
581
597
  const mainMenuPartOfLocation2 = locationArray[2];
582
- return (_a = components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.links.find(
583
- (link) => link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/` || link.links.some((link2) => link2.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/`)
584
- )) == null ? void 0 : _a.name;
598
+ return (_b = (_a = components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.links) == null ? void 0 : _a.find(
599
+ (link) => {
600
+ var _a2;
601
+ return link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/` || ((_a2 = link.links) == null ? void 0 : _a2.some((link2) => link2.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/`));
602
+ }
603
+ )) == null ? void 0 : _b.name;
585
604
  }
586
605
  if (initialDomain === "Borettslag") {
587
606
  const mainMenuPartOfLocation2 = locationArray[2];
588
- return (_b = components_navigationMenu_globalNavigation_utils.MDU_LINKS.links.find((link) => link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/`)) == null ? void 0 : _b.name;
607
+ 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;
589
608
  }
590
609
  const mainMenuPartOfLocation = locationArray[1];
591
- return (_c = components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.links.find((link) => {
592
- return link.link === `/${mainMenuPartOfLocation}/` || link.links.some((link2) => link2.link === `/${mainMenuPartOfLocation}/`);
593
- })) == null ? void 0 : _c.name;
610
+ return (_f = (_e = components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.links) == null ? void 0 : _e.find((link) => {
611
+ var _a2;
612
+ return link.link === `/${mainMenuPartOfLocation}/` || ((_a2 = link.links) == null ? void 0 : _a2.some((link2) => link2.link === `/${mainMenuPartOfLocation}/`));
613
+ })) == null ? void 0 : _f.name;
594
614
  }
595
615
  Root.displayName = "GlobalNavigation";
596
616
  const GlobalNavigation = Root;