@telia/teddy 0.1.24 → 0.1.26
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/utils.cjs +14 -21
- package/dist/components/navigation-menu/global-navigation/utils.d.ts +29 -10
- package/dist/components/navigation-menu/global-navigation/utils.js +14 -21
- package/dist/components/radio-card-group/radio-card-group-item-title.cjs +44 -82
- package/dist/components/radio-card-group/radio-card-group-item-title.js +44 -82
- package/dist/components/tabs/tabs-root.cjs +5 -5
- package/dist/components/tabs/tabs-root.js +5 -5
- package/dist/style.css +115 -226
- package/package.json +1 -1
|
@@ -61,9 +61,17 @@ const BUSINESS_NET_LINKS = {
|
|
|
61
61
|
links: [],
|
|
62
62
|
icon: "doc"
|
|
63
63
|
};
|
|
64
|
+
const SMART_CONNECT_LINKS = {
|
|
65
|
+
name: "Smart connect",
|
|
66
|
+
link: "https://teliasmartconnect.com/",
|
|
67
|
+
appKey: APP_KEYS["open-pages"],
|
|
68
|
+
links: [],
|
|
69
|
+
icon: "connected"
|
|
70
|
+
};
|
|
64
71
|
const LOGGED_IN_LINKS_BUSINESS = [
|
|
65
72
|
MY_BUSINESS_LINKS,
|
|
66
73
|
MY_PORTAL_LINKS,
|
|
74
|
+
SMART_CONNECT_LINKS,
|
|
67
75
|
BUSINESS_NET_LINKS
|
|
68
76
|
];
|
|
69
77
|
const LOGGED_IN_LINKS = [MY_PAGE_LINKS, ...LOGGED_IN_LINKS_BUSINESS];
|
|
@@ -117,7 +125,7 @@ const PRIVATE_LINKS = {
|
|
|
117
125
|
appKey: APP_KEYS["open-pages"],
|
|
118
126
|
highlightedLinks: [
|
|
119
127
|
{
|
|
120
|
-
name: "Telia X",
|
|
128
|
+
name: "Kjøp Telia X",
|
|
121
129
|
link: "/mobil/mobilabonnement/ubegrenset-data/",
|
|
122
130
|
appKey: APP_KEYS["web-shop"]
|
|
123
131
|
},
|
|
@@ -127,12 +135,12 @@ const PRIVATE_LINKS = {
|
|
|
127
135
|
appKey: APP_KEYS["web-shop"]
|
|
128
136
|
},
|
|
129
137
|
{
|
|
130
|
-
name: "iPhone",
|
|
138
|
+
name: "Kjøp iPhone",
|
|
131
139
|
link: "/varemerker/apple/iphone/",
|
|
132
140
|
appKey: APP_KEYS["web-shop"]
|
|
133
141
|
},
|
|
134
142
|
{
|
|
135
|
-
name: "
|
|
143
|
+
name: "Kjøp AirPods",
|
|
136
144
|
link: "/varemerker/apple/airpods/",
|
|
137
145
|
appKey: APP_KEYS["web-shop"]
|
|
138
146
|
},
|
|
@@ -183,11 +191,6 @@ const PRIVATE_LINKS = {
|
|
|
183
191
|
link: "/mobil/tilbehor/",
|
|
184
192
|
appKey: APP_KEYS["web-shop"]
|
|
185
193
|
},
|
|
186
|
-
// {
|
|
187
|
-
// name: 'Pakketilbud',
|
|
188
|
-
// link: '/mobil/mobilabonnement/pakketilbud/',
|
|
189
|
-
// appKey: APP_KEYS['web-shop'],
|
|
190
|
-
// },
|
|
191
194
|
{
|
|
192
195
|
name: "Påfyll kontantkort",
|
|
193
196
|
link: "/mobil/mobilabonnement/kontantkort/lade/",
|
|
@@ -221,7 +224,7 @@ const PRIVATE_LINKS = {
|
|
|
221
224
|
appKey: APP_KEYS["open-pages"]
|
|
222
225
|
},
|
|
223
226
|
{
|
|
224
|
-
name: "Premier League",
|
|
227
|
+
name: "Kjøp Premier League",
|
|
225
228
|
link: "/tv/innholdsoversikt/premiumtjenester/premier-league-v-premium/",
|
|
226
229
|
appKey: APP_KEYS["open-pages"]
|
|
227
230
|
},
|
|
@@ -250,7 +253,6 @@ const PRIVATE_LINKS = {
|
|
|
250
253
|
{
|
|
251
254
|
name: "Se Telia Play",
|
|
252
255
|
link: "https://www.teliaplay.no",
|
|
253
|
-
// icon: 'external',
|
|
254
256
|
appKey: APP_KEYS["open-pages"]
|
|
255
257
|
},
|
|
256
258
|
{
|
|
@@ -263,21 +265,11 @@ const PRIVATE_LINKS = {
|
|
|
263
265
|
link: "/tv/innholdsoversikt/strommetjenester/",
|
|
264
266
|
appKey: APP_KEYS["open-pages"]
|
|
265
267
|
},
|
|
266
|
-
// {
|
|
267
|
-
// name: 'TV-kanaler',
|
|
268
|
-
// link: '/tv/tv-kanaler-og-kanalpakker/',
|
|
269
|
-
// appKey: APP_KEYS['open-pages'],
|
|
270
|
-
// },
|
|
271
268
|
{
|
|
272
269
|
name: "Premiumtjenester",
|
|
273
270
|
link: "/tv/innholdsoversikt/premiumtjenester/",
|
|
274
271
|
appKey: APP_KEYS["open-pages"]
|
|
275
272
|
},
|
|
276
|
-
// {
|
|
277
|
-
// name: 'Filmer',
|
|
278
|
-
// link: '/tv/filmleie-og-filmkjop/',
|
|
279
|
-
// appKey: APP_KEYS['open-pages'],
|
|
280
|
-
// },
|
|
281
273
|
{
|
|
282
274
|
name: "TV-bokser",
|
|
283
275
|
link: "/tv/tv-bokser/",
|
|
@@ -306,7 +298,7 @@ const PRIVATE_LINKS = {
|
|
|
306
298
|
appKey: APP_KEYS["open-pages"]
|
|
307
299
|
},
|
|
308
300
|
{
|
|
309
|
-
name: "
|
|
301
|
+
name: "Kjøp bredbånd til hytta",
|
|
310
302
|
link: "/internett/tradlost-bredband-hytte/",
|
|
311
303
|
appKey: APP_KEYS["open-pages"]
|
|
312
304
|
},
|
|
@@ -667,4 +659,5 @@ exports.MY_BUSINESS_LINKS = MY_BUSINESS_LINKS;
|
|
|
667
659
|
exports.MY_PAGE_LINKS = MY_PAGE_LINKS;
|
|
668
660
|
exports.MY_PORTAL_LINKS = MY_PORTAL_LINKS;
|
|
669
661
|
exports.PRIVATE_LINKS = PRIVATE_LINKS;
|
|
662
|
+
exports.SMART_CONNECT_LINKS = SMART_CONNECT_LINKS;
|
|
670
663
|
exports.getActiveSubLink = getActiveSubLink;
|
|
@@ -65,6 +65,13 @@ export declare const BUSINESS_NET_LINKS: {
|
|
|
65
65
|
readonly links: [];
|
|
66
66
|
readonly icon: "doc";
|
|
67
67
|
};
|
|
68
|
+
export declare const SMART_CONNECT_LINKS: {
|
|
69
|
+
readonly name: "Smart connect";
|
|
70
|
+
readonly link: "https://teliasmartconnect.com/";
|
|
71
|
+
readonly appKey: "open-pages";
|
|
72
|
+
readonly links: [];
|
|
73
|
+
readonly icon: "connected";
|
|
74
|
+
};
|
|
68
75
|
export declare const LOGGED_IN_LINKS_BUSINESS: [{
|
|
69
76
|
readonly name: "Min bedrift";
|
|
70
77
|
readonly link: "https://beta.minbedrift.telia.no";
|
|
@@ -77,6 +84,12 @@ export declare const LOGGED_IN_LINKS_BUSINESS: [{
|
|
|
77
84
|
readonly appKey: "my-portal";
|
|
78
85
|
readonly links: [];
|
|
79
86
|
readonly icon: "end-user";
|
|
87
|
+
}, {
|
|
88
|
+
readonly name: "Smart connect";
|
|
89
|
+
readonly link: "https://teliasmartconnect.com/";
|
|
90
|
+
readonly appKey: "open-pages";
|
|
91
|
+
readonly links: [];
|
|
92
|
+
readonly icon: "connected";
|
|
80
93
|
}, {
|
|
81
94
|
readonly name: "Bedriftsnett";
|
|
82
95
|
readonly link: "https://sb.telia.no";
|
|
@@ -121,6 +134,12 @@ export declare const LOGGED_IN_LINKS: [{
|
|
|
121
134
|
readonly appKey: "my-portal";
|
|
122
135
|
readonly links: [];
|
|
123
136
|
readonly icon: "end-user";
|
|
137
|
+
}, {
|
|
138
|
+
readonly name: "Smart connect";
|
|
139
|
+
readonly link: "https://teliasmartconnect.com/";
|
|
140
|
+
readonly appKey: "open-pages";
|
|
141
|
+
readonly links: [];
|
|
142
|
+
readonly icon: "connected";
|
|
124
143
|
}, {
|
|
125
144
|
readonly name: "Bedriftsnett";
|
|
126
145
|
readonly link: "https://sb.telia.no";
|
|
@@ -168,7 +187,7 @@ export declare const PRIVATE_LINKS: {
|
|
|
168
187
|
readonly link: "";
|
|
169
188
|
readonly appKey: "open-pages";
|
|
170
189
|
readonly highlightedLinks: [{
|
|
171
|
-
readonly name: "Telia X";
|
|
190
|
+
readonly name: "Kjøp Telia X";
|
|
172
191
|
readonly link: "/mobil/mobilabonnement/ubegrenset-data/";
|
|
173
192
|
readonly appKey: "web-shop";
|
|
174
193
|
}, {
|
|
@@ -176,11 +195,11 @@ export declare const PRIVATE_LINKS: {
|
|
|
176
195
|
readonly link: "/mobil/mobilabonnement/pakketilbud/";
|
|
177
196
|
readonly appKey: "web-shop";
|
|
178
197
|
}, {
|
|
179
|
-
readonly name: "iPhone";
|
|
198
|
+
readonly name: "Kjøp iPhone";
|
|
180
199
|
readonly link: "/varemerker/apple/iphone/";
|
|
181
200
|
readonly appKey: "web-shop";
|
|
182
201
|
}, {
|
|
183
|
-
readonly name: "
|
|
202
|
+
readonly name: "Kjøp AirPods";
|
|
184
203
|
readonly link: "/varemerker/apple/airpods/";
|
|
185
204
|
readonly appKey: "web-shop";
|
|
186
205
|
}, {
|
|
@@ -246,7 +265,7 @@ export declare const PRIVATE_LINKS: {
|
|
|
246
265
|
readonly link: "/tv/innholdsoversikt/strommetjenester/#registrere";
|
|
247
266
|
readonly appKey: "open-pages";
|
|
248
267
|
}, {
|
|
249
|
-
readonly name: "Premier League";
|
|
268
|
+
readonly name: "Kjøp Premier League";
|
|
250
269
|
readonly link: "/tv/innholdsoversikt/premiumtjenester/premier-league-v-premium/";
|
|
251
270
|
readonly appKey: "open-pages";
|
|
252
271
|
}, {
|
|
@@ -304,7 +323,7 @@ export declare const PRIVATE_LINKS: {
|
|
|
304
323
|
readonly link: "/internett/sok-adresse/";
|
|
305
324
|
readonly appKey: "open-pages";
|
|
306
325
|
}, {
|
|
307
|
-
readonly name: "
|
|
326
|
+
readonly name: "Kjøp bredbånd til hytta";
|
|
308
327
|
readonly link: "/internett/tradlost-bredband-hytte/";
|
|
309
328
|
readonly appKey: "open-pages";
|
|
310
329
|
}, {
|
|
@@ -613,7 +632,7 @@ export declare const LINKS: [{
|
|
|
613
632
|
readonly link: "";
|
|
614
633
|
readonly appKey: "open-pages";
|
|
615
634
|
readonly highlightedLinks: [{
|
|
616
|
-
readonly name: "Telia X";
|
|
635
|
+
readonly name: "Kjøp Telia X";
|
|
617
636
|
readonly link: "/mobil/mobilabonnement/ubegrenset-data/";
|
|
618
637
|
readonly appKey: "web-shop";
|
|
619
638
|
}, {
|
|
@@ -621,11 +640,11 @@ export declare const LINKS: [{
|
|
|
621
640
|
readonly link: "/mobil/mobilabonnement/pakketilbud/";
|
|
622
641
|
readonly appKey: "web-shop";
|
|
623
642
|
}, {
|
|
624
|
-
readonly name: "iPhone";
|
|
643
|
+
readonly name: "Kjøp iPhone";
|
|
625
644
|
readonly link: "/varemerker/apple/iphone/";
|
|
626
645
|
readonly appKey: "web-shop";
|
|
627
646
|
}, {
|
|
628
|
-
readonly name: "
|
|
647
|
+
readonly name: "Kjøp AirPods";
|
|
629
648
|
readonly link: "/varemerker/apple/airpods/";
|
|
630
649
|
readonly appKey: "web-shop";
|
|
631
650
|
}, {
|
|
@@ -691,7 +710,7 @@ export declare const LINKS: [{
|
|
|
691
710
|
readonly link: "/tv/innholdsoversikt/strommetjenester/#registrere";
|
|
692
711
|
readonly appKey: "open-pages";
|
|
693
712
|
}, {
|
|
694
|
-
readonly name: "Premier League";
|
|
713
|
+
readonly name: "Kjøp Premier League";
|
|
695
714
|
readonly link: "/tv/innholdsoversikt/premiumtjenester/premier-league-v-premium/";
|
|
696
715
|
readonly appKey: "open-pages";
|
|
697
716
|
}, {
|
|
@@ -749,7 +768,7 @@ export declare const LINKS: [{
|
|
|
749
768
|
readonly link: "/internett/sok-adresse/";
|
|
750
769
|
readonly appKey: "open-pages";
|
|
751
770
|
}, {
|
|
752
|
-
readonly name: "
|
|
771
|
+
readonly name: "Kjøp bredbånd til hytta";
|
|
753
772
|
readonly link: "/internett/tradlost-bredband-hytte/";
|
|
754
773
|
readonly appKey: "open-pages";
|
|
755
774
|
}, {
|
|
@@ -59,9 +59,17 @@ const BUSINESS_NET_LINKS = {
|
|
|
59
59
|
links: [],
|
|
60
60
|
icon: "doc"
|
|
61
61
|
};
|
|
62
|
+
const SMART_CONNECT_LINKS = {
|
|
63
|
+
name: "Smart connect",
|
|
64
|
+
link: "https://teliasmartconnect.com/",
|
|
65
|
+
appKey: APP_KEYS["open-pages"],
|
|
66
|
+
links: [],
|
|
67
|
+
icon: "connected"
|
|
68
|
+
};
|
|
62
69
|
const LOGGED_IN_LINKS_BUSINESS = [
|
|
63
70
|
MY_BUSINESS_LINKS,
|
|
64
71
|
MY_PORTAL_LINKS,
|
|
72
|
+
SMART_CONNECT_LINKS,
|
|
65
73
|
BUSINESS_NET_LINKS
|
|
66
74
|
];
|
|
67
75
|
const LOGGED_IN_LINKS = [MY_PAGE_LINKS, ...LOGGED_IN_LINKS_BUSINESS];
|
|
@@ -115,7 +123,7 @@ const PRIVATE_LINKS = {
|
|
|
115
123
|
appKey: APP_KEYS["open-pages"],
|
|
116
124
|
highlightedLinks: [
|
|
117
125
|
{
|
|
118
|
-
name: "Telia X",
|
|
126
|
+
name: "Kjøp Telia X",
|
|
119
127
|
link: "/mobil/mobilabonnement/ubegrenset-data/",
|
|
120
128
|
appKey: APP_KEYS["web-shop"]
|
|
121
129
|
},
|
|
@@ -125,12 +133,12 @@ const PRIVATE_LINKS = {
|
|
|
125
133
|
appKey: APP_KEYS["web-shop"]
|
|
126
134
|
},
|
|
127
135
|
{
|
|
128
|
-
name: "iPhone",
|
|
136
|
+
name: "Kjøp iPhone",
|
|
129
137
|
link: "/varemerker/apple/iphone/",
|
|
130
138
|
appKey: APP_KEYS["web-shop"]
|
|
131
139
|
},
|
|
132
140
|
{
|
|
133
|
-
name: "
|
|
141
|
+
name: "Kjøp AirPods",
|
|
134
142
|
link: "/varemerker/apple/airpods/",
|
|
135
143
|
appKey: APP_KEYS["web-shop"]
|
|
136
144
|
},
|
|
@@ -181,11 +189,6 @@ const PRIVATE_LINKS = {
|
|
|
181
189
|
link: "/mobil/tilbehor/",
|
|
182
190
|
appKey: APP_KEYS["web-shop"]
|
|
183
191
|
},
|
|
184
|
-
// {
|
|
185
|
-
// name: 'Pakketilbud',
|
|
186
|
-
// link: '/mobil/mobilabonnement/pakketilbud/',
|
|
187
|
-
// appKey: APP_KEYS['web-shop'],
|
|
188
|
-
// },
|
|
189
192
|
{
|
|
190
193
|
name: "Påfyll kontantkort",
|
|
191
194
|
link: "/mobil/mobilabonnement/kontantkort/lade/",
|
|
@@ -219,7 +222,7 @@ const PRIVATE_LINKS = {
|
|
|
219
222
|
appKey: APP_KEYS["open-pages"]
|
|
220
223
|
},
|
|
221
224
|
{
|
|
222
|
-
name: "Premier League",
|
|
225
|
+
name: "Kjøp Premier League",
|
|
223
226
|
link: "/tv/innholdsoversikt/premiumtjenester/premier-league-v-premium/",
|
|
224
227
|
appKey: APP_KEYS["open-pages"]
|
|
225
228
|
},
|
|
@@ -248,7 +251,6 @@ const PRIVATE_LINKS = {
|
|
|
248
251
|
{
|
|
249
252
|
name: "Se Telia Play",
|
|
250
253
|
link: "https://www.teliaplay.no",
|
|
251
|
-
// icon: 'external',
|
|
252
254
|
appKey: APP_KEYS["open-pages"]
|
|
253
255
|
},
|
|
254
256
|
{
|
|
@@ -261,21 +263,11 @@ const PRIVATE_LINKS = {
|
|
|
261
263
|
link: "/tv/innholdsoversikt/strommetjenester/",
|
|
262
264
|
appKey: APP_KEYS["open-pages"]
|
|
263
265
|
},
|
|
264
|
-
// {
|
|
265
|
-
// name: 'TV-kanaler',
|
|
266
|
-
// link: '/tv/tv-kanaler-og-kanalpakker/',
|
|
267
|
-
// appKey: APP_KEYS['open-pages'],
|
|
268
|
-
// },
|
|
269
266
|
{
|
|
270
267
|
name: "Premiumtjenester",
|
|
271
268
|
link: "/tv/innholdsoversikt/premiumtjenester/",
|
|
272
269
|
appKey: APP_KEYS["open-pages"]
|
|
273
270
|
},
|
|
274
|
-
// {
|
|
275
|
-
// name: 'Filmer',
|
|
276
|
-
// link: '/tv/filmleie-og-filmkjop/',
|
|
277
|
-
// appKey: APP_KEYS['open-pages'],
|
|
278
|
-
// },
|
|
279
271
|
{
|
|
280
272
|
name: "TV-bokser",
|
|
281
273
|
link: "/tv/tv-bokser/",
|
|
@@ -304,7 +296,7 @@ const PRIVATE_LINKS = {
|
|
|
304
296
|
appKey: APP_KEYS["open-pages"]
|
|
305
297
|
},
|
|
306
298
|
{
|
|
307
|
-
name: "
|
|
299
|
+
name: "Kjøp bredbånd til hytta",
|
|
308
300
|
link: "/internett/tradlost-bredband-hytte/",
|
|
309
301
|
appKey: APP_KEYS["open-pages"]
|
|
310
302
|
},
|
|
@@ -666,5 +658,6 @@ export {
|
|
|
666
658
|
MY_PAGE_LINKS,
|
|
667
659
|
MY_PORTAL_LINKS,
|
|
668
660
|
PRIVATE_LINKS,
|
|
661
|
+
SMART_CONNECT_LINKS,
|
|
669
662
|
getActiveSubLink
|
|
670
663
|
};
|
|
@@ -281,34 +281,22 @@ const Close = React.forwardRef(
|
|
|
281
281
|
);
|
|
282
282
|
Close.displayName = "Dialog.Close";
|
|
283
283
|
const Modal = Object.assign(Root$2, { Trigger: Trigger$1, Content: Content$1, Title, Overlay, Description, Close, Image, Group });
|
|
284
|
-
const scaleIn = "_scaleIn_19565_1";
|
|
285
|
-
const scaleOut = "_scaleOut_19565_1";
|
|
286
|
-
const enterFromRight = "_enterFromRight_19565_1";
|
|
287
|
-
const enterFromLeft = "_enterFromLeft_19565_1";
|
|
288
|
-
const exitToRight = "_exitToRight_19565_1";
|
|
289
|
-
const exitToLeft = "_exitToLeft_19565_1";
|
|
290
284
|
const styles$1 = {
|
|
291
|
-
"teddy-navigation-menu": "_teddy-navigation-
|
|
292
|
-
"teddy-navigation-menu__viewport": "_teddy-navigation-
|
|
293
|
-
"teddy-navigation-menu__separator": "_teddy-navigation-
|
|
294
|
-
"teddy-navigation-menu__list": "_teddy-navigation-
|
|
295
|
-
"teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-
|
|
296
|
-
"teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-
|
|
297
|
-
"teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--
|
|
298
|
-
"teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--
|
|
299
|
-
"teddy-navigation-menu__content": "_teddy-navigation-
|
|
300
|
-
"teddy-navigation-menu__trigger": "_teddy-navigation-
|
|
301
|
-
"teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--
|
|
302
|
-
"teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--
|
|
303
|
-
"teddy-navigation-menu__link": "_teddy-navigation-
|
|
304
|
-
"teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--
|
|
305
|
-
"teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--
|
|
306
|
-
scaleIn,
|
|
307
|
-
scaleOut,
|
|
308
|
-
enterFromRight,
|
|
309
|
-
enterFromLeft,
|
|
310
|
-
exitToRight,
|
|
311
|
-
exitToLeft
|
|
285
|
+
"teddy-navigation-menu": "_teddy-navigation-menu_6p30v_1",
|
|
286
|
+
"teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_6p30v_34",
|
|
287
|
+
"teddy-navigation-menu__separator": "_teddy-navigation-menu__separator_6p30v_37",
|
|
288
|
+
"teddy-navigation-menu__list": "_teddy-navigation-menu__list_6p30v_40",
|
|
289
|
+
"teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_6p30v_66",
|
|
290
|
+
"teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_6p30v_87",
|
|
291
|
+
"teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_6p30v_106",
|
|
292
|
+
"teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_6p30v_112",
|
|
293
|
+
"teddy-navigation-menu__content": "_teddy-navigation-menu__content_6p30v_187",
|
|
294
|
+
"teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_6p30v_219",
|
|
295
|
+
"teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_6p30v_239",
|
|
296
|
+
"teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_6p30v_245",
|
|
297
|
+
"teddy-navigation-menu__link": "_teddy-navigation-menu__link_6p30v_313",
|
|
298
|
+
"teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_6p30v_333",
|
|
299
|
+
"teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_6p30v_339"
|
|
312
300
|
};
|
|
313
301
|
const rootClassName$1 = "teddy-navigation-menu";
|
|
314
302
|
const NavigationMenuContext = React.createContext({
|
|
@@ -554,9 +542,6 @@ const Trigger = React.forwardRef(
|
|
|
554
542
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
555
543
|
NavigationMenuPrimitive__namespace.Trigger,
|
|
556
544
|
{
|
|
557
|
-
onPointerEnter: (e) => e.preventDefault(),
|
|
558
|
-
onPointerMove: (e) => e.preventDefault(),
|
|
559
|
-
onPointerLeave: (e) => e.preventDefault(),
|
|
560
545
|
...props,
|
|
561
546
|
ref,
|
|
562
547
|
"data-active": active ? "true" : void 0,
|
|
@@ -577,8 +562,6 @@ const Content = React.forwardRef(
|
|
|
577
562
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
578
563
|
NavigationMenuPrimitive__namespace.Content,
|
|
579
564
|
{
|
|
580
|
-
onPointerEnter: (e) => e.preventDefault(),
|
|
581
|
-
onPointerLeave: (e) => e.preventDefault(),
|
|
582
565
|
...props,
|
|
583
566
|
ref: forwardRef,
|
|
584
567
|
className: classes
|
|
@@ -698,27 +681,22 @@ const NavigationMenu = Object.assign(Root$1, {
|
|
|
698
681
|
TopMenuTrigger
|
|
699
682
|
});
|
|
700
683
|
const styles = {
|
|
701
|
-
"teddy-global-navigation": "_teddy-global-
|
|
702
|
-
"teddy-global-navigation__mobile
|
|
703
|
-
"teddy-global-
|
|
704
|
-
"teddy-global-
|
|
705
|
-
"teddy-global-
|
|
706
|
-
"teddy-global-
|
|
707
|
-
"teddy-global-
|
|
708
|
-
"teddy-global-
|
|
709
|
-
"teddy-global-
|
|
710
|
-
"teddy-global-
|
|
711
|
-
"teddy-global-
|
|
712
|
-
"teddy-global-
|
|
713
|
-
"teddy-global-
|
|
714
|
-
"teddy-global-
|
|
715
|
-
"teddy-global-
|
|
716
|
-
"teddy-global-
|
|
717
|
-
"close-viewport": "_close-viewport_1kpy3_1",
|
|
718
|
-
"teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_1kpy3_102",
|
|
719
|
-
"teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1kpy3_105",
|
|
720
|
-
"teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_1kpy3_122",
|
|
721
|
-
"teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_1kpy3_138"
|
|
684
|
+
"teddy-global-navigation": "_teddy-global-navigation_19q4u_1",
|
|
685
|
+
"teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_19q4u_6",
|
|
686
|
+
"teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_19q4u_26",
|
|
687
|
+
"teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_19q4u_31",
|
|
688
|
+
"teddy-global-navigation__link": "_teddy-global-navigation__link_19q4u_35",
|
|
689
|
+
"teddy-global-navigation__header": "_teddy-global-navigation__header_19q4u_48",
|
|
690
|
+
"teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_19q4u_51",
|
|
691
|
+
"teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_19q4u_54",
|
|
692
|
+
"teddy-global-navigation__sublink-button--mobile": "_teddy-global-navigation__sublink-button--mobile_19q4u_58",
|
|
693
|
+
"teddy-global-navigation__list": "_teddy-global-navigation__list_19q4u_64",
|
|
694
|
+
"teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_19q4u_69",
|
|
695
|
+
"teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_19q4u_72",
|
|
696
|
+
"teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_19q4u_76",
|
|
697
|
+
"teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_19q4u_83",
|
|
698
|
+
"teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_19q4u_98",
|
|
699
|
+
"teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_19q4u_101"
|
|
722
700
|
};
|
|
723
701
|
function MyPages(props) {
|
|
724
702
|
var _a, _b;
|
|
@@ -892,7 +870,7 @@ const Desktop = React.forwardRef(() => {
|
|
|
892
870
|
);
|
|
893
871
|
const topMenuSize = utils_useSize.useSize(topMenuRef.current);
|
|
894
872
|
const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
|
|
895
|
-
const viewPortHeight = shouldShowViewport ? "
|
|
873
|
+
const viewPortHeight = shouldShowViewport ? "293px" : void 0;
|
|
896
874
|
if (!rootContext)
|
|
897
875
|
return null;
|
|
898
876
|
function resetAndShowMenu() {
|
|
@@ -902,6 +880,10 @@ const Desktop = React.forwardRef(() => {
|
|
|
902
880
|
}
|
|
903
881
|
const { hideMenu, selectedMenuItem, setSelectedMenuItem, linkComponent: Link2, specifiedLink, setSpecifiedLink } = rootContext;
|
|
904
882
|
const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
|
|
883
|
+
const handleInteractions = (linkName) => {
|
|
884
|
+
setSpecifiedLink(linkName || "");
|
|
885
|
+
setSelectedMenuItem(linkName || "", true);
|
|
886
|
+
};
|
|
905
887
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
906
888
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: styles[`${rootClassName}__top-menu-color`], children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
907
889
|
"div",
|
|
@@ -931,13 +913,7 @@ const Desktop = React.forwardRef(() => {
|
|
|
931
913
|
(subLink) => {
|
|
932
914
|
var _a2, _b, _c;
|
|
933
915
|
return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu.Item, { value: subLink.name, children: [
|
|
934
|
-
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: () =>
|
|
935
|
-
setSelectedMenuItem("", true);
|
|
936
|
-
setSpecifiedLink("");
|
|
937
|
-
}, onClick: () => {
|
|
938
|
-
setSelectedMenuItem("", true);
|
|
939
|
-
setSpecifiedLink("");
|
|
940
|
-
}, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
916
|
+
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(
|
|
941
917
|
"img",
|
|
942
918
|
{
|
|
943
919
|
src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
|
|
@@ -948,14 +924,8 @@ const Desktop = React.forwardRef(() => {
|
|
|
948
924
|
"a",
|
|
949
925
|
{
|
|
950
926
|
href: subLink.link,
|
|
951
|
-
onMouseEnter: () =>
|
|
952
|
-
|
|
953
|
-
setSpecifiedLink("");
|
|
954
|
-
},
|
|
955
|
-
onClick: () => {
|
|
956
|
-
setSelectedMenuItem("", true);
|
|
957
|
-
setSpecifiedLink("");
|
|
958
|
-
},
|
|
927
|
+
onMouseEnter: () => handleInteractions(),
|
|
928
|
+
onClick: () => handleInteractions(),
|
|
959
929
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
960
930
|
"img",
|
|
961
931
|
{
|
|
@@ -970,23 +940,14 @@ const Desktop = React.forwardRef(() => {
|
|
|
970
940
|
{
|
|
971
941
|
asChild: true,
|
|
972
942
|
active: currentLocation === subLink.link,
|
|
973
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { onMouseEnter: () =>
|
|
974
|
-
setSpecifiedLink(subLink.name);
|
|
975
|
-
setSelectedMenuItem(subLink.name, true);
|
|
976
|
-
}, children: subLink.name })
|
|
943
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { onMouseEnter: () => handleInteractions(subLink.name), onClick: () => handleInteractions(subLink.name), children: subLink.name })
|
|
977
944
|
}
|
|
978
945
|
) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
979
946
|
NavigationMenu.Link,
|
|
980
947
|
{
|
|
981
948
|
asChild: true,
|
|
982
949
|
active: selectedMenuItem === subLink.name && currentLocation === subLink.link,
|
|
983
|
-
children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { onMouseEnter: () => {
|
|
984
|
-
setSpecifiedLink(subLink.name);
|
|
985
|
-
setSelectedMenuItem(subLink.name, true);
|
|
986
|
-
}, href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { onMouseEnter: () => {
|
|
987
|
-
setSpecifiedLink(subLink.name);
|
|
988
|
-
setSelectedMenuItem(subLink.name, true);
|
|
989
|
-
}, href: subLink.link, children: subLink.name })
|
|
950
|
+
children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { onMouseEnter: () => handleInteractions(subLink.name), onClick: () => handleInteractions(subLink.name), href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { onMouseEnter: () => handleInteractions(subLink.name), onClick: () => handleInteractions(subLink.name), href: subLink.link, children: subLink.name })
|
|
990
951
|
}
|
|
991
952
|
),
|
|
992
953
|
/* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Content, { children: !!specifiedLink && subLink.name === specifiedLink && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
@@ -1027,7 +988,7 @@ const HightlightedLinksDesktop = ({ links, listName }) => {
|
|
|
1027
988
|
const rootContext = React.useContext(RootContext);
|
|
1028
989
|
if (!rootContext)
|
|
1029
990
|
return null;
|
|
1030
|
-
const { linkComponent: Link2 } = rootContext;
|
|
991
|
+
const { linkComponent: Link2, setSpecifiedLink, setSelectedMenuItem } = rootContext;
|
|
1031
992
|
const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
|
|
1032
993
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1033
994
|
/* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { pl: "100", pb: "100", variant: "title-200", as: "h2", children: listName }),
|
|
@@ -1040,6 +1001,8 @@ const HightlightedLinksDesktop = ({ links, listName }) => {
|
|
|
1040
1001
|
active: components_navigationMenu_globalNavigation_utils.getActiveSubLink(currentLocation, links || []) === subSubLink.link,
|
|
1041
1002
|
onClick: () => {
|
|
1042
1003
|
rootContext.setPathname(subSubLink.link);
|
|
1004
|
+
setSpecifiedLink("");
|
|
1005
|
+
setSelectedMenuItem("", true);
|
|
1043
1006
|
},
|
|
1044
1007
|
children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", align: "center", children: [
|
|
1045
1008
|
subSubLink.name,
|
|
@@ -1078,7 +1041,6 @@ function Mobile(props) {
|
|
|
1078
1041
|
/* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { ref: drawerRef, slot: "floating", "aria-label": "Lukk" }),
|
|
1079
1042
|
!specifiedLink ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1080
1043
|
/* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Meny" }),
|
|
1081
|
-
/* @__PURE__ */ jsxRuntime.jsx(SearchField, {}),
|
|
1082
1044
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1083
1045
|
components_tabs_index.Tabs,
|
|
1084
1046
|
{
|