@postnord/pn-marketweb-components 2.9.1 → 2.9.3
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/cjs/{FetchHelper-11da3221.js → FetchHelper-6813e5a6.js} +8 -1
- package/cjs/pn-address-autofill.cjs.entry.js +1 -1
- package/cjs/pn-cta-block.cjs.entry.js +7 -2
- package/cjs/pn-marketweb-sitefooter.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-siteheader-login-button_5.cjs.entry.js +2 -2
- package/cjs/pn-marketweb-siteheader.cjs.entry.js +1 -1
- package/cjs/pn-proxio-findprice.cjs.entry.js +1 -1
- package/cjs/pn-proxio-pricegroup.cjs.entry.js +1 -1
- package/cjs/pn-usp-promoter.cjs.entry.js +9 -4
- package/collection/components/cta/pn-cta-block/cta-block.stories.js +90 -21
- package/collection/components/cta/pn-cta-block/pn-cta-block.css +35 -20
- package/collection/components/cta/pn-cta-block/pn-cta-block.js +6 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/unifiedLoginHelper.js +2 -2
- package/collection/components/widgets/pn-usp-promoter/pn-usp-promoter.css +12 -3
- package/collection/components/widgets/pn-usp-promoter/pn-usp-promoter.js +8 -3
- package/collection/components/widgets/pn-usp-promoter/usp-promoter.stories.js +13 -13
- package/collection/globals/MarketWebContextService.js +8 -1
- package/collection/globals/storybookGlobals.js +10 -0
- package/components/FetchHelper.js +8 -1
- package/components/pn-cta-block.js +7 -2
- package/components/pn-marketweb-siteheader-login-button2.js +2 -2
- package/components/pn-usp-promoter.js +9 -4
- package/esm/{FetchHelper-121931ed.js → FetchHelper-424dc39b.js} +8 -1
- package/esm/pn-address-autofill.entry.js +1 -1
- package/esm/pn-cta-block.entry.js +7 -2
- package/esm/pn-marketweb-sitefooter.entry.js +1 -1
- package/esm/pn-marketweb-siteheader-login-button_5.entry.js +2 -2
- package/esm/pn-marketweb-siteheader.entry.js +1 -1
- package/esm/pn-proxio-findprice.entry.js +1 -1
- package/esm/pn-proxio-pricegroup.entry.js +1 -1
- package/esm/pn-usp-promoter.entry.js +9 -4
- package/esm-es5/FetchHelper-424dc39b.js +1 -0
- package/esm-es5/pn-address-autofill.entry.js +1 -1
- package/esm-es5/pn-cta-block.entry.js +1 -1
- package/esm-es5/pn-marketweb-sitefooter.entry.js +1 -1
- package/esm-es5/pn-marketweb-siteheader-login-button_5.entry.js +1 -1
- package/esm-es5/pn-marketweb-siteheader.entry.js +1 -1
- package/esm-es5/pn-proxio-findprice.entry.js +1 -1
- package/esm-es5/pn-proxio-pricegroup.entry.js +1 -1
- package/esm-es5/pn-usp-promoter.entry.js +1 -1
- package/package.json +1 -1
- package/pn-market-web-components/p-032bc86d.js +1 -0
- package/pn-market-web-components/{p-c58a42f2.entry.js → p-0f004994.entry.js} +1 -1
- package/pn-market-web-components/{p-a3b9c1ea.system.entry.js → p-10fdcb89.system.entry.js} +1 -1
- package/pn-market-web-components/{p-0c46179e.entry.js → p-2e414d23.entry.js} +1 -1
- package/pn-market-web-components/{p-c82923a7.system.entry.js → p-2ef498a6.system.entry.js} +1 -1
- package/pn-market-web-components/p-39383d3d.system.entry.js +1 -0
- package/pn-market-web-components/{p-3a6f96bc.system.entry.js → p-3a934014.system.entry.js} +1 -1
- package/pn-market-web-components/p-4f6ebbda.system.entry.js +1 -0
- package/pn-market-web-components/p-52b4e7d2.system.js +1 -0
- package/pn-market-web-components/p-6f853c29.system.js +1 -1
- package/pn-market-web-components/{p-627745be.entry.js → p-6ff70ee9.entry.js} +1 -1
- package/pn-market-web-components/{p-6caeecd6.system.entry.js → p-8bb88c5b.system.entry.js} +1 -1
- package/pn-market-web-components/p-928ced33.system.entry.js +1 -0
- package/pn-market-web-components/{p-aa11858a.entry.js → p-9b87c94d.entry.js} +1 -1
- package/pn-market-web-components/p-9f6c833e.entry.js +1 -0
- package/pn-market-web-components/p-b0055a00.entry.js +1 -0
- package/pn-market-web-components/{p-6dc0d4d5.system.entry.js → p-e88db28e.system.entry.js} +1 -1
- package/pn-market-web-components/{p-5c50a8d4.entry.js → p-ed6c1e44.entry.js} +1 -1
- package/pn-market-web-components/p-f985d1eb.entry.js +1 -0
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/types/globals/MarketWebContextService.d.ts +7 -0
- package/types/globals/storybookGlobals.d.ts +10 -0
- package/esm-es5/FetchHelper-121931ed.js +0 -1
- package/pn-market-web-components/p-395105d0.system.entry.js +0 -1
- package/pn-market-web-components/p-6a96db2f.js +0 -1
- package/pn-market-web-components/p-6bdc811d.system.js +0 -1
- package/pn-market-web-components/p-8b2d9d1c.entry.js +0 -1
- package/pn-market-web-components/p-a2ed2bf6.entry.js +0 -1
- package/pn-market-web-components/p-a78eb53d.system.entry.js +0 -1
- package/pn-market-web-components/p-df1142cc.entry.js +0 -1
- package/pn-market-web-components/p-e4d68a16.system.entry.js +0 -1
|
@@ -18,6 +18,8 @@ pn-usp-promoter .usp-promoter--full-width {
|
|
|
18
18
|
pn-usp-promoter .usp-promoter__content {
|
|
19
19
|
display: flex;
|
|
20
20
|
flex-direction: row;
|
|
21
|
+
width: 100%;
|
|
22
|
+
max-width: 114rem;
|
|
21
23
|
}
|
|
22
24
|
@media screen and (min-width: 768px) {
|
|
23
25
|
pn-usp-promoter .usp-promoter__content {
|
|
@@ -29,6 +31,8 @@ pn-usp-promoter .usp-promoter__content {
|
|
|
29
31
|
pn-usp-promoter .usp-promoter__content-wrapper {
|
|
30
32
|
display: flex;
|
|
31
33
|
flex-direction: column;
|
|
34
|
+
width: 100%;
|
|
35
|
+
max-width: 75rem;
|
|
32
36
|
}
|
|
33
37
|
@media screen and (min-width: 768px) {
|
|
34
38
|
pn-usp-promoter .usp-promoter__content-wrapper {
|
|
@@ -42,26 +46,31 @@ pn-usp-promoter .usp-promoter__content-heading {
|
|
|
42
46
|
@media screen and (min-width: 768px) {
|
|
43
47
|
pn-usp-promoter .usp-promoter__content-heading {
|
|
44
48
|
font-size: 4.2rem;
|
|
45
|
-
max-width: 45rem;
|
|
46
49
|
}
|
|
47
50
|
}
|
|
48
51
|
@media screen and (min-width: 1140px) {
|
|
49
52
|
pn-usp-promoter .usp-promoter__content-heading {
|
|
50
53
|
font-size: 4.8rem;
|
|
51
|
-
max-width: 50rem;
|
|
52
54
|
}
|
|
53
55
|
}
|
|
54
56
|
@media screen and (min-width: 1440px) {
|
|
55
57
|
pn-usp-promoter .usp-promoter__content-heading {
|
|
56
58
|
font-size: 5.6rem;
|
|
57
|
-
max-width: 58rem;
|
|
58
59
|
}
|
|
59
60
|
}
|
|
61
|
+
pn-usp-promoter .usp-promoter__no-margin-bottom {
|
|
62
|
+
margin-bottom: 0 !important;
|
|
63
|
+
}
|
|
60
64
|
pn-usp-promoter .usp-promoter__content-text {
|
|
61
65
|
font-size: 1.6rem;
|
|
62
66
|
max-width: 47rem;
|
|
63
67
|
margin-bottom: 2.6rem;
|
|
64
68
|
}
|
|
69
|
+
@media screen and (min-width: 768px) {
|
|
70
|
+
pn-usp-promoter .usp-promoter__content-text {
|
|
71
|
+
text-wrap: balance;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
65
74
|
@media screen and (min-width: 1140px) {
|
|
66
75
|
pn-usp-promoter .usp-promoter__content-text {
|
|
67
76
|
font-size: 1.8rem;
|
|
@@ -14,12 +14,17 @@ export class PnUspPromoter {
|
|
|
14
14
|
if (this.hideMobileImage || slot == null) {
|
|
15
15
|
return "usp-promoter--hide-image-small-screen";
|
|
16
16
|
}
|
|
17
|
+
return "";
|
|
17
18
|
}
|
|
18
19
|
render() {
|
|
19
|
-
const
|
|
20
|
-
const
|
|
20
|
+
const { fullWidth, rightAlign } = this;
|
|
21
|
+
const classes = [
|
|
22
|
+
'usp-promoter',
|
|
23
|
+
fullWidth ? "usp-promoter--full-width" : "",
|
|
24
|
+
rightAlign ? "usp-promoter--right-align" : "",
|
|
25
|
+
].join(' ');
|
|
21
26
|
const hasHeadingExtension = this.headingExtension ? "usp-promoter__heading-extension" : "";
|
|
22
|
-
return (h(Host, null, h("div", { class: `
|
|
27
|
+
return (h(Host, null, h("div", { class: ` ${classes} ${this.centerMobileContent()}`, style: { 'background': `${this.backgroundGradient}` } }, h("div", { class: "usp-promoter__content" }, h("slot", { name: "illustration" }), h("div", { class: "usp-promoter__content-wrapper" }, h("h2", { class: `usp-promoter__content-heading ${hasHeadingExtension}` }, h("span", null, this.heading), (this.headingExtension) ? h("span", null, this.headingExtension) : null), h("p", { class: "usp-promoter__content-text" }, this.bodyText), h("slot", { name: "app-store" }), h("slot", { name: "usp-buttons" }))))));
|
|
23
28
|
}
|
|
24
29
|
static get is() { return "pn-usp-promoter"; }
|
|
25
30
|
static get originalStyleUrls() {
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import readme from "./readme.md";
|
|
2
|
+
import { imageUrls, appImages} from "../../../globals/storybookGlobals";
|
|
2
3
|
|
|
3
4
|
export default {
|
|
4
5
|
title: "widgets/Usp Promoter",
|
|
5
6
|
parameters: {
|
|
6
7
|
notes: readme
|
|
7
|
-
}
|
|
8
|
+
},
|
|
8
9
|
};
|
|
9
10
|
|
|
10
11
|
const Template = ({ ...args }) => {
|
|
@@ -20,10 +21,10 @@ const Template = ({ ...args }) => {
|
|
|
20
21
|
hide-mobile-image="${args.hideMobileImage}">
|
|
21
22
|
<div slot="app-store">
|
|
22
23
|
<a href="http://www.apple.com">
|
|
23
|
-
<img src="
|
|
24
|
+
<img src="${appImages.postnordAppStore}">
|
|
24
25
|
</a>
|
|
25
26
|
<a href="http://www.google.com">
|
|
26
|
-
<img src="
|
|
27
|
+
<img src="${appImages.postnordGooglePlay}">
|
|
27
28
|
</a>
|
|
28
29
|
</div>
|
|
29
30
|
<div slot="usp-buttons">
|
|
@@ -33,7 +34,7 @@ const Template = ({ ...args }) => {
|
|
|
33
34
|
<pn-scroll>
|
|
34
35
|
<div slot="scroll-affected">
|
|
35
36
|
<picture>
|
|
36
|
-
<img src="
|
|
37
|
+
<img src="${imageUrls.mobileIllustration}" />
|
|
37
38
|
</picture>
|
|
38
39
|
</div>
|
|
39
40
|
</pn-scroll>
|
|
@@ -41,7 +42,7 @@ const Template = ({ ...args }) => {
|
|
|
41
42
|
<pn-scroll>
|
|
42
43
|
<div slot="scroll-affected">
|
|
43
44
|
<picture>
|
|
44
|
-
<img src="
|
|
45
|
+
<img src="${imageUrls.mobileIllustration}" />
|
|
45
46
|
</picture>
|
|
46
47
|
</div>
|
|
47
48
|
</pn-scroll>
|
|
@@ -60,7 +61,6 @@ Primary.args = {
|
|
|
60
61
|
backgroundGradient: "linear-gradient(90deg, #FFF 47.46%, #EFFBFF 70.86%)",
|
|
61
62
|
fullWidth: true,
|
|
62
63
|
rightAlign: true,
|
|
63
|
-
hideMobileImage: false,
|
|
64
64
|
};
|
|
65
65
|
|
|
66
66
|
const WithImageTemplate = ({ ...args }) => {
|
|
@@ -75,10 +75,10 @@ const WithImageTemplate = ({ ...args }) => {
|
|
|
75
75
|
hide-mobile-image="${args.hideMobileImage}">
|
|
76
76
|
<div slot="app-store">
|
|
77
77
|
<a href="http://www.apple.com">
|
|
78
|
-
<img src="
|
|
78
|
+
<img src="${appImages.postnordAppStore}">
|
|
79
79
|
</a>
|
|
80
80
|
<a href="http://www.google.com">
|
|
81
|
-
<img src="
|
|
81
|
+
<img src="${appImages.postnordGooglePlay}">
|
|
82
82
|
</a>
|
|
83
83
|
</div>
|
|
84
84
|
<div slot="usp-buttons">
|
|
@@ -88,7 +88,7 @@ const WithImageTemplate = ({ ...args }) => {
|
|
|
88
88
|
<pn-scroll>
|
|
89
89
|
<div slot="scroll-affected">
|
|
90
90
|
<picture>
|
|
91
|
-
<img src="
|
|
91
|
+
<img src="${imageUrls.mobileIllustration}" />
|
|
92
92
|
</picture>
|
|
93
93
|
</div>
|
|
94
94
|
</pn-scroll>
|
|
@@ -96,7 +96,7 @@ const WithImageTemplate = ({ ...args }) => {
|
|
|
96
96
|
<pn-scroll>
|
|
97
97
|
<div slot="scroll-affected">
|
|
98
98
|
<picture>
|
|
99
|
-
<img src="
|
|
99
|
+
<img src="${imageUrls.mobileIllustration}" />
|
|
100
100
|
</picture>
|
|
101
101
|
</div>
|
|
102
102
|
</pn-scroll>
|
|
@@ -130,10 +130,10 @@ const NoImageTemplate = ({ ...args }) => {
|
|
|
130
130
|
hide-mobile-image="${args.hideMobileImage}">
|
|
131
131
|
<div slot="app-store">
|
|
132
132
|
<a href="http://www.apple.com">
|
|
133
|
-
<img src="
|
|
133
|
+
<img src="${appImages.postnordAppStore}">
|
|
134
134
|
</a>
|
|
135
135
|
<a href="http://www.google.com">
|
|
136
|
-
<img src="
|
|
136
|
+
<img src="${appImages.postnordGooglePlay}">
|
|
137
137
|
</a>
|
|
138
138
|
</div>
|
|
139
139
|
<div slot="usp-buttons">
|
|
@@ -142,7 +142,7 @@ const NoImageTemplate = ({ ...args }) => {
|
|
|
142
142
|
<pn-scroll>
|
|
143
143
|
<div slot="scroll-affected">
|
|
144
144
|
<picture>
|
|
145
|
-
<img src="
|
|
145
|
+
<img src="${imageUrls.mobileIllustration}" />
|
|
146
146
|
</picture>
|
|
147
147
|
</div>
|
|
148
148
|
</pn-scroll>
|
|
@@ -6,7 +6,7 @@ class MarketWebContextService {
|
|
|
6
6
|
this.environment = "";
|
|
7
7
|
this.url = null;
|
|
8
8
|
this.allowedLanguages = ["sv", "da", "fi", "no", "en", "de", "zh", "fr", "es", "it", "nl"];
|
|
9
|
-
this.allowedMarkets = ["se", "dk", "fi", "no", "com", "de", "tpl"];
|
|
9
|
+
this.allowedMarkets = ["se", "dk", "fi", "no", "com", "de", "tpl", "group"];
|
|
10
10
|
this.wwwMarkets = ["se", "dk", "fi", "no", "de", "com"];
|
|
11
11
|
this.developmentDomains = ["localhost", ".local", "local.", ".dev", "dev."];
|
|
12
12
|
this.markets = {
|
|
@@ -59,6 +59,13 @@ class MarketWebContextService {
|
|
|
59
59
|
production: "tpl-prod.postnord.com",
|
|
60
60
|
live: "www.tpl.postnord.com",
|
|
61
61
|
},
|
|
62
|
+
group: {
|
|
63
|
+
fallbackLanguage: "en",
|
|
64
|
+
integration: "group-inte.postnord.com",
|
|
65
|
+
preproduction: "group-prep.postnord.com",
|
|
66
|
+
production: "group-prod.postnord.com",
|
|
67
|
+
live: "group.postnord.com",
|
|
68
|
+
},
|
|
62
69
|
};
|
|
63
70
|
this.environmentTypes = ["integration", "preproduction", "production", "inte", "prep", "prod"];
|
|
64
71
|
this.environments = {
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export const imageSvgs = {
|
|
2
|
+
success: 'https://www.postnord.se/contentassets/5fe2c739644149e79d73c1082e575af3/success.svg'
|
|
3
|
+
};
|
|
4
|
+
export const imageUrls = {
|
|
5
|
+
mobileIllustration: 'https://se-prep.postnord.com/siteassets/images-new/app-images/track-swe.webp',
|
|
6
|
+
};
|
|
7
|
+
export const appImages = {
|
|
8
|
+
postnordAppStore: 'https://se-prep.postnord.com/siteassets/startpage-blocks/AppStore-transparent.svg',
|
|
9
|
+
postnordGooglePlay: 'https://se-prep.postnord.com/siteassets/startpage-blocks/googleplay-transparent.svg',
|
|
10
|
+
};
|
|
@@ -6,7 +6,7 @@ class MarketWebContextService {
|
|
|
6
6
|
this.environment = "";
|
|
7
7
|
this.url = null;
|
|
8
8
|
this.allowedLanguages = ["sv", "da", "fi", "no", "en", "de", "zh", "fr", "es", "it", "nl"];
|
|
9
|
-
this.allowedMarkets = ["se", "dk", "fi", "no", "com", "de", "tpl"];
|
|
9
|
+
this.allowedMarkets = ["se", "dk", "fi", "no", "com", "de", "tpl", "group"];
|
|
10
10
|
this.wwwMarkets = ["se", "dk", "fi", "no", "de", "com"];
|
|
11
11
|
this.developmentDomains = ["localhost", ".local", "local.", ".dev", "dev."];
|
|
12
12
|
this.markets = {
|
|
@@ -59,6 +59,13 @@ class MarketWebContextService {
|
|
|
59
59
|
production: "tpl-prod.postnord.com",
|
|
60
60
|
live: "www.tpl.postnord.com",
|
|
61
61
|
},
|
|
62
|
+
group: {
|
|
63
|
+
fallbackLanguage: "en",
|
|
64
|
+
integration: "group-inte.postnord.com",
|
|
65
|
+
preproduction: "group-prep.postnord.com",
|
|
66
|
+
production: "group-prod.postnord.com",
|
|
67
|
+
live: "group.postnord.com",
|
|
68
|
+
},
|
|
62
69
|
};
|
|
63
70
|
this.environmentTypes = ["integration", "preproduction", "production", "inte", "prep", "prod"];
|
|
64
71
|
this.environments = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const pnCtaBlockCss = "pn-cta-block .cta-block{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;border-radius:2.4rem;padding:3.2rem 2.4rem;width:100%}@media screen and (min-width: 768px){pn-cta-block .cta-block{-ms-flex-direction:row;flex-direction:row;padding:2.4rem}}@media screen and (min-width: 1140px){pn-cta-block .cta-block{
|
|
3
|
+
const pnCtaBlockCss = "pn-cta-block{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}pn-cta-block .cta-block{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;border-radius:2.4rem;padding:3.2rem 2.4rem;width:100%}@media screen and (min-width: 768px){pn-cta-block .cta-block{-ms-flex-direction:row;flex-direction:row;padding:2.4rem}}@media screen and (min-width: 1140px){pn-cta-block .cta-block{max-width:95%}}@media screen and (min-width: 1440px){pn-cta-block .cta-block{max-width:90%}}pn-cta-block .cta-block[pn-background-color=blue25]{background-color:#EFFBFF}pn-cta-block .cta-block[pn-background-color=coral50]{background-color:#FDEFEE}pn-cta-block .cta-block[pn-background-color=gray25]{background-color:#F9F8F8}pn-cta-block .cta-block[pn-background-color=green25]{background-color:#EDFBF3}pn-cta-block .cta-block[pn-background-color=transparent]{padding:0 3.2rem}pn-cta-block .cta-block--content-top .cta-block__content{-ms-flex-pack:start;justify-content:flex-start}@media screen and (min-width: 768px){pn-cta-block .cta-block--large .cta-block__heading{font-size:3.6rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--large .cta-block__text{font-size:2rem}}pn-cta-block .cta-block--small{width:auto}@media screen and (min-width: 992px){pn-cta-block .cta-block--small{display:-ms-inline-flexbox;display:inline-flex;max-width:75%}pn-cta-block .cta-block--small.cta-block--center{max-width:66%}}pn-cta-block .cta-block--center{-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;gap:1.6rem;text-align:center}@media screen and (min-width: 768px){pn-cta-block .cta-block--center{gap:2.4rem;padding:3.2rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__content{max-width:74rem;padding:0}}pn-cta-block .cta-block--center .cta-block__action{margin-top:0.8rem}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__action{-ms-flex-direction:row;flex-direction:row;gap:2.4rem;margin-top:0}pn-cta-block .cta-block--center .cta-block__action.cta-block__button{margin-bottom:0}pn-cta-block .cta-block--center .cta-block__action>[slot=cta-buttons]{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:2.4rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__image-wrapper{display:block}}pn-cta-block .cta-block--center .cta-block__image-wrapper>[slot=illustration]{padding-right:0}pn-cta-block .cta-block--center .cta-block__text{margin-bottom:0 !important}pn-cta-block .cta-block__image-wrapper{margin-bottom:1.6rem}pn-cta-block .cta-block__image-wrapper>[slot=illustration]>picture>img{border-radius:0.8rem;max-width:100%}@media screen and (min-width: 768px){pn-cta-block .cta-block__image-wrapper{display:none;max-width:20%}}@media screen and (min-width: 992px){pn-cta-block .cta-block__image-wrapper{display:block;margin-bottom:0}pn-cta-block .cta-block__image-wrapper>[slot=illustration]{padding-right:3.2rem}}pn-cta-block .cta-block__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 768px){pn-cta-block .cta-block__content{padding-right:2.4rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block__content .cta-block__heading,pn-cta-block .cta-block__content .cta-block__text{max-width:74rem}}pn-cta-block .cta-block__content .cta-block__text{margin-bottom:2.4rem}@media screen and (min-width: 768px){pn-cta-block .cta-block__content .cta-block__text{margin-bottom:0}}pn-cta-block .cta-block__heading{margin-bottom:0.8rem}pn-cta-block .cta-block__action{display:-ms-flexbox;display:flex}pn-cta-block .cta-block__action>[slot=cta-buttons]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;row-gap:1.6rem;-ms-flex:1;flex:1}@media screen and (min-width: 768px){pn-cta-block .cta-block__action>[slot=cta-buttons]{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center;gap:1.6rem;margin-top:0}}pn-cta-block .cta-block__action>[slot=cta-buttons]>a{color:#005D92;font-weight:500;font-size:1.6rem;padding:0.1rem;text-decoration:none}pn-cta-block .cta-block__action>[slot=cta-buttons]>a pn-icon svg{-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}pn-cta-block .cta-block__action>[slot=cta-buttons]>a pn-icon svg path{fill:#005D92}pn-cta-block .cta-block__action>[slot=cta-buttons]>a:hover pn-icon svg{-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;-webkit-transform:translateX(0.3rem);transform:translateX(0.3rem)}pn-cta-block .cta-block__action>[slot=cta-buttons]>a:hover pn-icon svg path{fill:#005D92}";
|
|
4
4
|
|
|
5
5
|
const PnCtaBlock$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -15,7 +15,12 @@ const PnCtaBlock$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
15
15
|
this.contentTop = false;
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
|
|
18
|
+
const hasImage = this.hostElement.querySelector('[slot="illustration"]');
|
|
19
|
+
const hasButtons = this.hostElement.querySelector('[slot="cta-buttons"]');
|
|
20
|
+
return (h(Host, null, h("div", { "pn-background-color": this.pnBackgroundColor, class: `cta-block ${this.isLarge ? 'cta-block--large' : ''} ${this.isCentered ? 'cta-block--center' : ''} ${(this.isSmall ? 'cta-block--small' : '')} ${this.contentTop ? 'cta-block--content-top' : ''}` }, (hasImage ?
|
|
21
|
+
h("div", { class: "cta-block__image-wrapper" }, h("slot", { name: "illustration" })) : null), (this.heading && this.bodyText) ?
|
|
22
|
+
h("div", { class: "cta-block__content" }, h("h2", { class: "cta-block__heading" }, this.heading), h("p", { class: "cta-block__text" }, this.bodyText)) : null, (hasButtons ?
|
|
23
|
+
h("div", { class: "cta-block__action" }, h("slot", { name: "cta-buttons" })) : null))));
|
|
19
24
|
}
|
|
20
25
|
get hostElement() { return this; }
|
|
21
26
|
static get style() { return pnCtaBlockCss; }
|
|
@@ -23,8 +23,8 @@ Step 3.
|
|
|
23
23
|
If non of the above matches, then use the production portal endpoint to log in
|
|
24
24
|
|
|
25
25
|
*/
|
|
26
|
-
const marketRegex = "(?:se|dk|no|fi|com|de|tpl)-(?:integration|preproduction|production|inte|prep|prod).(?:postnord.com)";
|
|
27
|
-
const wwwRegex = "(?:www(?:.tpl)?.postnord.(?:se|dk|no|fi|com|de))";
|
|
26
|
+
const marketRegex = "(?:se|dk|no|fi|com|de|tpl|group)-(?:integration|preproduction|production|inte|prep|prod).(?:postnord.com)";
|
|
27
|
+
const wwwRegex = "(?:www(?:.tpl|.group)?.postnord.(?:se|dk|no|fi|com|de))";
|
|
28
28
|
const localRegex = "(?:local)(?:host|.postnord.)(?:se|dk|no|fi|com|de|)";
|
|
29
29
|
const devAndAtRegex = "(?:dev|at)(?:portal.postnord.com)";
|
|
30
30
|
if (currentDomain.match(marketRegex) || currentDomain.match(wwwRegex) || currentDomain.match(localRegex)) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const pnUspPromoterCss = "pn-usp-promoter{width:80%}pn-usp-promoter .usp-promoter{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:3rem 0.8rem}pn-usp-promoter .usp-promoter--full-width{overflow:hidden;margin:0 calc(-50vw + 50%)}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--full-width{padding:8rem 4rem}}pn-usp-promoter .usp-promoter__content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content{-ms-flex-align:center;align-items:center;text-align:left;-ms-flex-pack:center;justify-content:center}}pn-usp-promoter .usp-promoter__content-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-wrapper{-ms-flex-align:start;align-items:flex-start;padding-left:4rem}}pn-usp-promoter .usp-promoter__content-heading{margin-bottom:0.8rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.2rem
|
|
3
|
+
const pnUspPromoterCss = "pn-usp-promoter{width:80%}pn-usp-promoter .usp-promoter{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:3rem 0.8rem}pn-usp-promoter .usp-promoter--full-width{overflow:hidden;margin:0 calc(-50vw + 50%)}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--full-width{padding:8rem 4rem}}pn-usp-promoter .usp-promoter__content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;max-width:114rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content{-ms-flex-align:center;align-items:center;text-align:left;-ms-flex-pack:center;justify-content:center}}pn-usp-promoter .usp-promoter__content-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:75rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-wrapper{-ms-flex-align:start;align-items:flex-start;padding-left:4rem}}pn-usp-promoter .usp-promoter__content-heading{margin-bottom:0.8rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.2rem}}@media screen and (min-width: 1140px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.8rem}}@media screen and (min-width: 1440px){pn-usp-promoter .usp-promoter__content-heading{font-size:5.6rem}}pn-usp-promoter .usp-promoter__no-margin-bottom{margin-bottom:0 !important}pn-usp-promoter .usp-promoter__content-text{font-size:1.6rem;max-width:47rem;margin-bottom:2.6rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-text{text-wrap:balance}}@media screen and (min-width: 1140px){pn-usp-promoter .usp-promoter__content-text{font-size:1.8rem;max-width:60rem}}@media screen and (min-width: 1440px){pn-usp-promoter .usp-promoter__content-text{font-size:2rem;max-width:70rem}}pn-usp-promoter [slot=app-store]{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;margin-bottom:2.6rem;gap:1rem}pn-usp-promoter [slot=app-store]>a{background-color:black;border:0.1rem solid #A6A6A6;border-radius:0.8rem;color:#FFF;display:inline-block;line-height:0;text-decoration:none;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}pn-usp-promoter [slot=app-store]>a::after{margin-left:0 !important;margin-right:0.5rem;top:0.2rem;position:relative}pn-usp-promoter [slot=app-store]>a:hover{background-color:#0D234B}pn-usp-promoter [slot=app-store]>a:focus{background-color:#0D234B;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #0D234B;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #0D234B}pn-usp-promoter [slot=app-store]>a:focus-visible{outline:none}pn-usp-promoter [slot=usp-buttons] pn-button{margin-bottom:1.6rem}pn-usp-promoter [slot=usp-buttons]>a{color:#005D92;font-weight:500;font-size:1.6rem;padding:0.1rem;text-decoration:none}pn-usp-promoter [slot=usp-buttons]>a pn-icon svg{-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}pn-usp-promoter [slot=usp-buttons]>a pn-icon svg path{fill:#005D92}pn-usp-promoter [slot=usp-buttons]>a:hover pn-icon svg{-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;-webkit-transform:translateX(0.3rem);transform:translateX(0.3rem)}pn-usp-promoter [slot=usp-buttons]>a:hover pn-icon svg path{fill:#005D92}pn-usp-promoter [slot=app-store],pn-usp-promoter [slot=usp-buttons]{-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){pn-usp-promoter [slot=app-store],pn-usp-promoter [slot=usp-buttons]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1.6rem}}pn-usp-promoter [slot=illustration]{max-width:25%;position:relative;left:-1.6rem}pn-usp-promoter [slot=illustration] pn-scroll{position:-webkit-sticky;position:sticky;top:0}@media screen and (min-width: 768px){pn-usp-promoter [slot=illustration]{display:block}}pn-usp-promoter [slot=illustration] picture img{max-width:100%}@media screen and (min-width: 1140px){pn-usp-promoter [slot=illustration] picture img{width:32rem}}@media screen and (min-width: 1440px){pn-usp-promoter [slot=illustration] picture img{width:33.6rem}}pn-usp-promoter .usp-promoter__heading-extension{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-usp-promoter .usp-promoter--right-align .usp-promoter__content{-ms-flex-direction:row-reverse;flex-direction:row-reverse;text-align:right}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--right-align .usp-promoter__content{-ms-flex-align:center;align-items:center}}pn-usp-promoter .usp-promoter--right-align .usp-promoter__content-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;padding-left:0}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--right-align .usp-promoter__content-wrapper{padding-right:4rem}}pn-usp-promoter .usp-promoter--right-align [slot=app-store],pn-usp-promoter .usp-promoter--right-align [slot=usp-buttons]{-ms-flex-align:end;align-items:flex-end}pn-usp-promoter .usp-promoter--right-align [slot=illustration]{left:1.6rem}@media screen and (max-width: 768px){pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=illustration] picture img{display:none}pn-usp-promoter .usp-promoter--hide-image-small-screen .usp-promoter__content{text-align:center}pn-usp-promoter .usp-promoter--hide-image-small-screen .usp-promoter__content-wrapper{-ms-flex-align:center;align-items:center;padding-right:0}pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=app-store],pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=usp-buttons]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}}";
|
|
4
4
|
|
|
5
5
|
const PnUspPromoter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -19,12 +19,17 @@ const PnUspPromoter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
|
|
|
19
19
|
if (this.hideMobileImage || slot == null) {
|
|
20
20
|
return "usp-promoter--hide-image-small-screen";
|
|
21
21
|
}
|
|
22
|
+
return "";
|
|
22
23
|
}
|
|
23
24
|
render() {
|
|
24
|
-
const
|
|
25
|
-
const
|
|
25
|
+
const { fullWidth, rightAlign } = this;
|
|
26
|
+
const classes = [
|
|
27
|
+
'usp-promoter',
|
|
28
|
+
fullWidth ? "usp-promoter--full-width" : "",
|
|
29
|
+
rightAlign ? "usp-promoter--right-align" : "",
|
|
30
|
+
].join(' ');
|
|
26
31
|
const hasHeadingExtension = this.headingExtension ? "usp-promoter__heading-extension" : "";
|
|
27
|
-
return (h(Host, null, h("div", { class: `
|
|
32
|
+
return (h(Host, null, h("div", { class: ` ${classes} ${this.centerMobileContent()}`, style: { 'background': `${this.backgroundGradient}` } }, h("div", { class: "usp-promoter__content" }, h("slot", { name: "illustration" }), h("div", { class: "usp-promoter__content-wrapper" }, h("h2", { class: `usp-promoter__content-heading ${hasHeadingExtension}` }, h("span", null, this.heading), (this.headingExtension) ? h("span", null, this.headingExtension) : null), h("p", { class: "usp-promoter__content-text" }, this.bodyText), h("slot", { name: "app-store" }), h("slot", { name: "usp-buttons" }))))));
|
|
28
33
|
}
|
|
29
34
|
get hostElement() { return this; }
|
|
30
35
|
static get style() { return pnUspPromoterCss; }
|
|
@@ -6,7 +6,7 @@ class MarketWebContextService {
|
|
|
6
6
|
this.environment = "";
|
|
7
7
|
this.url = null;
|
|
8
8
|
this.allowedLanguages = ["sv", "da", "fi", "no", "en", "de", "zh", "fr", "es", "it", "nl"];
|
|
9
|
-
this.allowedMarkets = ["se", "dk", "fi", "no", "com", "de", "tpl"];
|
|
9
|
+
this.allowedMarkets = ["se", "dk", "fi", "no", "com", "de", "tpl", "group"];
|
|
10
10
|
this.wwwMarkets = ["se", "dk", "fi", "no", "de", "com"];
|
|
11
11
|
this.developmentDomains = ["localhost", ".local", "local.", ".dev", "dev."];
|
|
12
12
|
this.markets = {
|
|
@@ -59,6 +59,13 @@ class MarketWebContextService {
|
|
|
59
59
|
production: "tpl-prod.postnord.com",
|
|
60
60
|
live: "www.tpl.postnord.com",
|
|
61
61
|
},
|
|
62
|
+
group: {
|
|
63
|
+
fallbackLanguage: "en",
|
|
64
|
+
integration: "group-inte.postnord.com",
|
|
65
|
+
preproduction: "group-prep.postnord.com",
|
|
66
|
+
production: "group-prod.postnord.com",
|
|
67
|
+
live: "group.postnord.com",
|
|
68
|
+
},
|
|
62
69
|
};
|
|
63
70
|
this.environmentTypes = ["integration", "preproduction", "production", "inte", "prep", "prod"];
|
|
64
71
|
this.environments = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, e as Host, g as getElement } from './index-a0d3240d.js';
|
|
2
|
-
import { F as FetchHelper, M as MarketWebContextService } from './FetchHelper-
|
|
2
|
+
import { F as FetchHelper, M as MarketWebContextService } from './FetchHelper-424dc39b.js';
|
|
3
3
|
import { d as debounce_1 } from './index-8976f360.js';
|
|
4
4
|
|
|
5
5
|
const pnAddressAutofillCss = "pn-address-autofill pn-marketweb-input{width:50%}pn-address-autofill .input-container-row{display:-ms-flexbox;display:flex;gap:1rem;margin-bottom:1rem}pn-address-autofill .label-container{color:#5E554A;font-size:0.875em;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end}pn-address-autofill .autocomplete-items{position:absolute;border-radius:0.8rem;border:0.1rem solid #5E554A;width:100%;max-height:30rem;overflow-y:auto}pn-address-autofill .autocomplete-items:hover,pn-address-autofill .autocomplete-items :focus{border:0.1rem solid #00A0D6}pn-address-autofill .autocomplete-items div{padding:1.6rem;cursor:pointer;background-color:#fff;border:0.1rem solid transparent}pn-address-autofill .autocomplete-items div:first-child{border-radius:0.8rem 0.8rem 0 0}pn-address-autofill .autocomplete-items div:last-child{border-radius:0 0 0.8rem 0.8rem}pn-address-autofill .autocomplete-items div:hover{background-color:#e0f8ff}pn-address-autofill .autocomplete-items .autocomplete-active{background-color:#e0f8ff}";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, e as Host, g as getElement } from './index-a0d3240d.js';
|
|
2
2
|
|
|
3
|
-
const pnCtaBlockCss = "pn-cta-block .cta-block{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;border-radius:2.4rem;padding:3.2rem 2.4rem;width:100%}@media screen and (min-width: 768px){pn-cta-block .cta-block{-ms-flex-direction:row;flex-direction:row;padding:2.4rem}}@media screen and (min-width: 1140px){pn-cta-block .cta-block{
|
|
3
|
+
const pnCtaBlockCss = "pn-cta-block{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}pn-cta-block .cta-block{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;border-radius:2.4rem;padding:3.2rem 2.4rem;width:100%}@media screen and (min-width: 768px){pn-cta-block .cta-block{-ms-flex-direction:row;flex-direction:row;padding:2.4rem}}@media screen and (min-width: 1140px){pn-cta-block .cta-block{max-width:95%}}@media screen and (min-width: 1440px){pn-cta-block .cta-block{max-width:90%}}pn-cta-block .cta-block[pn-background-color=blue25]{background-color:#EFFBFF}pn-cta-block .cta-block[pn-background-color=coral50]{background-color:#FDEFEE}pn-cta-block .cta-block[pn-background-color=gray25]{background-color:#F9F8F8}pn-cta-block .cta-block[pn-background-color=green25]{background-color:#EDFBF3}pn-cta-block .cta-block[pn-background-color=transparent]{padding:0 3.2rem}pn-cta-block .cta-block--content-top .cta-block__content{-ms-flex-pack:start;justify-content:flex-start}@media screen and (min-width: 768px){pn-cta-block .cta-block--large .cta-block__heading{font-size:3.6rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--large .cta-block__text{font-size:2rem}}pn-cta-block .cta-block--small{width:auto}@media screen and (min-width: 992px){pn-cta-block .cta-block--small{display:-ms-inline-flexbox;display:inline-flex;max-width:75%}pn-cta-block .cta-block--small.cta-block--center{max-width:66%}}pn-cta-block .cta-block--center{-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;gap:1.6rem;text-align:center}@media screen and (min-width: 768px){pn-cta-block .cta-block--center{gap:2.4rem;padding:3.2rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__content{max-width:74rem;padding:0}}pn-cta-block .cta-block--center .cta-block__action{margin-top:0.8rem}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__action{-ms-flex-direction:row;flex-direction:row;gap:2.4rem;margin-top:0}pn-cta-block .cta-block--center .cta-block__action.cta-block__button{margin-bottom:0}pn-cta-block .cta-block--center .cta-block__action>[slot=cta-buttons]{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:2.4rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__image-wrapper{display:block}}pn-cta-block .cta-block--center .cta-block__image-wrapper>[slot=illustration]{padding-right:0}pn-cta-block .cta-block--center .cta-block__text{margin-bottom:0 !important}pn-cta-block .cta-block__image-wrapper{margin-bottom:1.6rem}pn-cta-block .cta-block__image-wrapper>[slot=illustration]>picture>img{border-radius:0.8rem;max-width:100%}@media screen and (min-width: 768px){pn-cta-block .cta-block__image-wrapper{display:none;max-width:20%}}@media screen and (min-width: 992px){pn-cta-block .cta-block__image-wrapper{display:block;margin-bottom:0}pn-cta-block .cta-block__image-wrapper>[slot=illustration]{padding-right:3.2rem}}pn-cta-block .cta-block__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 768px){pn-cta-block .cta-block__content{padding-right:2.4rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block__content .cta-block__heading,pn-cta-block .cta-block__content .cta-block__text{max-width:74rem}}pn-cta-block .cta-block__content .cta-block__text{margin-bottom:2.4rem}@media screen and (min-width: 768px){pn-cta-block .cta-block__content .cta-block__text{margin-bottom:0}}pn-cta-block .cta-block__heading{margin-bottom:0.8rem}pn-cta-block .cta-block__action{display:-ms-flexbox;display:flex}pn-cta-block .cta-block__action>[slot=cta-buttons]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;row-gap:1.6rem;-ms-flex:1;flex:1}@media screen and (min-width: 768px){pn-cta-block .cta-block__action>[slot=cta-buttons]{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center;gap:1.6rem;margin-top:0}}pn-cta-block .cta-block__action>[slot=cta-buttons]>a{color:#005D92;font-weight:500;font-size:1.6rem;padding:0.1rem;text-decoration:none}pn-cta-block .cta-block__action>[slot=cta-buttons]>a pn-icon svg{-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}pn-cta-block .cta-block__action>[slot=cta-buttons]>a pn-icon svg path{fill:#005D92}pn-cta-block .cta-block__action>[slot=cta-buttons]>a:hover pn-icon svg{-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;-webkit-transform:translateX(0.3rem);transform:translateX(0.3rem)}pn-cta-block .cta-block__action>[slot=cta-buttons]>a:hover pn-icon svg path{fill:#005D92}";
|
|
4
4
|
|
|
5
5
|
const PnCtaBlock = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -14,7 +14,12 @@ const PnCtaBlock = class {
|
|
|
14
14
|
this.contentTop = false;
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
|
|
17
|
+
const hasImage = this.hostElement.querySelector('[slot="illustration"]');
|
|
18
|
+
const hasButtons = this.hostElement.querySelector('[slot="cta-buttons"]');
|
|
19
|
+
return (h(Host, null, h("div", { "pn-background-color": this.pnBackgroundColor, class: `cta-block ${this.isLarge ? 'cta-block--large' : ''} ${this.isCentered ? 'cta-block--center' : ''} ${(this.isSmall ? 'cta-block--small' : '')} ${this.contentTop ? 'cta-block--content-top' : ''}` }, (hasImage ?
|
|
20
|
+
h("div", { class: "cta-block__image-wrapper" }, h("slot", { name: "illustration" })) : null), (this.heading && this.bodyText) ?
|
|
21
|
+
h("div", { class: "cta-block__content" }, h("h2", { class: "cta-block__heading" }, this.heading), h("p", { class: "cta-block__text" }, this.bodyText)) : null, (hasButtons ?
|
|
22
|
+
h("div", { class: "cta-block__action" }, h("slot", { name: "cta-buttons" })) : null))));
|
|
18
23
|
}
|
|
19
24
|
get hostElement() { return getElement(this); }
|
|
20
25
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, e as Host, g as getElement } from './index-a0d3240d.js';
|
|
2
|
-
import { F as FetchHelper, M as MarketWebContextService } from './FetchHelper-
|
|
2
|
+
import { F as FetchHelper, M as MarketWebContextService } from './FetchHelper-424dc39b.js';
|
|
3
3
|
|
|
4
4
|
const getSocialMediaIconsByType = (linkType = '', fill = '#005D92') => {
|
|
5
5
|
switch (linkType) {
|
|
@@ -25,8 +25,8 @@ Step 3.
|
|
|
25
25
|
If non of the above matches, then use the production portal endpoint to log in
|
|
26
26
|
|
|
27
27
|
*/
|
|
28
|
-
const marketRegex = "(?:se|dk|no|fi|com|de|tpl)-(?:integration|preproduction|production|inte|prep|prod).(?:postnord.com)";
|
|
29
|
-
const wwwRegex = "(?:www(?:.tpl)?.postnord.(?:se|dk|no|fi|com|de))";
|
|
28
|
+
const marketRegex = "(?:se|dk|no|fi|com|de|tpl|group)-(?:integration|preproduction|production|inte|prep|prod).(?:postnord.com)";
|
|
29
|
+
const wwwRegex = "(?:www(?:.tpl|.group)?.postnord.(?:se|dk|no|fi|com|de))";
|
|
30
30
|
const localRegex = "(?:local)(?:host|.postnord.)(?:se|dk|no|fi|com|de|)";
|
|
31
31
|
const devAndAtRegex = "(?:dev|at)(?:portal.postnord.com)";
|
|
32
32
|
if (currentDomain.match(marketRegex) || currentDomain.match(wwwRegex) || currentDomain.match(localRegex)) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, e as Host, g as getElement } from './index-a0d3240d.js';
|
|
2
|
-
import { F as FetchHelper, M as MarketWebContextService } from './FetchHelper-
|
|
2
|
+
import { F as FetchHelper, M as MarketWebContextService } from './FetchHelper-424dc39b.js';
|
|
3
3
|
import { s as state } from './pn-marketweb-siteheader-store-c64ef3ee.js';
|
|
4
4
|
import './index-493a47cd.js';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-a0d3240d.js';
|
|
2
|
-
import { F as FetchHelper, M as MarketWebContextService } from './FetchHelper-
|
|
2
|
+
import { F as FetchHelper, M as MarketWebContextService } from './FetchHelper-424dc39b.js';
|
|
3
3
|
import { c as createStore } from './index-493a47cd.js';
|
|
4
4
|
|
|
5
5
|
const translations = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, e as Host } from './index-a0d3240d.js';
|
|
2
|
-
import { F as FetchHelper, M as MarketWebContextService } from './FetchHelper-
|
|
2
|
+
import { F as FetchHelper, M as MarketWebContextService } from './FetchHelper-424dc39b.js';
|
|
3
3
|
import { t as translations } from './translations-0c395f8d.js';
|
|
4
4
|
|
|
5
5
|
const pnProxioPricegroupCss = "pn-proxio-pricegroup div.proxio-pricegroup-container{max-width:99.4rem}pn-proxio-pricegroup div.weightcontainer{margin:2.8rem 0}pn-proxio-pricegroup div.weightvaluecontainer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-proxio-pricegroup div.weightvaluecontainer pn-button{-webkit-transform:translateY(-0.4rem);transform:translateY(-0.4rem)}pn-proxio-pricegroup div.weightvaluecontainer pn-button button::before{display:none}pn-proxio-pricegroup div.weightradios{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#005D92;width:80%;margin:0 3.6rem;position:relative;width:0%}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:45%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{width:65%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{margin-right:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:45%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{width:65%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{margin-left:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{-ms-flex:0 0 auto;flex:0 0 auto;width:80%}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{width:65%}}pn-proxio-pricegroup div.weightdata{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;gap:1.2rem;min-width:4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata label{font-size:1.4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata[data-carousel-position=\"0\"]{font-size:2rem;font-weight:700}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightdata[data-carousel-position=\"2\"],pn-proxio-pricegroup div.weightdata[data-carousel-position=\"-2\"]{display:none}}pn-proxio-pricegroup div.weightdata[data-carousel-position=outside]{display:none}pn-proxio-pricegroup div.weightdata input[type=radio]{-webkit-appearance:none;-moz-appearance:none;width:1.2rem;height:1.2rem;background-color:#005D92;border-radius:50%;margin:0;cursor:pointer}pn-proxio-pricegroup div.weightdata input[type=radio]:checked{z-index:1;-webkit-transform:translateY(-0.1rem);transform:translateY(-0.1rem);height:1.4rem;width:1.4rem;-webkit-box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92}pn-proxio-pricegroup div.weightline{width:100%;background-color:#F3F2F2;z-index:-1;height:0.8rem;-webkit-transform:translateX(2.1rem) translateY(1.32rem);transform:translateX(2.1rem) translateY(1rem);border-radius:2rem;margin-right:3.5rem}pn-proxio-pricegroup pn-button[disabled=disabled]{opacity:0.2}pn-proxio-pricegroup pn-button[disabled=disabled] button{cursor:default}pn-proxio-pricegroup pn-button[disabled=disabled] button.pn-button-light .pn-button-bg:after{background-color:#FFFFFF}pn-proxio-pricegroup pn-button[disabled=disabled] button[data-tooltip-open]:before{display:none}pn-proxio-pricegroup pn-button button div.button-tooltip{display:none}pn-proxio-pricegroup pn-button button:focus .pn-button-bg{-webkit-box-shadow:none;box-shadow:none}";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, e as Host, g as getElement } from './index-a0d3240d.js';
|
|
2
2
|
|
|
3
|
-
const pnUspPromoterCss = "pn-usp-promoter{width:80%}pn-usp-promoter .usp-promoter{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:3rem 0.8rem}pn-usp-promoter .usp-promoter--full-width{overflow:hidden;margin:0 calc(-50vw + 50%)}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--full-width{padding:8rem 4rem}}pn-usp-promoter .usp-promoter__content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content{-ms-flex-align:center;align-items:center;text-align:left;-ms-flex-pack:center;justify-content:center}}pn-usp-promoter .usp-promoter__content-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-wrapper{-ms-flex-align:start;align-items:flex-start;padding-left:4rem}}pn-usp-promoter .usp-promoter__content-heading{margin-bottom:0.8rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.2rem
|
|
3
|
+
const pnUspPromoterCss = "pn-usp-promoter{width:80%}pn-usp-promoter .usp-promoter{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:3rem 0.8rem}pn-usp-promoter .usp-promoter--full-width{overflow:hidden;margin:0 calc(-50vw + 50%)}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--full-width{padding:8rem 4rem}}pn-usp-promoter .usp-promoter__content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;max-width:114rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content{-ms-flex-align:center;align-items:center;text-align:left;-ms-flex-pack:center;justify-content:center}}pn-usp-promoter .usp-promoter__content-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:75rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-wrapper{-ms-flex-align:start;align-items:flex-start;padding-left:4rem}}pn-usp-promoter .usp-promoter__content-heading{margin-bottom:0.8rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.2rem}}@media screen and (min-width: 1140px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.8rem}}@media screen and (min-width: 1440px){pn-usp-promoter .usp-promoter__content-heading{font-size:5.6rem}}pn-usp-promoter .usp-promoter__no-margin-bottom{margin-bottom:0 !important}pn-usp-promoter .usp-promoter__content-text{font-size:1.6rem;max-width:47rem;margin-bottom:2.6rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-text{text-wrap:balance}}@media screen and (min-width: 1140px){pn-usp-promoter .usp-promoter__content-text{font-size:1.8rem;max-width:60rem}}@media screen and (min-width: 1440px){pn-usp-promoter .usp-promoter__content-text{font-size:2rem;max-width:70rem}}pn-usp-promoter [slot=app-store]{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;margin-bottom:2.6rem;gap:1rem}pn-usp-promoter [slot=app-store]>a{background-color:black;border:0.1rem solid #A6A6A6;border-radius:0.8rem;color:#FFF;display:inline-block;line-height:0;text-decoration:none;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}pn-usp-promoter [slot=app-store]>a::after{margin-left:0 !important;margin-right:0.5rem;top:0.2rem;position:relative}pn-usp-promoter [slot=app-store]>a:hover{background-color:#0D234B}pn-usp-promoter [slot=app-store]>a:focus{background-color:#0D234B;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #0D234B;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #0D234B}pn-usp-promoter [slot=app-store]>a:focus-visible{outline:none}pn-usp-promoter [slot=usp-buttons] pn-button{margin-bottom:1.6rem}pn-usp-promoter [slot=usp-buttons]>a{color:#005D92;font-weight:500;font-size:1.6rem;padding:0.1rem;text-decoration:none}pn-usp-promoter [slot=usp-buttons]>a pn-icon svg{-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}pn-usp-promoter [slot=usp-buttons]>a pn-icon svg path{fill:#005D92}pn-usp-promoter [slot=usp-buttons]>a:hover pn-icon svg{-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;-webkit-transform:translateX(0.3rem);transform:translateX(0.3rem)}pn-usp-promoter [slot=usp-buttons]>a:hover pn-icon svg path{fill:#005D92}pn-usp-promoter [slot=app-store],pn-usp-promoter [slot=usp-buttons]{-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){pn-usp-promoter [slot=app-store],pn-usp-promoter [slot=usp-buttons]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1.6rem}}pn-usp-promoter [slot=illustration]{max-width:25%;position:relative;left:-1.6rem}pn-usp-promoter [slot=illustration] pn-scroll{position:-webkit-sticky;position:sticky;top:0}@media screen and (min-width: 768px){pn-usp-promoter [slot=illustration]{display:block}}pn-usp-promoter [slot=illustration] picture img{max-width:100%}@media screen and (min-width: 1140px){pn-usp-promoter [slot=illustration] picture img{width:32rem}}@media screen and (min-width: 1440px){pn-usp-promoter [slot=illustration] picture img{width:33.6rem}}pn-usp-promoter .usp-promoter__heading-extension{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-usp-promoter .usp-promoter--right-align .usp-promoter__content{-ms-flex-direction:row-reverse;flex-direction:row-reverse;text-align:right}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--right-align .usp-promoter__content{-ms-flex-align:center;align-items:center}}pn-usp-promoter .usp-promoter--right-align .usp-promoter__content-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;padding-left:0}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--right-align .usp-promoter__content-wrapper{padding-right:4rem}}pn-usp-promoter .usp-promoter--right-align [slot=app-store],pn-usp-promoter .usp-promoter--right-align [slot=usp-buttons]{-ms-flex-align:end;align-items:flex-end}pn-usp-promoter .usp-promoter--right-align [slot=illustration]{left:1.6rem}@media screen and (max-width: 768px){pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=illustration] picture img{display:none}pn-usp-promoter .usp-promoter--hide-image-small-screen .usp-promoter__content{text-align:center}pn-usp-promoter .usp-promoter--hide-image-small-screen .usp-promoter__content-wrapper{-ms-flex-align:center;align-items:center;padding-right:0}pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=app-store],pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=usp-buttons]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}}";
|
|
4
4
|
|
|
5
5
|
const PnUspPromoter = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -18,12 +18,17 @@ const PnUspPromoter = class {
|
|
|
18
18
|
if (this.hideMobileImage || slot == null) {
|
|
19
19
|
return "usp-promoter--hide-image-small-screen";
|
|
20
20
|
}
|
|
21
|
+
return "";
|
|
21
22
|
}
|
|
22
23
|
render() {
|
|
23
|
-
const
|
|
24
|
-
const
|
|
24
|
+
const { fullWidth, rightAlign } = this;
|
|
25
|
+
const classes = [
|
|
26
|
+
'usp-promoter',
|
|
27
|
+
fullWidth ? "usp-promoter--full-width" : "",
|
|
28
|
+
rightAlign ? "usp-promoter--right-align" : "",
|
|
29
|
+
].join(' ');
|
|
25
30
|
const hasHeadingExtension = this.headingExtension ? "usp-promoter__heading-extension" : "";
|
|
26
|
-
return (h(Host, null, h("div", { class: `
|
|
31
|
+
return (h(Host, null, h("div", { class: ` ${classes} ${this.centerMobileContent()}`, style: { 'background': `${this.backgroundGradient}` } }, h("div", { class: "usp-promoter__content" }, h("slot", { name: "illustration" }), h("div", { class: "usp-promoter__content-wrapper" }, h("h2", { class: `usp-promoter__content-heading ${hasHeadingExtension}` }, h("span", null, this.heading), (this.headingExtension) ? h("span", null, this.headingExtension) : null), h("p", { class: "usp-promoter__content-text" }, this.bodyText), h("slot", { name: "app-store" }), h("slot", { name: "usp-buttons" }))))));
|
|
27
32
|
}
|
|
28
33
|
get hostElement() { return getElement(this); }
|
|
29
34
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,r){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function a(t){try{u(r.next(t))}catch(e){i(e)}}function s(t){try{u(r["throw"](t))}catch(e){i(e)}}function u(t){t.done?n(t.value):o(t.value).then(a,s)}u((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return u([t,e])}}function u(s){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(r=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;o=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){n.label=s[1];break}if(s[0]===6&&n.label<i[1]){n.label=i[1];i=s;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(s);break}if(i[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(u){s=[6,u];o=0}finally{r=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var MarketWebContextService=function(){function t(t){if(t===void 0){t=window.location.href}this.href="";this.market="";this.language="";this.environment="";this.url=null;this.allowedLanguages=["sv","da","fi","no","en","de","zh","fr","es","it","nl"];this.allowedMarkets=["se","dk","fi","no","com","de","tpl","group"];this.wwwMarkets=["se","dk","fi","no","de","com"];this.developmentDomains=["localhost",".local","local.",".dev","dev."];this.markets={se:{fallbackLanguage:"sv",integration:"se-inte.postnord.com",preproduction:"se-prep.postnord.com",production:"se-prod.postnord.com",live:"www.postnord.se"},dk:{fallbackLanguage:"da",integration:"dk-inte.postnord.com",preproduction:"dk-prep.postnord.com",production:"dk-prod.postnord.com",live:"www.postnord.dk"},fi:{fallbackLanguage:"fi",integration:"fi-inte.postnord.com",preproduction:"fi-prep.postnord.com",production:"fi-prod.postnord.com",live:"www.postnord.fi"},no:{fallbackLanguage:"no",integration:"no-inte.postnord.com",preproduction:"no-prep.postnord.com",production:"no-prod.postnord.com",live:"www.postnord.no"},com:{fallbackLanguage:"en",integration:"com-inte.postnord.com",preproduction:"com-prep.postnord.com",production:"com-prod.postnord.com",live:"www.postnord.com"},de:{fallbackLanguage:"en",integration:"de-inte.postnord.com",preproduction:"de-prep.postnord.com",production:"de-prod.postnord.com",live:"www.postnord.de"},tpl:{fallbackLanguage:"sv",integration:"tpl-inte.postnord.com",preproduction:"tpl-prep.postnord.com",production:"tpl-prod.postnord.com",live:"www.tpl.postnord.com"},group:{fallbackLanguage:"en",integration:"group-inte.postnord.com",preproduction:"group-prep.postnord.com",production:"group-prod.postnord.com",live:"group.postnord.com"}};this.environmentTypes=["integration","preproduction","production","inte","prep","prod"];this.environments={production:{name:"production",url:"https://www.postnord.xx/"},preproduction:{name:"preproduction",url:"https://com-prep.postnord.com/"},integration:{name:"integration",url:"https://com-inte.postnord.com/"}};this.href=t;this.url=new URL(this.href)}t.prototype.getLanguage=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(this.language){return[2,this.language]}return[4,this.resolveLanguage()];case 1:t.sent();return[2,this.language]}}))}))};t.prototype.getMarket=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(this.market){return[2,this.market]}return[4,this.resolveMarket()];case 1:t.sent();return[2,this.market]}}))}))};t.prototype.getEndpoint=function(t,e){if(e===void 0){e=""}return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(r){n=this.environments.production.url;if(this.markets[e]&&this.markets[e][t]){if(t==="production"&&window.location.hostname.indexOf(this.markets[e]["live"])===0){return[2,"https://"+this.markets[e]["live"]]}if(window.location.hostname.indexOf(this.markets[e][t])===0){return[2,"https://"+this.markets[e][t]]}}if(this.environments[t]){n=this.environments[t].url;if(t===this.environments.production.name){if(this.wwwMarkets.indexOf(e)!==-1){n=n.replace(".xx","."+e)}else{n=n.replace(".xx",".com");n=n.replace("www.",e+".");if(e==="tpl"){n=n.replace("tpl.","www.tpl.")}}}}return[2,n]}))}))};t.prototype.getEnvironmentName=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(n){t=this.environmentTypes.filter((function(t){return e.url.hostname.indexOf("-"+t)!==-1}))[0];if(t){this.environment=t;return[2,this.environment]}if(this.url.hostname.indexOf("www.")!==-1){this.environment=this.environments.production.name;return[2,this.environment]}this.environment=this.environments.integration.name;return[2,this.environment]}))}))};t.prototype.isDevEnvironment=function(){var t=this;var e=this.developmentDomains.filter((function(e){return t.url.hostname.indexOf(e)!==-1}))[0];return e.length>0};t.prototype.resolveMarket=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n,r,o,i,a,s,u,l;var c=this;return __generator(this,(function(f){if(this.href.indexOf("//www.")!==-1){t=this.url.hostname.substring(this.url.hostname.lastIndexOf(".")+1,this.url.hostname.length);if(t&&this.markets[t]){this.market=t}else{console.warn("Unable to define market from www. domain",this.href)}}e=this.environmentTypes.filter((function(t){return c.url.hostname.indexOf("-"+t)!==-1}));if(!this.market&&e&&e.length>0){n=e[0];r=this.url.hostname.substring(0,this.url.hostname.indexOf("-"+n));if(r&&this.markets[r]){this.market=r}else{console.warn("Unable to define market from preset environment names",this.href)}}if(!this.market){if(this.url.hostname.indexOf("www")===-1&&this.url.hostname.indexOf(".postnord.")>0){o=this.url.hostname.indexOf(".")!==this.url.hostname.indexOf(".postnord")?this.url.hostname.indexOf("."):0;i=this.url.hostname.substring(o,this.url.hostname.indexOf(".postnord."));if(this.allowedMarkets.indexOf(i)!==-1){this.market=i;return[2]}}}if(!this.market){a=this.developmentDomains.filter((function(t){return c.url.hostname.indexOf(t)!==-1}))[0];if(!a){this.market=this.allowedMarkets[0];return[2]}s=this.href.replace(a,"");u=this.allowedMarkets.filter((function(t){var e=["."+t,t+".","/"+t+"/"];var n=e.filter((function(t){return s.indexOf(t)!==-1}));return n.length>0}))[0];if(u){this.market=u}else{l=Object.entries(this.markets).filter((function(t){var e=["."+t[1].fallbackLanguage,t[1].fallbackLanguage+".","/"+t[1].fallbackLanguage+"/"];var n=e.filter((function(t){return s.indexOf(t)!==-1}));return n.length>0}))[0];if(l&&l[0]){this.market=l[0]}}}if(!this.market){console.info("Was unable to detect market, used fallback");this.market=this.allowedMarkets[0]}return[2]}))}))};t.prototype.resolveLanguage=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n,r,o;var i=this;return __generator(this,(function(a){if(this.language){return[2]}o=[(t=document.querySelector("html[lang]"))===null||t===void 0?void 0:t.getAttribute("lang"),(e=document.querySelector('[http-equiv="content-language"][content]'))===null||e===void 0?void 0:e.getAttribute("content"),(n=document.querySelector('[property="og:locale"][content]'))===null||n===void 0?void 0:n.getAttribute("content"),(r=document.querySelector("[lang]"))===null||r===void 0?void 0:r.getAttribute("lang")];o.filter((function(t){return t})).forEach((function(t){if(i.allowedLanguages.indexOf(t)){i.language=t;return}}));if(!this.language&&this.market){this.language=this.markets[this.market].fallbackLanguage}return[2]}))}))};return t}();var FetchHelper=function(){function t(t){if(t===void 0){t=""}var e=this;this.storagePrefix="";this.store={get:function(t,n){if(n===void 0){n=false}var r=n?window.localStorage:window.sessionStorage;var o=n?window.sessionStorage:window.localStorage;var i=r.getItem("".concat(e.storagePrefix,"-").concat(t));if(!i){i=o.getItem("".concat(e.storagePrefix,"-").concat(t))}if(!i){return i}if(i.indexOf("{")===0){try{return JSON.parse(i)}catch(a){}}if(i.indexOf(",")!==-1){return i.split(",")}return i},set:function(t,n,r){if(r===void 0){r=false}var o=r?window.localStorage:window.sessionStorage;if(typeof n==="object"&&typeof n.length==="undefined"){o.setItem("".concat(e.storagePrefix,"-").concat(t),JSON.stringify(n));return}o.setItem("".concat(e.storagePrefix,"-").concat(t),n)},remove:function(t){window.sessionStorage.removeItem("".concat(e.storagePrefix,"-").concat(t))}};this.storagePrefix=t}t.prototype.fetchJson=function(t,e,n,r){if(e===void 0){e={}}if(n===void 0){n=false}if(r===void 0){r=null}return __awaiter(this,void 0,void 0,(function(){var o;var i=this;return __generator(this,(function(a){o=new Promise((function(o){return __awaiter(i,void 0,void 0,(function(){var i,a,s,u,l,c;return __generator(this,(function(f){switch(f.label){case 0:i=true;a=typeof t==="string"?t:t.url;s=a;u=null;l=null;if(n){l=this.store.get(s);if(l&&!l.permanent){i=false}if(l&&l.data){u=l.data;o(u)}}if(!i)return[3,3];return[4,window.fetch(t,e)];case 1:c=f.sent();return[4,c.json()];case 2:u=f.sent();o(u);if(n){if(typeof r==="function"&&l!=null){r(u)}this.store.set(s,this.wrapJson(u,true),true);this.store.set(s,this.wrapJson(u,false),false)}f.label=3;case 3:return[2]}}))}))}));return[2,o]}))}))};t.prototype.wrapJson=function(t,e){if(e===void 0){e=false}var n=new Date;return{timestamp:n.getTime(),time:n.toISOString(),data:t,permanent:e}};return t}();export{FetchHelper as F,MarketWebContextService as M};
|