@telia/teddy 0.0.38 → 0.0.39
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.
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs +28 -13
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js +29 -14
- package/dist/components/navigation-menu/global-navigation/global-navigation-root.d.ts +3 -1
- package/dist/components/navigation-menu/global-navigation/utils.cjs +54 -28
- package/dist/components/navigation-menu/global-navigation/utils.d.ts +52 -50
- package/dist/components/navigation-menu/global-navigation/utils.js +54 -28
- package/dist/style.css +14 -8
- package/package.json +1 -1
|
@@ -25,12 +25,14 @@ const components_visuallyHidden_visuallyHidden = require("../../visually-hidden/
|
|
|
25
25
|
const components_link_link = require("../../link/link.cjs");
|
|
26
26
|
const components_list_index = require("../../list/index.cjs");
|
|
27
27
|
const styles = {
|
|
28
|
-
"teddy-global-navigation": "_teddy-global-
|
|
29
|
-
"teddy-global-navigation__mobile": "_teddy-global-
|
|
30
|
-
"teddy-global-
|
|
31
|
-
"teddy-global-
|
|
32
|
-
"teddy-global-
|
|
33
|
-
"teddy-global-
|
|
28
|
+
"teddy-global-navigation": "_teddy-global-navigation_1t5v4_1",
|
|
29
|
+
"teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_1t5v4_6",
|
|
30
|
+
"teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_1t5v4_9",
|
|
31
|
+
"teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1t5v4_6",
|
|
32
|
+
"teddy-global-navigation__link": "_teddy-global-navigation__link_1t5v4_26",
|
|
33
|
+
"teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1t5v4_29",
|
|
34
|
+
"teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1t5v4_32",
|
|
35
|
+
"teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1t5v4_35"
|
|
34
36
|
};
|
|
35
37
|
function MyPages(props) {
|
|
36
38
|
var _a, _b;
|
|
@@ -162,6 +164,8 @@ const ShoppingCart = React.forwardRef(() => {
|
|
|
162
164
|
const shoppingCartContent = rootContext == null ? void 0 : rootContext.shoppingCart;
|
|
163
165
|
const numberOfItemsInCart = (rootContext == null ? void 0 : rootContext.shoppingCartNumberOfItems) || 0;
|
|
164
166
|
const titleSuffix = numberOfItemsInCart > 0 ? `(${numberOfItemsInCart})` : "";
|
|
167
|
+
if (!numberOfItemsInCart)
|
|
168
|
+
return null;
|
|
165
169
|
return /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer, { open: rootContext == null ? void 0 : rootContext.isCartOpen, onOpenChange: rootContext == null ? void 0 : rootContext.onCartOpenChange, children: [
|
|
166
170
|
/* @__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: [
|
|
167
171
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx([styles[`${rootClassName}__item-wrapper`]]), children: [
|
|
@@ -221,7 +225,7 @@ const Desktop = React.forwardRef(() => {
|
|
|
221
225
|
components_navigationMenu_navigationMenu.NavigationMenu.Link,
|
|
222
226
|
{
|
|
223
227
|
asChild: true,
|
|
224
|
-
active: currentLocation
|
|
228
|
+
active: currentLocation.startsWith(subSubLink.link),
|
|
225
229
|
onClick: () => {
|
|
226
230
|
rootContext.setPathname(subSubLink.link);
|
|
227
231
|
},
|
|
@@ -272,7 +276,7 @@ function Mobile(props) {
|
|
|
272
276
|
value: rootContext.selectedMenuItem,
|
|
273
277
|
onValueChange: rootContext.setSelectedMenuItem,
|
|
274
278
|
children: link.links.filter((l) => l.name !== "Logo").map((subLink) => /* @__PURE__ */ jsxRuntime.jsxs(components_accordion_index.Accordion.Item, { value: subLink.name, children: [
|
|
275
|
-
/* @__PURE__ */ jsxRuntime.jsxs(components_accordion_index.Accordion.Header, { children: [
|
|
279
|
+
/* @__PURE__ */ jsxRuntime.jsxs(components_accordion_index.Accordion.Header, { className: styles[`${rootClassName}__mobile-header`], children: [
|
|
276
280
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
277
281
|
components_link_link.Link,
|
|
278
282
|
{
|
|
@@ -289,7 +293,7 @@ function Mobile(props) {
|
|
|
289
293
|
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 })
|
|
290
294
|
}
|
|
291
295
|
),
|
|
292
|
-
/* @__PURE__ */ jsxRuntime.jsx(components_accordion_index.Accordion.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxs(components_visuallyHidden_visuallyHidden.VisuallyHidden, { children: [
|
|
296
|
+
/* @__PURE__ */ jsxRuntime.jsx(components_accordion_index.Accordion.Trigger, { className: styles[`${rootClassName}__mobile-trigger`], children: /* @__PURE__ */ jsxRuntime.jsxs(components_visuallyHidden_visuallyHidden.VisuallyHidden, { children: [
|
|
293
297
|
subLink.name,
|
|
294
298
|
" linker"
|
|
295
299
|
] }) })
|
|
@@ -299,7 +303,7 @@ function Mobile(props) {
|
|
|
299
303
|
{
|
|
300
304
|
asChild: true,
|
|
301
305
|
variant: "small",
|
|
302
|
-
active: currentLocation
|
|
306
|
+
active: currentLocation.startsWith(subSubLink.link),
|
|
303
307
|
onClick: () => {
|
|
304
308
|
var _a;
|
|
305
309
|
(_a = drawerRef.current) == null ? void 0 : _a.click();
|
|
@@ -383,12 +387,23 @@ function Root({
|
|
|
383
387
|
onCartOpenChange,
|
|
384
388
|
drawerSize = "md",
|
|
385
389
|
isSimplified,
|
|
390
|
+
initialDomain = "Privat",
|
|
391
|
+
initialMenuItem,
|
|
386
392
|
...props
|
|
387
393
|
}) {
|
|
388
|
-
const [selectedMenuItem, setSelectedMenuItem] = React.useState(
|
|
389
|
-
const [selectedDomainItem, setSelectedDomainItem] = React.useState(
|
|
390
|
-
const [pathname, setPathname] = React.useState(
|
|
394
|
+
const [selectedMenuItem, setSelectedMenuItem] = React.useState(initialMenuItem);
|
|
395
|
+
const [selectedDomainItem, setSelectedDomainItem] = React.useState(initialDomain);
|
|
396
|
+
const [pathname, setPathname] = React.useState("");
|
|
391
397
|
const classes = clsx([styles[`${rootClassName}`]], className);
|
|
398
|
+
React.useEffect(() => {
|
|
399
|
+
setPathname(window.location.pathname);
|
|
400
|
+
if (!initialDomain) {
|
|
401
|
+
setSelectedDomainItem(getInitialDomain());
|
|
402
|
+
}
|
|
403
|
+
if (!initialMenuItem) {
|
|
404
|
+
setSelectedMenuItem(getInitialMenuItem());
|
|
405
|
+
}
|
|
406
|
+
}, []);
|
|
392
407
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
393
408
|
RootContext.Provider,
|
|
394
409
|
{
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import React__default from "react";
|
|
2
|
+
import React__default, { useEffect } from "react";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import { MY_PAGE_LINKS, LOGGED_IN_LINKS_BUSINESS, LINKS, PRIVATE_LINKS, BUSINESS_LINKS, MDU_LINKS } from "./utils.js";
|
|
5
5
|
import { NavigationMenu } from "../navigation-menu.js";
|
|
@@ -23,12 +23,14 @@ import { VisuallyHidden } from "../../visually-hidden/visually-hidden.js";
|
|
|
23
23
|
import { Link } from "../../link/link.js";
|
|
24
24
|
import { List } from "../../list/index.js";
|
|
25
25
|
const styles = {
|
|
26
|
-
"teddy-global-navigation": "_teddy-global-
|
|
27
|
-
"teddy-global-navigation__mobile": "_teddy-global-
|
|
28
|
-
"teddy-global-
|
|
29
|
-
"teddy-global-
|
|
30
|
-
"teddy-global-
|
|
31
|
-
"teddy-global-
|
|
26
|
+
"teddy-global-navigation": "_teddy-global-navigation_1t5v4_1",
|
|
27
|
+
"teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_1t5v4_6",
|
|
28
|
+
"teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_1t5v4_9",
|
|
29
|
+
"teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1t5v4_6",
|
|
30
|
+
"teddy-global-navigation__link": "_teddy-global-navigation__link_1t5v4_26",
|
|
31
|
+
"teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1t5v4_29",
|
|
32
|
+
"teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1t5v4_32",
|
|
33
|
+
"teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1t5v4_35"
|
|
32
34
|
};
|
|
33
35
|
function MyPages(props) {
|
|
34
36
|
var _a, _b;
|
|
@@ -160,6 +162,8 @@ const ShoppingCart = React__default.forwardRef(() => {
|
|
|
160
162
|
const shoppingCartContent = rootContext == null ? void 0 : rootContext.shoppingCart;
|
|
161
163
|
const numberOfItemsInCart = (rootContext == null ? void 0 : rootContext.shoppingCartNumberOfItems) || 0;
|
|
162
164
|
const titleSuffix = numberOfItemsInCart > 0 ? `(${numberOfItemsInCart})` : "";
|
|
165
|
+
if (!numberOfItemsInCart)
|
|
166
|
+
return null;
|
|
163
167
|
return /* @__PURE__ */ jsxs(Drawer, { open: rootContext == null ? void 0 : rootContext.isCartOpen, onOpenChange: rootContext == null ? void 0 : rootContext.onCartOpenChange, children: [
|
|
164
168
|
/* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: /* @__PURE__ */ jsx(Drawer.Trigger, { children: /* @__PURE__ */ jsxs("button", { children: [
|
|
165
169
|
/* @__PURE__ */ jsxs("div", { className: clsx([styles[`${rootClassName}__item-wrapper`]]), children: [
|
|
@@ -219,7 +223,7 @@ const Desktop = React__default.forwardRef(() => {
|
|
|
219
223
|
NavigationMenu.Link,
|
|
220
224
|
{
|
|
221
225
|
asChild: true,
|
|
222
|
-
active: currentLocation
|
|
226
|
+
active: currentLocation.startsWith(subSubLink.link),
|
|
223
227
|
onClick: () => {
|
|
224
228
|
rootContext.setPathname(subSubLink.link);
|
|
225
229
|
},
|
|
@@ -270,7 +274,7 @@ function Mobile(props) {
|
|
|
270
274
|
value: rootContext.selectedMenuItem,
|
|
271
275
|
onValueChange: rootContext.setSelectedMenuItem,
|
|
272
276
|
children: link.links.filter((l) => l.name !== "Logo").map((subLink) => /* @__PURE__ */ jsxs(Accordion.Item, { value: subLink.name, children: [
|
|
273
|
-
/* @__PURE__ */ jsxs(Accordion.Header, { children: [
|
|
277
|
+
/* @__PURE__ */ jsxs(Accordion.Header, { className: styles[`${rootClassName}__mobile-header`], children: [
|
|
274
278
|
/* @__PURE__ */ jsx(
|
|
275
279
|
Link,
|
|
276
280
|
{
|
|
@@ -287,7 +291,7 @@ function Mobile(props) {
|
|
|
287
291
|
children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsx("a", { href: subLink.link, children: subLink.name })
|
|
288
292
|
}
|
|
289
293
|
),
|
|
290
|
-
/* @__PURE__ */ jsx(Accordion.Trigger, { children: /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
|
|
294
|
+
/* @__PURE__ */ jsx(Accordion.Trigger, { className: styles[`${rootClassName}__mobile-trigger`], children: /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
|
|
291
295
|
subLink.name,
|
|
292
296
|
" linker"
|
|
293
297
|
] }) })
|
|
@@ -297,7 +301,7 @@ function Mobile(props) {
|
|
|
297
301
|
{
|
|
298
302
|
asChild: true,
|
|
299
303
|
variant: "small",
|
|
300
|
-
active: currentLocation
|
|
304
|
+
active: currentLocation.startsWith(subSubLink.link),
|
|
301
305
|
onClick: () => {
|
|
302
306
|
var _a;
|
|
303
307
|
(_a = drawerRef.current) == null ? void 0 : _a.click();
|
|
@@ -381,12 +385,23 @@ function Root({
|
|
|
381
385
|
onCartOpenChange,
|
|
382
386
|
drawerSize = "md",
|
|
383
387
|
isSimplified,
|
|
388
|
+
initialDomain = "Privat",
|
|
389
|
+
initialMenuItem,
|
|
384
390
|
...props
|
|
385
391
|
}) {
|
|
386
|
-
const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(
|
|
387
|
-
const [selectedDomainItem, setSelectedDomainItem] = React__default.useState(
|
|
388
|
-
const [pathname, setPathname] = React__default.useState(
|
|
392
|
+
const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(initialMenuItem);
|
|
393
|
+
const [selectedDomainItem, setSelectedDomainItem] = React__default.useState(initialDomain);
|
|
394
|
+
const [pathname, setPathname] = React__default.useState("");
|
|
389
395
|
const classes = clsx([styles[`${rootClassName}`]], className);
|
|
396
|
+
useEffect(() => {
|
|
397
|
+
setPathname(window.location.pathname);
|
|
398
|
+
if (!initialDomain) {
|
|
399
|
+
setSelectedDomainItem(getInitialDomain());
|
|
400
|
+
}
|
|
401
|
+
if (!initialMenuItem) {
|
|
402
|
+
setSelectedMenuItem(getInitialMenuItem());
|
|
403
|
+
}
|
|
404
|
+
}, []);
|
|
390
405
|
return /* @__PURE__ */ jsx(
|
|
391
406
|
RootContext.Provider,
|
|
392
407
|
{
|
|
@@ -17,6 +17,8 @@ export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
|
|
|
17
17
|
onCartOpenChange?: (open: boolean) => void;
|
|
18
18
|
drawerSize: 'md' | 'lg';
|
|
19
19
|
isSimplified?: boolean;
|
|
20
|
+
initialDomain?: 'Privat' | 'Bedrift' | 'Borettslag';
|
|
21
|
+
initialMenuItem?: string;
|
|
20
22
|
};
|
|
21
23
|
type RootContext = {
|
|
22
24
|
selectedMenuItem: string | undefined;
|
|
@@ -27,7 +29,7 @@ type RootContext = {
|
|
|
27
29
|
setPathname: (v: string) => void;
|
|
28
30
|
} & Pick<RootProps, 'onSearchSubmit' | 'shoppingCart' | 'shoppingCartNumberOfItems' | 'loggedInUser' | 'appKey' | 'onLogoutClick' | 'linkComponent' | 'isCartOpen' | 'onCartOpenChange' | 'drawerSize'>;
|
|
29
31
|
export declare const RootContext: React.Context<RootContext | null>;
|
|
30
|
-
export declare function Root({ className, appKey, loggedInUser, linkComponent, onLogoutClick, shoppingCart, shoppingCartNumberOfItems, onSearchSubmit, isCartOpen, onCartOpenChange, drawerSize, isSimplified, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export declare function Root({ className, appKey, loggedInUser, linkComponent, onLogoutClick, shoppingCart, shoppingCartNumberOfItems, onSearchSubmit, isCartOpen, onCartOpenChange, drawerSize, isSimplified, initialDomain, initialMenuItem, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
31
33
|
export declare namespace Root {
|
|
32
34
|
var displayName: string;
|
|
33
35
|
}
|
|
@@ -64,7 +64,7 @@ const BUSINESS_NET_LINKS = {
|
|
|
64
64
|
const LOGGED_IN_LINKS_BUSINESS = [MY_BUSINESS_LINKS, MY_PORTAL_LINKS, BUSINESS_NET_LINKS];
|
|
65
65
|
const LOGGED_IN_LINKS = [MY_PAGE_LINKS, ...LOGGED_IN_LINKS_BUSINESS];
|
|
66
66
|
const PRIVATE_LINKS = {
|
|
67
|
-
name: "
|
|
67
|
+
name: "Privat",
|
|
68
68
|
link: "/",
|
|
69
69
|
links: [
|
|
70
70
|
{
|
|
@@ -107,6 +107,11 @@ const PRIVATE_LINKS = {
|
|
|
107
107
|
name: "Påfyll kontantkort",
|
|
108
108
|
link: "/mobil/mobilabonnement/kontantkort/lade/",
|
|
109
109
|
appKey: APP_KEYS["open-pages"]
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
name: "Hjelp Mobil",
|
|
113
|
+
link: "/mobil/hjelp/",
|
|
114
|
+
appKey: APP_KEYS["open-pages"]
|
|
110
115
|
}
|
|
111
116
|
]
|
|
112
117
|
},
|
|
@@ -121,28 +126,38 @@ const PRIVATE_LINKS = {
|
|
|
121
126
|
appKey: APP_KEYS["open-pages"]
|
|
122
127
|
},
|
|
123
128
|
{
|
|
124
|
-
name: "
|
|
125
|
-
link: "/tv/
|
|
129
|
+
name: "Innholdsoversikt",
|
|
130
|
+
link: "/tv/innholdsoversikt/",
|
|
126
131
|
appKey: APP_KEYS["open-pages"]
|
|
127
132
|
},
|
|
133
|
+
// {
|
|
134
|
+
// name: 'Strømmetjenester',
|
|
135
|
+
// link: '/tv/strommetjenester/',
|
|
136
|
+
// appKey: APP_KEYS['open-pages'],
|
|
137
|
+
// },
|
|
138
|
+
// {
|
|
139
|
+
// name: 'TV-kanaler',
|
|
140
|
+
// link: '/tv/tv-kanaler-og-kanalpakker/',
|
|
141
|
+
// appKey: APP_KEYS['open-pages'],
|
|
142
|
+
// },
|
|
143
|
+
// {
|
|
144
|
+
// name: 'Premiumtjenester',
|
|
145
|
+
// link: '/tv/premiumtjenester/',
|
|
146
|
+
// appKey: APP_KEYS['open-pages'],
|
|
147
|
+
// },
|
|
148
|
+
// {
|
|
149
|
+
// name: 'Filmer',
|
|
150
|
+
// link: '/tv/filmleie-og-filmkjop/',
|
|
151
|
+
// appKey: APP_KEYS['open-pages'],
|
|
152
|
+
// },
|
|
128
153
|
{
|
|
129
|
-
name: "TV-
|
|
130
|
-
link: "/tv/tv-
|
|
131
|
-
appKey: APP_KEYS["open-pages"]
|
|
132
|
-
},
|
|
133
|
-
{
|
|
134
|
-
name: "Premiumtjenester",
|
|
135
|
-
link: "/tv/premiumtjenester/",
|
|
136
|
-
appKey: APP_KEYS["open-pages"]
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
name: "Filmer",
|
|
140
|
-
link: "/tv/filmleie-og-filmkjop/",
|
|
154
|
+
name: "TV-bokser",
|
|
155
|
+
link: "/tv/tv-bokser/",
|
|
141
156
|
appKey: APP_KEYS["open-pages"]
|
|
142
157
|
},
|
|
143
158
|
{
|
|
144
|
-
name: "TV
|
|
145
|
-
link: "/tv/
|
|
159
|
+
name: "Hjelp TV",
|
|
160
|
+
link: "/tv/hjelp/",
|
|
146
161
|
appKey: APP_KEYS["open-pages"]
|
|
147
162
|
}
|
|
148
163
|
]
|
|
@@ -181,6 +196,11 @@ const PRIVATE_LINKS = {
|
|
|
181
196
|
name: "Speedtest",
|
|
182
197
|
link: "/internett/speedtest/",
|
|
183
198
|
appKey: APP_KEYS["open-pages"]
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
name: "Hjelp Internett",
|
|
202
|
+
link: "/internett/hjelp/",
|
|
203
|
+
appKey: APP_KEYS["open-pages"]
|
|
184
204
|
}
|
|
185
205
|
]
|
|
186
206
|
},
|
|
@@ -213,12 +233,12 @@ const PRIVATE_LINKS = {
|
|
|
213
233
|
name: "Finn butikk",
|
|
214
234
|
link: "/hjelp/butikker/",
|
|
215
235
|
appKey: APP_KEYS["open-pages"]
|
|
216
|
-
},
|
|
217
|
-
{
|
|
218
|
-
name: "Kontakt oss",
|
|
219
|
-
link: "/hjelp/kontakt-oss/",
|
|
220
|
-
appKey: APP_KEYS["open-pages"]
|
|
221
236
|
}
|
|
237
|
+
// {
|
|
238
|
+
// name: 'Kontakt oss',
|
|
239
|
+
// link: '/hjelp/kontakt-oss/',
|
|
240
|
+
// appKey: APP_KEYS['open-pages'],
|
|
241
|
+
// },
|
|
222
242
|
]
|
|
223
243
|
}
|
|
224
244
|
]
|
|
@@ -247,17 +267,17 @@ const BUSINESS_LINKS = {
|
|
|
247
267
|
},
|
|
248
268
|
{
|
|
249
269
|
name: "Nettbutikk",
|
|
250
|
-
link: "/bedrift/
|
|
270
|
+
link: "/bedrift/mobilabonnement/",
|
|
251
271
|
appKey: APP_KEYS["web-shop"],
|
|
252
272
|
links: [
|
|
253
273
|
{
|
|
254
|
-
name: "
|
|
255
|
-
link: "/bedrift/
|
|
274
|
+
name: "Mobilabonnement",
|
|
275
|
+
link: "/bedrift/mobilabonnement/",
|
|
256
276
|
appKey: APP_KEYS["web-shop"]
|
|
257
277
|
},
|
|
258
278
|
{
|
|
259
|
-
name: "
|
|
260
|
-
link: "/bedrift/
|
|
279
|
+
name: "Mobiltelefoner",
|
|
280
|
+
link: "/bedrift/mobiltelefoner/",
|
|
261
281
|
appKey: APP_KEYS["web-shop"]
|
|
262
282
|
},
|
|
263
283
|
{
|
|
@@ -268,7 +288,13 @@ const BUSINESS_LINKS = {
|
|
|
268
288
|
]
|
|
269
289
|
},
|
|
270
290
|
{
|
|
271
|
-
name: "
|
|
291
|
+
name: "Sikkerhet",
|
|
292
|
+
link: "/bedrift/sikkerhet/",
|
|
293
|
+
appKey: APP_KEYS["open-pages"],
|
|
294
|
+
links: []
|
|
295
|
+
},
|
|
296
|
+
{
|
|
297
|
+
name: "Hjelp",
|
|
272
298
|
link: "/bedrift/kundeservice/",
|
|
273
299
|
appKey: APP_KEYS["open-pages"],
|
|
274
300
|
links: []
|
|
@@ -119,7 +119,7 @@ export declare const LOGGED_IN_LINKS: readonly [{
|
|
|
119
119
|
readonly icon: "doc";
|
|
120
120
|
}];
|
|
121
121
|
export declare const PRIVATE_LINKS: {
|
|
122
|
-
readonly name: "
|
|
122
|
+
readonly name: "Privat";
|
|
123
123
|
readonly link: "/";
|
|
124
124
|
readonly links: readonly [{
|
|
125
125
|
readonly name: "Logo";
|
|
@@ -154,6 +154,10 @@ export declare const PRIVATE_LINKS: {
|
|
|
154
154
|
readonly name: "Påfyll kontantkort";
|
|
155
155
|
readonly link: "/mobil/mobilabonnement/kontantkort/lade/";
|
|
156
156
|
readonly appKey: "open-pages";
|
|
157
|
+
}, {
|
|
158
|
+
readonly name: "Hjelp Mobil";
|
|
159
|
+
readonly link: "/mobil/hjelp/";
|
|
160
|
+
readonly appKey: "open-pages";
|
|
157
161
|
}];
|
|
158
162
|
}, {
|
|
159
163
|
readonly name: "TV";
|
|
@@ -164,25 +168,17 @@ export declare const PRIVATE_LINKS: {
|
|
|
164
168
|
readonly link: "https://www.teliaplay.no";
|
|
165
169
|
readonly appKey: "open-pages";
|
|
166
170
|
}, {
|
|
167
|
-
readonly name: "
|
|
168
|
-
readonly link: "/tv/
|
|
169
|
-
readonly appKey: "open-pages";
|
|
170
|
-
}, {
|
|
171
|
-
readonly name: "TV-kanaler";
|
|
172
|
-
readonly link: "/tv/tv-kanaler-og-kanalpakker/";
|
|
173
|
-
readonly appKey: "open-pages";
|
|
174
|
-
}, {
|
|
175
|
-
readonly name: "Premiumtjenester";
|
|
176
|
-
readonly link: "/tv/premiumtjenester/";
|
|
177
|
-
readonly appKey: "open-pages";
|
|
178
|
-
}, {
|
|
179
|
-
readonly name: "Filmer";
|
|
180
|
-
readonly link: "/tv/filmleie-og-filmkjop/";
|
|
171
|
+
readonly name: "Innholdsoversikt";
|
|
172
|
+
readonly link: "/tv/innholdsoversikt/";
|
|
181
173
|
readonly appKey: "open-pages";
|
|
182
174
|
}, {
|
|
183
175
|
readonly name: "TV-bokser";
|
|
184
176
|
readonly link: "/tv/tv-bokser/";
|
|
185
177
|
readonly appKey: "open-pages";
|
|
178
|
+
}, {
|
|
179
|
+
readonly name: "Hjelp TV";
|
|
180
|
+
readonly link: "/tv/hjelp/";
|
|
181
|
+
readonly appKey: "open-pages";
|
|
186
182
|
}];
|
|
187
183
|
}, {
|
|
188
184
|
readonly name: "Internett";
|
|
@@ -212,6 +208,10 @@ export declare const PRIVATE_LINKS: {
|
|
|
212
208
|
readonly name: "Speedtest";
|
|
213
209
|
readonly link: "/internett/speedtest/";
|
|
214
210
|
readonly appKey: "open-pages";
|
|
211
|
+
}, {
|
|
212
|
+
readonly name: "Hjelp Internett";
|
|
213
|
+
readonly link: "/internett/hjelp/";
|
|
214
|
+
readonly appKey: "open-pages";
|
|
215
215
|
}];
|
|
216
216
|
}, {
|
|
217
217
|
readonly name: "Hjelp";
|
|
@@ -237,10 +237,6 @@ export declare const PRIVATE_LINKS: {
|
|
|
237
237
|
readonly name: "Finn butikk";
|
|
238
238
|
readonly link: "/hjelp/butikker/";
|
|
239
239
|
readonly appKey: "open-pages";
|
|
240
|
-
}, {
|
|
241
|
-
readonly name: "Kontakt oss";
|
|
242
|
-
readonly link: "/hjelp/kontakt-oss/";
|
|
243
|
-
readonly appKey: "open-pages";
|
|
244
240
|
}];
|
|
245
241
|
}];
|
|
246
242
|
};
|
|
@@ -264,23 +260,28 @@ export declare const BUSINESS_LINKS: {
|
|
|
264
260
|
readonly links: readonly [];
|
|
265
261
|
}, {
|
|
266
262
|
readonly name: "Nettbutikk";
|
|
267
|
-
readonly link: "/bedrift/
|
|
263
|
+
readonly link: "/bedrift/mobilabonnement/";
|
|
268
264
|
readonly appKey: "web-shop";
|
|
269
265
|
readonly links: readonly [{
|
|
270
|
-
readonly name: "Mobiltelefoner";
|
|
271
|
-
readonly link: "/bedrift/mobiltelefoner/";
|
|
272
|
-
readonly appKey: "web-shop";
|
|
273
|
-
}, {
|
|
274
266
|
readonly name: "Mobilabonnement";
|
|
275
267
|
readonly link: "/bedrift/mobilabonnement/";
|
|
276
268
|
readonly appKey: "web-shop";
|
|
269
|
+
}, {
|
|
270
|
+
readonly name: "Mobiltelefoner";
|
|
271
|
+
readonly link: "/bedrift/mobiltelefoner/";
|
|
272
|
+
readonly appKey: "web-shop";
|
|
277
273
|
}, {
|
|
278
274
|
readonly name: "Mobilt Bredbånd";
|
|
279
275
|
readonly link: "/bedrift/mobilt-bredband/";
|
|
280
276
|
readonly appKey: "web-shop";
|
|
281
277
|
}];
|
|
282
278
|
}, {
|
|
283
|
-
readonly name: "
|
|
279
|
+
readonly name: "Sikkerhet";
|
|
280
|
+
readonly link: "/bedrift/sikkerhet/";
|
|
281
|
+
readonly appKey: "open-pages";
|
|
282
|
+
readonly links: readonly [];
|
|
283
|
+
}, {
|
|
284
|
+
readonly name: "Hjelp";
|
|
284
285
|
readonly link: "/bedrift/kundeservice/";
|
|
285
286
|
readonly appKey: "open-pages";
|
|
286
287
|
readonly links: readonly [];
|
|
@@ -312,7 +313,7 @@ export declare const MDU_LINKS: {
|
|
|
312
313
|
}];
|
|
313
314
|
};
|
|
314
315
|
export declare const LINKS: readonly [{
|
|
315
|
-
readonly name: "
|
|
316
|
+
readonly name: "Privat";
|
|
316
317
|
readonly link: "/";
|
|
317
318
|
readonly links: readonly [{
|
|
318
319
|
readonly name: "Logo";
|
|
@@ -347,6 +348,10 @@ export declare const LINKS: readonly [{
|
|
|
347
348
|
readonly name: "Påfyll kontantkort";
|
|
348
349
|
readonly link: "/mobil/mobilabonnement/kontantkort/lade/";
|
|
349
350
|
readonly appKey: "open-pages";
|
|
351
|
+
}, {
|
|
352
|
+
readonly name: "Hjelp Mobil";
|
|
353
|
+
readonly link: "/mobil/hjelp/";
|
|
354
|
+
readonly appKey: "open-pages";
|
|
350
355
|
}];
|
|
351
356
|
}, {
|
|
352
357
|
readonly name: "TV";
|
|
@@ -357,25 +362,17 @@ export declare const LINKS: readonly [{
|
|
|
357
362
|
readonly link: "https://www.teliaplay.no";
|
|
358
363
|
readonly appKey: "open-pages";
|
|
359
364
|
}, {
|
|
360
|
-
readonly name: "
|
|
361
|
-
readonly link: "/tv/
|
|
362
|
-
readonly appKey: "open-pages";
|
|
363
|
-
}, {
|
|
364
|
-
readonly name: "TV-kanaler";
|
|
365
|
-
readonly link: "/tv/tv-kanaler-og-kanalpakker/";
|
|
366
|
-
readonly appKey: "open-pages";
|
|
367
|
-
}, {
|
|
368
|
-
readonly name: "Premiumtjenester";
|
|
369
|
-
readonly link: "/tv/premiumtjenester/";
|
|
370
|
-
readonly appKey: "open-pages";
|
|
371
|
-
}, {
|
|
372
|
-
readonly name: "Filmer";
|
|
373
|
-
readonly link: "/tv/filmleie-og-filmkjop/";
|
|
365
|
+
readonly name: "Innholdsoversikt";
|
|
366
|
+
readonly link: "/tv/innholdsoversikt/";
|
|
374
367
|
readonly appKey: "open-pages";
|
|
375
368
|
}, {
|
|
376
369
|
readonly name: "TV-bokser";
|
|
377
370
|
readonly link: "/tv/tv-bokser/";
|
|
378
371
|
readonly appKey: "open-pages";
|
|
372
|
+
}, {
|
|
373
|
+
readonly name: "Hjelp TV";
|
|
374
|
+
readonly link: "/tv/hjelp/";
|
|
375
|
+
readonly appKey: "open-pages";
|
|
379
376
|
}];
|
|
380
377
|
}, {
|
|
381
378
|
readonly name: "Internett";
|
|
@@ -405,6 +402,10 @@ export declare const LINKS: readonly [{
|
|
|
405
402
|
readonly name: "Speedtest";
|
|
406
403
|
readonly link: "/internett/speedtest/";
|
|
407
404
|
readonly appKey: "open-pages";
|
|
405
|
+
}, {
|
|
406
|
+
readonly name: "Hjelp Internett";
|
|
407
|
+
readonly link: "/internett/hjelp/";
|
|
408
|
+
readonly appKey: "open-pages";
|
|
408
409
|
}];
|
|
409
410
|
}, {
|
|
410
411
|
readonly name: "Hjelp";
|
|
@@ -430,10 +431,6 @@ export declare const LINKS: readonly [{
|
|
|
430
431
|
readonly name: "Finn butikk";
|
|
431
432
|
readonly link: "/hjelp/butikker/";
|
|
432
433
|
readonly appKey: "open-pages";
|
|
433
|
-
}, {
|
|
434
|
-
readonly name: "Kontakt oss";
|
|
435
|
-
readonly link: "/hjelp/kontakt-oss/";
|
|
436
|
-
readonly appKey: "open-pages";
|
|
437
434
|
}];
|
|
438
435
|
}];
|
|
439
436
|
}, {
|
|
@@ -456,23 +453,28 @@ export declare const LINKS: readonly [{
|
|
|
456
453
|
readonly links: readonly [];
|
|
457
454
|
}, {
|
|
458
455
|
readonly name: "Nettbutikk";
|
|
459
|
-
readonly link: "/bedrift/
|
|
456
|
+
readonly link: "/bedrift/mobilabonnement/";
|
|
460
457
|
readonly appKey: "web-shop";
|
|
461
458
|
readonly links: readonly [{
|
|
462
|
-
readonly name: "Mobiltelefoner";
|
|
463
|
-
readonly link: "/bedrift/mobiltelefoner/";
|
|
464
|
-
readonly appKey: "web-shop";
|
|
465
|
-
}, {
|
|
466
459
|
readonly name: "Mobilabonnement";
|
|
467
460
|
readonly link: "/bedrift/mobilabonnement/";
|
|
468
461
|
readonly appKey: "web-shop";
|
|
462
|
+
}, {
|
|
463
|
+
readonly name: "Mobiltelefoner";
|
|
464
|
+
readonly link: "/bedrift/mobiltelefoner/";
|
|
465
|
+
readonly appKey: "web-shop";
|
|
469
466
|
}, {
|
|
470
467
|
readonly name: "Mobilt Bredbånd";
|
|
471
468
|
readonly link: "/bedrift/mobilt-bredband/";
|
|
472
469
|
readonly appKey: "web-shop";
|
|
473
470
|
}];
|
|
474
471
|
}, {
|
|
475
|
-
readonly name: "
|
|
472
|
+
readonly name: "Sikkerhet";
|
|
473
|
+
readonly link: "/bedrift/sikkerhet/";
|
|
474
|
+
readonly appKey: "open-pages";
|
|
475
|
+
readonly links: readonly [];
|
|
476
|
+
}, {
|
|
477
|
+
readonly name: "Hjelp";
|
|
476
478
|
readonly link: "/bedrift/kundeservice/";
|
|
477
479
|
readonly appKey: "open-pages";
|
|
478
480
|
readonly links: readonly [];
|
|
@@ -62,7 +62,7 @@ const BUSINESS_NET_LINKS = {
|
|
|
62
62
|
const LOGGED_IN_LINKS_BUSINESS = [MY_BUSINESS_LINKS, MY_PORTAL_LINKS, BUSINESS_NET_LINKS];
|
|
63
63
|
const LOGGED_IN_LINKS = [MY_PAGE_LINKS, ...LOGGED_IN_LINKS_BUSINESS];
|
|
64
64
|
const PRIVATE_LINKS = {
|
|
65
|
-
name: "
|
|
65
|
+
name: "Privat",
|
|
66
66
|
link: "/",
|
|
67
67
|
links: [
|
|
68
68
|
{
|
|
@@ -105,6 +105,11 @@ const PRIVATE_LINKS = {
|
|
|
105
105
|
name: "Påfyll kontantkort",
|
|
106
106
|
link: "/mobil/mobilabonnement/kontantkort/lade/",
|
|
107
107
|
appKey: APP_KEYS["open-pages"]
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
name: "Hjelp Mobil",
|
|
111
|
+
link: "/mobil/hjelp/",
|
|
112
|
+
appKey: APP_KEYS["open-pages"]
|
|
108
113
|
}
|
|
109
114
|
]
|
|
110
115
|
},
|
|
@@ -119,28 +124,38 @@ const PRIVATE_LINKS = {
|
|
|
119
124
|
appKey: APP_KEYS["open-pages"]
|
|
120
125
|
},
|
|
121
126
|
{
|
|
122
|
-
name: "
|
|
123
|
-
link: "/tv/
|
|
127
|
+
name: "Innholdsoversikt",
|
|
128
|
+
link: "/tv/innholdsoversikt/",
|
|
124
129
|
appKey: APP_KEYS["open-pages"]
|
|
125
130
|
},
|
|
131
|
+
// {
|
|
132
|
+
// name: 'Strømmetjenester',
|
|
133
|
+
// link: '/tv/strommetjenester/',
|
|
134
|
+
// appKey: APP_KEYS['open-pages'],
|
|
135
|
+
// },
|
|
136
|
+
// {
|
|
137
|
+
// name: 'TV-kanaler',
|
|
138
|
+
// link: '/tv/tv-kanaler-og-kanalpakker/',
|
|
139
|
+
// appKey: APP_KEYS['open-pages'],
|
|
140
|
+
// },
|
|
141
|
+
// {
|
|
142
|
+
// name: 'Premiumtjenester',
|
|
143
|
+
// link: '/tv/premiumtjenester/',
|
|
144
|
+
// appKey: APP_KEYS['open-pages'],
|
|
145
|
+
// },
|
|
146
|
+
// {
|
|
147
|
+
// name: 'Filmer',
|
|
148
|
+
// link: '/tv/filmleie-og-filmkjop/',
|
|
149
|
+
// appKey: APP_KEYS['open-pages'],
|
|
150
|
+
// },
|
|
126
151
|
{
|
|
127
|
-
name: "TV-
|
|
128
|
-
link: "/tv/tv-
|
|
129
|
-
appKey: APP_KEYS["open-pages"]
|
|
130
|
-
},
|
|
131
|
-
{
|
|
132
|
-
name: "Premiumtjenester",
|
|
133
|
-
link: "/tv/premiumtjenester/",
|
|
134
|
-
appKey: APP_KEYS["open-pages"]
|
|
135
|
-
},
|
|
136
|
-
{
|
|
137
|
-
name: "Filmer",
|
|
138
|
-
link: "/tv/filmleie-og-filmkjop/",
|
|
152
|
+
name: "TV-bokser",
|
|
153
|
+
link: "/tv/tv-bokser/",
|
|
139
154
|
appKey: APP_KEYS["open-pages"]
|
|
140
155
|
},
|
|
141
156
|
{
|
|
142
|
-
name: "TV
|
|
143
|
-
link: "/tv/
|
|
157
|
+
name: "Hjelp TV",
|
|
158
|
+
link: "/tv/hjelp/",
|
|
144
159
|
appKey: APP_KEYS["open-pages"]
|
|
145
160
|
}
|
|
146
161
|
]
|
|
@@ -179,6 +194,11 @@ const PRIVATE_LINKS = {
|
|
|
179
194
|
name: "Speedtest",
|
|
180
195
|
link: "/internett/speedtest/",
|
|
181
196
|
appKey: APP_KEYS["open-pages"]
|
|
197
|
+
},
|
|
198
|
+
{
|
|
199
|
+
name: "Hjelp Internett",
|
|
200
|
+
link: "/internett/hjelp/",
|
|
201
|
+
appKey: APP_KEYS["open-pages"]
|
|
182
202
|
}
|
|
183
203
|
]
|
|
184
204
|
},
|
|
@@ -211,12 +231,12 @@ const PRIVATE_LINKS = {
|
|
|
211
231
|
name: "Finn butikk",
|
|
212
232
|
link: "/hjelp/butikker/",
|
|
213
233
|
appKey: APP_KEYS["open-pages"]
|
|
214
|
-
},
|
|
215
|
-
{
|
|
216
|
-
name: "Kontakt oss",
|
|
217
|
-
link: "/hjelp/kontakt-oss/",
|
|
218
|
-
appKey: APP_KEYS["open-pages"]
|
|
219
234
|
}
|
|
235
|
+
// {
|
|
236
|
+
// name: 'Kontakt oss',
|
|
237
|
+
// link: '/hjelp/kontakt-oss/',
|
|
238
|
+
// appKey: APP_KEYS['open-pages'],
|
|
239
|
+
// },
|
|
220
240
|
]
|
|
221
241
|
}
|
|
222
242
|
]
|
|
@@ -245,17 +265,17 @@ const BUSINESS_LINKS = {
|
|
|
245
265
|
},
|
|
246
266
|
{
|
|
247
267
|
name: "Nettbutikk",
|
|
248
|
-
link: "/bedrift/
|
|
268
|
+
link: "/bedrift/mobilabonnement/",
|
|
249
269
|
appKey: APP_KEYS["web-shop"],
|
|
250
270
|
links: [
|
|
251
271
|
{
|
|
252
|
-
name: "
|
|
253
|
-
link: "/bedrift/
|
|
272
|
+
name: "Mobilabonnement",
|
|
273
|
+
link: "/bedrift/mobilabonnement/",
|
|
254
274
|
appKey: APP_KEYS["web-shop"]
|
|
255
275
|
},
|
|
256
276
|
{
|
|
257
|
-
name: "
|
|
258
|
-
link: "/bedrift/
|
|
277
|
+
name: "Mobiltelefoner",
|
|
278
|
+
link: "/bedrift/mobiltelefoner/",
|
|
259
279
|
appKey: APP_KEYS["web-shop"]
|
|
260
280
|
},
|
|
261
281
|
{
|
|
@@ -266,7 +286,13 @@ const BUSINESS_LINKS = {
|
|
|
266
286
|
]
|
|
267
287
|
},
|
|
268
288
|
{
|
|
269
|
-
name: "
|
|
289
|
+
name: "Sikkerhet",
|
|
290
|
+
link: "/bedrift/sikkerhet/",
|
|
291
|
+
appKey: APP_KEYS["open-pages"],
|
|
292
|
+
links: []
|
|
293
|
+
},
|
|
294
|
+
{
|
|
295
|
+
name: "Hjelp",
|
|
270
296
|
link: "/bedrift/kundeservice/",
|
|
271
297
|
appKey: APP_KEYS["open-pages"],
|
|
272
298
|
links: []
|
package/dist/style.css
CHANGED
|
@@ -3319,35 +3319,41 @@
|
|
|
3319
3319
|
height: 0;
|
|
3320
3320
|
}
|
|
3321
3321
|
}
|
|
3322
|
-
}._teddy-global-
|
|
3322
|
+
}._teddy-global-navigation_1t5v4_1 {
|
|
3323
3323
|
position: sticky;
|
|
3324
3324
|
inset: 0 0 auto 0;
|
|
3325
3325
|
z-index: 39;
|
|
3326
3326
|
}
|
|
3327
|
-
._teddy-global-
|
|
3327
|
+
._teddy-global-navigation__mobile-trigger_1t5v4_6 {
|
|
3328
|
+
border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
3329
|
+
}
|
|
3330
|
+
._teddy-global-navigation__mobile-header_1t5v4_9[data-state=open] {
|
|
3331
|
+
border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
3332
|
+
}
|
|
3333
|
+
._teddy-global-navigation__mobile_1t5v4_6 {
|
|
3328
3334
|
padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
|
|
3329
3335
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
|
|
3330
3336
|
}
|
|
3331
|
-
._teddy-global-
|
|
3337
|
+
._teddy-global-navigation__mobile_1t5v4_6::before {
|
|
3332
3338
|
content: "";
|
|
3333
3339
|
display: block;
|
|
3334
3340
|
width: var(--width-for-centering-element);
|
|
3335
3341
|
}
|
|
3336
|
-
._teddy-global-
|
|
3342
|
+
._teddy-global-navigation__mobile_1t5v4_6::after {
|
|
3337
3343
|
content: "";
|
|
3338
3344
|
display: block;
|
|
3339
3345
|
width: var(--width-for-centering-element);
|
|
3340
3346
|
}
|
|
3341
|
-
._teddy-global-
|
|
3347
|
+
._teddy-global-navigation__link_1t5v4_26 {
|
|
3342
3348
|
text-decoration: none;
|
|
3343
3349
|
}
|
|
3344
|
-
._teddy-global-
|
|
3350
|
+
._teddy-global-navigation__viewport_1t5v4_29 {
|
|
3345
3351
|
height: var(--radix-navigation-menu-viewport-height, calc(3.25rem * var(--teddy-scale)));
|
|
3346
3352
|
}
|
|
3347
|
-
._teddy-global-navigation__item-
|
|
3353
|
+
._teddy-global-navigation__item-wrapper_1t5v4_32 {
|
|
3348
3354
|
position: relative;
|
|
3349
3355
|
}
|
|
3350
|
-
._teddy-global-navigation__item-
|
|
3356
|
+
._teddy-global-navigation__item-count_1t5v4_35 {
|
|
3351
3357
|
display: flex;
|
|
3352
3358
|
justify-content: center;
|
|
3353
3359
|
align-items: center;
|