@postnord/pn-marketweb-components 2.0.41 → 2.0.45

package/cjs/{MarketWebLoginManager-865226ea.js → MarketWebLoginManager-9836a350.js}

@@ -165,10 +165,15 @@ class MarketWebLoginManager {
     };
     const response = await fetch(`${this.getBaseUrl()}${this.endpoints.userInfoEndpoint}`, reqConfig);
     const data = await response.json();
-    if (data) {
+    if (data && data["idToken"]) {
       try {
         const { idToken, expiryTime } = data;
         const userInfo = this.parseUserInfo(idToken);
+        if (!userInfo) {
+          console.error('Userdata is not valid');
+          this.clearUserData();
+          return;
+        }
         this.store.set(this.keys.user, userInfo);
         // 10 Min early expire
         this.store.set(this.keys.expire, expiryTime);
@@ -179,6 +184,10 @@ class MarketWebLoginManager {
         console.error('Unable to get user information', e);
       }
     }
+    else {
+      console.error('Unable to get user information. Clearing login state');
+      this.clearUserData();
+    }
   }
   clearUserData() {
     this.store.remove(this.keys.user);
@@ -216,6 +225,9 @@ class MarketWebLoginManager {
     return this.baseUrls.prod;
   }
   parseUserInfo(idToken) {
+    if (!idToken) {
+      return null;
+    }
     var base64Url = idToken.split('.')[1];
     var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
     var jsonPayload = decodeURIComponent(atob(base64).split('').map(function (c) {

package/cjs/pn-language-selector_9.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e3e27c79.js');
 const pnMainnavStore = require('./pn-mainnav-store-61a75ea0.js');
-const MarketWebLoginManager = require('./MarketWebLoginManager-865226ea.js');
+const MarketWebLoginManager = require('./MarketWebLoginManager-9836a350.js');
 const index$1 = require('./index-28bbc937.js');
 
 const translations$1 = {

package/cjs/pn-marketweb-siteheader-login-links_2.cjs.entry.js

@@ -235,13 +235,11 @@ let PnMarketwebSiteheaderLoginProfileselection = class {
     let hostElementAttribute = {};
     return (index.h(index.Host, Object.assign({}, hostElementAttribute), this.heading ? index.h("strong", { class: "pn-marketweb-siteheader-login-profileselection-heading" }, this.heading) : null, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-user" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-name" }, this.userName), ((this.user && this.user.username) && this.userName !== this.user.username) ?
       index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-description" }, this.user.username)
-      : null), this.currentProfile !== null && this.currentProfile.name ?
-      index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-name" }, this.currentProfile.name), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-description" }, this.currentProfile.customerNumber))
-      : null, index.h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks.filter(x => x.isLogoutLink === false), loginManager: this.loginManager, idNamespace: this.idNamespace }), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-divider" }), this.organizations.filter(x => x.selected !== true).map((organization) => {
+      : null), index.h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks.filter(x => x.isLogoutLink === false), loginManager: this.loginManager, idNamespace: this.idNamespace }), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-divider" }), this.organizations.filter(x => x.selected !== true).map((organization) => {
       let customerNumber = (organization.profiles.length > 0) ? organization.profiles[0].customerNumber : organization.customerNumber;
       return (index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption" }, index.h("a", { href: `${this.endpoint}/api/user/setprofile?customernumber=${customerNumber}&returnUrl=${window.location.href}`, class: "pn-marketweb-siteheader-login-profileselection-profileoption-link" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-content" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-name" }, organization.name), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-description" }, organization.customerNumber)), index.h("pn-icon", { symbol: "arrow-right", small: "false", color: "blue700" }))));
     }), this.logoutLink ?
-      index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-logout" }, index.h("a", { href: this.logoutLink.href, rel: "nofollower noopener", class: "pn-marketweb-siteheader-login-profileselection-logout-link" }, this.logoutLink.linkText))
+      index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-logout" }, index.h("a", { href: this.logoutLink.href, rel: "nofollower noopener", onClick: () => this.loginManager.clearUserData(), class: "pn-marketweb-siteheader-login-profileselection-logout-link" }, this.logoutLink.linkText))
       : null));
   }
   get hostElement() { return index.getElement(this); }

package/cjs/pn-marketweb-siteheader.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e3e27c79.js');
 const FetchHelper = require('./FetchHelper-c6cee722.js');
-const MarketWebLoginManager = require('./MarketWebLoginManager-865226ea.js');
+const MarketWebLoginManager = require('./MarketWebLoginManager-9836a350.js');
 
 const translations = {
   'sv': {

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.js

@@ -137,11 +137,6 @@ export class PnMarketwebSiteheaderLoginProfileselection {
         ((this.user && this.user.username) && this.userName !== this.user.username) ?
           h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-description" }, this.user.username)
           : null),
-      this.currentProfile !== null && this.currentProfile.name ?
-        h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile" },
-          h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-name" }, this.currentProfile.name),
-          h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-description" }, this.currentProfile.customerNumber))
-        : null,
       h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks.filter(x => x.isLogoutLink === false), loginManager: this.loginManager, idNamespace: this.idNamespace }),
       h("div", { class: "pn-marketweb-siteheader-login-profileselection-divider" }),
       this.organizations.filter(x => x.selected !== true).map((organization) => {
@@ -155,7 +150,7 @@ export class PnMarketwebSiteheaderLoginProfileselection {
       }),
       this.logoutLink ?
         h("div", { class: "pn-marketweb-siteheader-login-profileselection-logout" },
-          h("a", { href: this.logoutLink.href, rel: "nofollower noopener", class: "pn-marketweb-siteheader-login-profileselection-logout-link" }, this.logoutLink.linkText))
+          h("a", { href: this.logoutLink.href, rel: "nofollower noopener", onClick: () => this.loginManager.clearUserData(), class: "pn-marketweb-siteheader-login-profileselection-logout-link" }, this.logoutLink.linkText))
         : null));
   }
   static get is() { return "pn-marketweb-siteheader-login-profileselection"; }

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js

@@ -1,6 +1,6 @@
 import readme from "./readme.md";
 
-const usertoken = '1f39799b040fe856d3574827d75d47ce0c2f0d21775b9aa709a296e';
+const usertoken = 'c6ef1d2fd42311586015b8a342e4a19b659a7fd34c50aa93b538589';
 
 export default {
   title: "Web Components/Market web site Header",
@@ -43,6 +43,165 @@ export default {
 
 const PrimaryTemplate = ({ ...args }) => {
   return `
+<style>
+:root {
+  font-size: 100%;
+}
+pn-marketweb-siteheader {
+  font-size:16px;
+}
+pn-marketweb-siteheader header {
+  box-shadow:0 0.6px 1.8px rgb(0 0 0 / 10%), 0 3.2px 7.2px rgb(0 0 0 / 13%)
+}
+pn-marketweb-siteheader .siteheader-row {
+  padding:0 16px;
+}
+pn-marketweb-siteheader .siteheader-row:not(:last-child) {
+  border-bottom:0.1px solid #F3F2F2;
+} 
+.siteheader-topleft pn-site-selector {
+  padding:10px 0;
+}
+pn-site-selector {
+  max-height:52px;
+}
+.siteheader-topleft pn-site-selector {
+  margin-left:13px;
+}
+pn-nav-dropdown>button {
+  padding:4px;
+  border-radius:8px;
+}
+.nav-dropdown-content-container {
+  border-radius:16px;
+  box-shadow:0 2px 16rem rgb(0 0 0 / 20%);
+}
+.nav-dropdown-content {
+  padding:16px;
+}
+.siteselector-heading {
+  margin-bottom:16px;
+}
+pn-site-selector-item>div, pn-site-selector-item>a {
+  padding:8px 0;
+}
+pn-marketweb-siteheader .siteheader-logocontainer {
+  min-height:48px;
+}
+pn-marketweb-siteheader .siteheader-logolink {
+  max-height:64px;
+}
+pn-marketweb-siteheader .siteheader-logolink svg {
+  width:127px;
+  height:24px;
+}
+.siteheader-topright {
+  margin-left:16px;
+}
+.siteheader-topright>pn-language-selector, .siteheader-topright>pn-marketweb-siteheader-login, .siteheader-topright>a {
+  padding:10px 0;
+}
+@media screen and (min-width: 60em) {
+  .siteheader-topright>pn-language-selector, .siteheader-topright>pn-marketweb-siteheader-login, .siteheader-topright>a {
+    margin-left:16px;
+  }
+}
+
+pn-marketweb-siteheader-login {
+  padding:10px 0;
+  max-height:52px;
+}
+pn-mainnav {
+  min-height:51px;
+}
+@media screen and (min-width: 48em) {
+  pn-mainnav>nav {
+      top: 65px;
+  }
+}
+pn-mainnav>nav {
+  top:48px;
+}
+[data-level="1"] pn-mainnav-link>button, [data-level="1"] pn-mainnav-link>a {
+  border-bottom:1px solid #F3F2F2;
+  font-size:20px;
+  padding:19px 0 19px 30px;
+}
+@media screen and (min-width: 64em) {
+  [data-level="1"] pn-mainnav-link>button, [data-level="1"] pn-mainnav-link>a {
+    font-size:16px;
+    padding:16px;
+  }
+}
+
+@media screen and (min-width: 64em) {
+  [data-level="1"] pn-mainnav-link>button::before, [data-level="1"] pn-mainnav-link>a::before {
+    height:10px;
+    border-radius:10px 10px 0 0;
+  }
+} 
+@media screen and (min-width: 64em) {
+  pn-mainnav-level[data-level="2"][aria-hidden=false]:not([data-level-listcount="1"]) {
+    grid-template-columns: minmax(192px, 320px) 1fr;
+    gap: 0px 16px;
+  }
+}
+@media screen and (min-width: 64em) {
+  pn-mainnav-level[data-level="2"] {
+    top:calc(100% + 10px);
+    border-radius:16px;
+    padding:16px 16px 0 16px;
+    box-shadow:0 0.6px  1.8px rgb(0 0 0 / 10%), 0 3.2px 7.2px rgb(0 0 0 / 13%);
+  }
+}
+.mainnav-level-header>button {
+  padding:24px 0 24px 62px;
+}
+.mainnav-level-header>button>pn-icon {
+  height:24px;
+  width:24px;
+}
+
+@media screen and (min-width: 64em) {
+  [data-level="2"] pn-mainnav-link {
+    margin-bottom:16px;
+  }
+}
+[data-level="2"] .mainnav-level-header>pn-mainnav-link>a {
+  font-size:24px;
+}
+[data-level="2"] pn-mainnav-link>a {
+  font-size: 16px;
+  border-bottom: 1px solid #F3F2F2;
+  padding: 22px 0 22px 30px;
+}
+@media screen and (min-width: 64em) {
+  [data-level="2"] pn-mainnav-link>a {
+    min-width:256px;
+    border-radius:10px;
+    padding:14px 16px;
+  }
+}
+
+@media screen and (min-width: 64em) {
+  [data-level="2"]>pn-mainnav-list[data-navlist-showcolumns=true] {
+    column-gap: 16px;
+    padding-bottom: 16px;
+  }
+}
+
+.mainnav-list-heading {
+  font-size: 18px;
+  padding: 14px 14px 14px 48px;
+}
+@media screen and (min-width: 64em) {
+  .mainnav-list-heading {
+    padding:0 14px 14px 14px;
+  }
+}
+
+</style>
+
   <div style="background:#ddd;min-height:100vh;">
   <pn-marketweb-siteheader 
   market="${ args.market }"

package/collection/globals/MarketWebLoginManager.js

@@ -163,10 +163,15 @@ class MarketWebLoginManager {
     };
     const response = await fetch(`${this.getBaseUrl()}${this.endpoints.userInfoEndpoint}`, reqConfig);
     const data = await response.json();
-    if (data) {
+    if (data && data["idToken"]) {
       try {
         const { idToken, expiryTime } = data;
         const userInfo = this.parseUserInfo(idToken);
+        if (!userInfo) {
+          console.error('Userdata is not valid');
+          this.clearUserData();
+          return;
+        }
         this.store.set(this.keys.user, userInfo);
         // 10 Min early expire
         this.store.set(this.keys.expire, expiryTime);
@@ -177,6 +182,10 @@ class MarketWebLoginManager {
         console.error('Unable to get user information', e);
       }
     }
+    else {
+      console.error('Unable to get user information. Clearing login state');
+      this.clearUserData();
+    }
   }
   clearUserData() {
     this.store.remove(this.keys.user);
@@ -214,6 +223,9 @@ class MarketWebLoginManager {
     return this.baseUrls.prod;
   }
   parseUserInfo(idToken) {
+    if (!idToken) {
+      return null;
+    }
     var base64Url = idToken.split('.')[1];
     var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
     var jsonPayload = decodeURIComponent(atob(base64).split('').map(function (c) {

package/custom-elements/index.js

@@ -4270,10 +4270,15 @@ class MarketWebLoginManager {
     };
     const response = await fetch(`${this.getBaseUrl()}${this.endpoints.userInfoEndpoint}`, reqConfig);
     const data = await response.json();
-    if (data) {
+    if (data && data["idToken"]) {
       try {
         const { idToken, expiryTime } = data;
         const userInfo = this.parseUserInfo(idToken);
+        if (!userInfo) {
+          console.error('Userdata is not valid');
+          this.clearUserData();
+          return;
+        }
         this.store.set(this.keys.user, userInfo);
         // 10 Min early expire
         this.store.set(this.keys.expire, expiryTime);
@@ -4284,6 +4289,10 @@ class MarketWebLoginManager {
         console.error('Unable to get user information', e);
       }
     }
+    else {
+      console.error('Unable to get user information. Clearing login state');
+      this.clearUserData();
+    }
   }
   clearUserData() {
     this.store.remove(this.keys.user);
@@ -4321,6 +4330,9 @@ class MarketWebLoginManager {
     return this.baseUrls.prod;
   }
   parseUserInfo(idToken) {
+    if (!idToken) {
+      return null;
+    }
     var base64Url = idToken.split('.')[1];
     var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
     var jsonPayload = decodeURIComponent(atob(base64).split('').map(function (c) {
@@ -5053,13 +5065,11 @@ let PnMarketwebSiteheaderLoginProfileselection$1 = class extends HTMLElement {
     let hostElementAttribute = {};
     return (h(Host, Object.assign({}, hostElementAttribute), this.heading ? h("strong", { class: "pn-marketweb-siteheader-login-profileselection-heading" }, this.heading) : null, h("div", { class: "pn-marketweb-siteheader-login-profileselection-user" }, h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-name" }, this.userName), ((this.user && this.user.username) && this.userName !== this.user.username) ?
       h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-description" }, this.user.username)
-      : null), this.currentProfile !== null && this.currentProfile.name ?
-      h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile" }, h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-name" }, this.currentProfile.name), h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-description" }, this.currentProfile.customerNumber))
-      : null, h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks.filter(x => x.isLogoutLink === false), loginManager: this.loginManager, idNamespace: this.idNamespace }), h("div", { class: "pn-marketweb-siteheader-login-profileselection-divider" }), this.organizations.filter(x => x.selected !== true).map((organization) => {
+      : null), h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks.filter(x => x.isLogoutLink === false), loginManager: this.loginManager, idNamespace: this.idNamespace }), h("div", { class: "pn-marketweb-siteheader-login-profileselection-divider" }), this.organizations.filter(x => x.selected !== true).map((organization) => {
       let customerNumber = (organization.profiles.length > 0) ? organization.profiles[0].customerNumber : organization.customerNumber;
       return (h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption" }, h("a", { href: `${this.endpoint}/api/user/setprofile?customernumber=${customerNumber}&returnUrl=${window.location.href}`, class: "pn-marketweb-siteheader-login-profileselection-profileoption-link" }, h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-content" }, h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-name" }, organization.name), h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-description" }, organization.customerNumber)), h("pn-icon", { symbol: "arrow-right", small: "false", color: "blue700" }))));
     }), this.logoutLink ?
-      h("div", { class: "pn-marketweb-siteheader-login-profileselection-logout" }, h("a", { href: this.logoutLink.href, rel: "nofollower noopener", class: "pn-marketweb-siteheader-login-profileselection-logout-link" }, this.logoutLink.linkText))
+      h("div", { class: "pn-marketweb-siteheader-login-profileselection-logout" }, h("a", { href: this.logoutLink.href, rel: "nofollower noopener", onClick: () => this.loginManager.clearUserData(), class: "pn-marketweb-siteheader-login-profileselection-logout-link" }, this.logoutLink.linkText))
       : null));
   }
   get hostElement() { return this; }

package/esm/{MarketWebLoginManager-8fef95d2.js → MarketWebLoginManager-b8b046d3.js}

@@ -163,10 +163,15 @@ class MarketWebLoginManager {
     };
     const response = await fetch(`${this.getBaseUrl()}${this.endpoints.userInfoEndpoint}`, reqConfig);
     const data = await response.json();
-    if (data) {
+    if (data && data["idToken"]) {
       try {
         const { idToken, expiryTime } = data;
         const userInfo = this.parseUserInfo(idToken);
+        if (!userInfo) {
+          console.error('Userdata is not valid');
+          this.clearUserData();
+          return;
+        }
         this.store.set(this.keys.user, userInfo);
         // 10 Min early expire
         this.store.set(this.keys.expire, expiryTime);
@@ -177,6 +182,10 @@ class MarketWebLoginManager {
         console.error('Unable to get user information', e);
       }
     }
+    else {
+      console.error('Unable to get user information. Clearing login state');
+      this.clearUserData();
+    }
   }
   clearUserData() {
     this.store.remove(this.keys.user);
@@ -214,6 +223,9 @@ class MarketWebLoginManager {
     return this.baseUrls.prod;
   }
   parseUserInfo(idToken) {
+    if (!idToken) {
+      return null;
+    }
     var base64Url = idToken.split('.')[1];
     var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
     var jsonPayload = decodeURIComponent(atob(base64).split('').map(function (c) {

package/esm/pn-language-selector_9.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-5397620b.js';
 import { s as state$1, o as onChange$1 } from './pn-mainnav-store-28571e54.js';
-import { M as MarketWebLoginManager } from './MarketWebLoginManager-8fef95d2.js';
+import { M as MarketWebLoginManager } from './MarketWebLoginManager-b8b046d3.js';
 import { c as createStore } from './index-7b21ecff.js';
 
 const translations$1 = {

package/esm/pn-marketweb-siteheader-login-links_2.entry.js

@@ -231,13 +231,11 @@ let PnMarketwebSiteheaderLoginProfileselection = class {
     let hostElementAttribute = {};
     return (h(Host, Object.assign({}, hostElementAttribute), this.heading ? h("strong", { class: "pn-marketweb-siteheader-login-profileselection-heading" }, this.heading) : null, h("div", { class: "pn-marketweb-siteheader-login-profileselection-user" }, h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-name" }, this.userName), ((this.user && this.user.username) && this.userName !== this.user.username) ?
       h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-description" }, this.user.username)
-      : null), this.currentProfile !== null && this.currentProfile.name ?
-      h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile" }, h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-name" }, this.currentProfile.name), h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-description" }, this.currentProfile.customerNumber))
-      : null, h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks.filter(x => x.isLogoutLink === false), loginManager: this.loginManager, idNamespace: this.idNamespace }), h("div", { class: "pn-marketweb-siteheader-login-profileselection-divider" }), this.organizations.filter(x => x.selected !== true).map((organization) => {
+      : null), h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks.filter(x => x.isLogoutLink === false), loginManager: this.loginManager, idNamespace: this.idNamespace }), h("div", { class: "pn-marketweb-siteheader-login-profileselection-divider" }), this.organizations.filter(x => x.selected !== true).map((organization) => {
       let customerNumber = (organization.profiles.length > 0) ? organization.profiles[0].customerNumber : organization.customerNumber;
       return (h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption" }, h("a", { href: `${this.endpoint}/api/user/setprofile?customernumber=${customerNumber}&returnUrl=${window.location.href}`, class: "pn-marketweb-siteheader-login-profileselection-profileoption-link" }, h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-content" }, h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-name" }, organization.name), h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-description" }, organization.customerNumber)), h("pn-icon", { symbol: "arrow-right", small: "false", color: "blue700" }))));
     }), this.logoutLink ?
-      h("div", { class: "pn-marketweb-siteheader-login-profileselection-logout" }, h("a", { href: this.logoutLink.href, rel: "nofollower noopener", class: "pn-marketweb-siteheader-login-profileselection-logout-link" }, this.logoutLink.linkText))
+      h("div", { class: "pn-marketweb-siteheader-login-profileselection-logout" }, h("a", { href: this.logoutLink.href, rel: "nofollower noopener", onClick: () => this.loginManager.clearUserData(), class: "pn-marketweb-siteheader-login-profileselection-logout-link" }, this.logoutLink.linkText))
       : null));
   }
   get hostElement() { return getElement(this); }

package/esm/pn-marketweb-siteheader.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-5397620b.js';
 import { F as FetchHelper, M as MarketWebContextService } from './FetchHelper-1dfe8514.js';
-import { M as MarketWebLoginManager } from './MarketWebLoginManager-8fef95d2.js';
+import { M as MarketWebLoginManager } from './MarketWebLoginManager-b8b046d3.js';
 
 const translations = {
   'sv': {

package/esm-es5/{MarketWebLoginManager-8fef95d2.js → MarketWebLoginManager-b8b046d3.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,o){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function s(e){try{c(o.next(e))}catch(t){r(t)}}function a(e){try{c(o["throw"](e))}catch(t){r(t)}}function c(e){e.done?n(e.value):i(e.value).then(s,a)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return c([e,t])}}function c(s){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(a){s=[6,a];i=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var MarketWebLoginManager=function(){function e(e){var t=this;if(e===void 0){e=null}var n;this.eventTarget=window!==null&&window!==void 0?window:document===null||document===void 0?void 0:document.body;this.endpoint="";this.storagePrefix="pn-user";this.baseUrls={at:"https://atportal.postnord.com/api/unified-login/backend",prod:"https://portal.postnord.com/api/unified-login/backend"};this.events={loginstatechange:"loginstatechange"};this.endpoints={authorizationEndpoint:"/authorization",tokenExchangeEndpoint:"/token",userInfoEndpoint:"/user",logoutEndpoint:"/logout"};this.keys={tokensource:"tokensource",token:"token",user:"user",expire:"expire",expireDate:"expiredate"};this.overridetokenValue="overridetokenValue";this.store={get:function(e){var n=window.sessionStorage.getItem("".concat(t.storagePrefix,"-").concat(e));if(!n){return n}if(n.indexOf("{")===0){try{return JSON.parse(n)}catch(o){}}if(n.indexOf(",")!==-1){return n.split(",")}return n},set:function(e,n){if(typeof n==="object"&&typeof n.length==="undefined"){window.sessionStorage.setItem("".concat(t.storagePrefix,"-").concat(e),JSON.stringify(n));return}window.sessionStorage.setItem("".concat(t.storagePrefix,"-").concat(e),n)},remove:function(e){window.sessionStorage.removeItem("".concat(t.storagePrefix,"-").concat(e))}};if(!e){return}this.eventTarget=e.eventTarget?e.eventTarget:this.eventTarget;this.endpoint=e.endpoint?e.endpoint:"".concat(window.location.protocol,"//").concat(window.location.host);(n=this.storagePrefix)!==null&&n!==void 0?n:this.storagePrefix=e.storagePrefix;if(e.userInfo){this.store.set(this.keys.user,e.userInfo);this.registerToken(this.overridetokenValue,"override")}}e.prototype.init=function(e){if(e===void 0){e=true}if(e){this.checkParameters();this.checkExpireTime();if(this.store.get(this.keys.token)&&!this.store.get(this.keys.user)){this.fetchUserInfo()}this.loginStateChange()}};e.prototype.isLoggedIn=function(e){if(e===void 0){e=false}if(e){return e}var t=this.store.get(this.keys.token)&&this.store.get(this.keys.user)?true:false;return t};e.prototype.registerToken=function(e,t){if(e===void 0){e=""}if(t===void 0){t="frontend"}if(!e||e===this.getToken()){return}this.clearUserData();this.store.set(this.keys.tokensource,t);this.store.set(this.keys.token,e);this.fetchUserInfo()};e.prototype.invalidateTokenOfType=function(e){if(e===void 0){e="frontend"}var t=this.store.get(this.keys.token);if(!t){return}var n=this.store.get(this.keys.tokensource);if(n!==e){return}this.clearUserData()};e.prototype.getLoginUrl=function(e){if(e===void 0){e=""}var t=window.location.href;e=e?e:t;return"".concat(this.getBaseUrl()).concat(this.endpoints.authorizationEndpoint,"?redirectionUrl=").concat(e)};e.prototype.getLogoutUrl=function(e){if(e===void 0){e=""}e=window.location.origin+"/logout";return"".concat(this.getBaseUrl()).concat(this.endpoints.logoutEndpoint,"?redirectionUrl=").concat(e,"&authorization=").concat(this.store.get(this.keys.token))};e.prototype.getUserInfo=function(){if(this.isLoggedIn()){return this.store.get(this.keys.user)}};e.prototype.getEventTarget=function(){return this.eventTarget};e.prototype.checkExpireTime=function(){var e=this.store.get(this.keys.expire);if(!e){return}var t=new Date;var n=new Date(Math.floor(parseInt(e,10)*1e3));if(t>n){console.info("Login time has expired");this.clearUserData();this.loginStateChange()}};e.prototype.checkParameters=function(){if(!(window===null||window===void 0?void 0:window.location)){return}var e=new URLSearchParams(window.location.search);if(e.get("oneTimeCode")){var t=e.get("oneTimeCode");this.exchangeToken(t).then((function(){var e=window.location.href;var n=e.indexOf("?oneTimeCode")!==-1?"?":"&";history.replaceState({},document.querySelector("title").innerText,e.replace("".concat(n,"oneTimeCode=").concat(t),""))}))}};e.prototype.fetchUserInfo=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,o,i,r,s;return __generator(this,(function(a){switch(a.label){case 0:e=this.store.get(this.keys.token);if(this.store.get(this.keys.token)===this.overridetokenValue){console.info("Did not fetch user data since it was set by an override");return[2]}t={method:"GET",headers:{Accept:"application/json","Content-Type":"application/json",Authorization:e}};return[4,fetch("".concat(this.getBaseUrl()).concat(this.endpoints.userInfoEndpoint),t)];case 1:n=a.sent();return[4,n.json()];case 2:o=a.sent();if(o){try{i=o.idToken,r=o.expiryTime;s=this.parseUserInfo(i);this.store.set(this.keys.user,s);this.store.set(this.keys.expire,r);this.store.set(this.keys.expireDate,new Date(Math.floor(parseInt(r,10)*1e3)));this.loginStateChange()}catch(c){console.error("Unable to get user information",c)}}return[2]}}))}))};e.prototype.clearUserData=function(){this.store.remove(this.keys.user);this.store.remove(this.keys.tokensource);this.store.remove(this.keys.token);this.store.remove(this.keys.expire);this.store.remove(this.keys.expireDate)};e.prototype.getToken=function(){return this.store.get(this.keys.token)};e.prototype.exchangeToken=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n;return __generator(this,(function(o){switch(o.label){case 0:this.clearUserData();return[4,fetch("".concat(this.getBaseUrl()).concat(this.endpoints.tokenExchangeEndpoint,"?oneTimeCode=").concat(e))];case 1:t=o.sent();return[4,t.json()];case 2:n=o.sent().token;if(typeof n==="string"&&n){this.store.set(this.keys.token,n)}this.fetchUserInfo();return[2]}}))}))};e.prototype.loginStateChange=function(){if(!this.eventTarget){return}this.eventTarget.dispatchEvent(new CustomEvent(this.events.loginstatechange,{detail:this.isLoggedIn()}))};e.prototype.getBaseUrl=function(){var e=this;var t=["localhost","integration.","local."];var n=t.filter((function(t){return e.endpoint.indexOf(t)!==-1})).length>0;if(n){return this.baseUrls.at}return this.baseUrls.prod};e.prototype.parseUserInfo=function(e){var t=e.split(".")[1];var n=t.replace(/-/g,"+").replace(/_/g,"/");var o=decodeURIComponent(atob(n).split("").map((function(e){return"%"+("00"+e.charCodeAt(0).toString(16)).slice(-2)})).join(""));return JSON.parse(o)};return e}();export{MarketWebLoginManager as M};
+var __awaiter=this&&this.__awaiter||function(e,t,n,o){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function s(e){try{c(o.next(e))}catch(t){i(t)}}function a(e){try{c(o["throw"](e))}catch(t){i(t)}}function c(e){e.done?n(e.value):r(e.value).then(s,a)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return c([e,t])}}function c(s){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,r&&(i=s[0]&2?r["return"]:s[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;if(r=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++;r=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=t.call(e,n)}catch(a){s=[6,a];r=0}finally{o=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var MarketWebLoginManager=function(){function e(e){var t=this;if(e===void 0){e=null}var n;this.eventTarget=window!==null&&window!==void 0?window:document===null||document===void 0?void 0:document.body;this.endpoint="";this.storagePrefix="pn-user";this.baseUrls={at:"https://atportal.postnord.com/api/unified-login/backend",prod:"https://portal.postnord.com/api/unified-login/backend"};this.events={loginstatechange:"loginstatechange"};this.endpoints={authorizationEndpoint:"/authorization",tokenExchangeEndpoint:"/token",userInfoEndpoint:"/user",logoutEndpoint:"/logout"};this.keys={tokensource:"tokensource",token:"token",user:"user",expire:"expire",expireDate:"expiredate"};this.overridetokenValue="overridetokenValue";this.store={get:function(e){var n=window.sessionStorage.getItem("".concat(t.storagePrefix,"-").concat(e));if(!n){return n}if(n.indexOf("{")===0){try{return JSON.parse(n)}catch(o){}}if(n.indexOf(",")!==-1){return n.split(",")}return n},set:function(e,n){if(typeof n==="object"&&typeof n.length==="undefined"){window.sessionStorage.setItem("".concat(t.storagePrefix,"-").concat(e),JSON.stringify(n));return}window.sessionStorage.setItem("".concat(t.storagePrefix,"-").concat(e),n)},remove:function(e){window.sessionStorage.removeItem("".concat(t.storagePrefix,"-").concat(e))}};if(!e){return}this.eventTarget=e.eventTarget?e.eventTarget:this.eventTarget;this.endpoint=e.endpoint?e.endpoint:"".concat(window.location.protocol,"//").concat(window.location.host);(n=this.storagePrefix)!==null&&n!==void 0?n:this.storagePrefix=e.storagePrefix;if(e.userInfo){this.store.set(this.keys.user,e.userInfo);this.registerToken(this.overridetokenValue,"override")}}e.prototype.init=function(e){if(e===void 0){e=true}if(e){this.checkParameters();this.checkExpireTime();if(this.store.get(this.keys.token)&&!this.store.get(this.keys.user)){this.fetchUserInfo()}this.loginStateChange()}};e.prototype.isLoggedIn=function(e){if(e===void 0){e=false}if(e){return e}var t=this.store.get(this.keys.token)&&this.store.get(this.keys.user)?true:false;return t};e.prototype.registerToken=function(e,t){if(e===void 0){e=""}if(t===void 0){t="frontend"}if(!e||e===this.getToken()){return}this.clearUserData();this.store.set(this.keys.tokensource,t);this.store.set(this.keys.token,e);this.fetchUserInfo()};e.prototype.invalidateTokenOfType=function(e){if(e===void 0){e="frontend"}var t=this.store.get(this.keys.token);if(!t){return}var n=this.store.get(this.keys.tokensource);if(n!==e){return}this.clearUserData()};e.prototype.getLoginUrl=function(e){if(e===void 0){e=""}var t=window.location.href;e=e?e:t;return"".concat(this.getBaseUrl()).concat(this.endpoints.authorizationEndpoint,"?redirectionUrl=").concat(e)};e.prototype.getLogoutUrl=function(e){if(e===void 0){e=""}e=window.location.origin+"/logout";return"".concat(this.getBaseUrl()).concat(this.endpoints.logoutEndpoint,"?redirectionUrl=").concat(e,"&authorization=").concat(this.store.get(this.keys.token))};e.prototype.getUserInfo=function(){if(this.isLoggedIn()){return this.store.get(this.keys.user)}};e.prototype.getEventTarget=function(){return this.eventTarget};e.prototype.checkExpireTime=function(){var e=this.store.get(this.keys.expire);if(!e){return}var t=new Date;var n=new Date(Math.floor(parseInt(e,10)*1e3));if(t>n){console.info("Login time has expired");this.clearUserData();this.loginStateChange()}};e.prototype.checkParameters=function(){if(!(window===null||window===void 0?void 0:window.location)){return}var e=new URLSearchParams(window.location.search);if(e.get("oneTimeCode")){var t=e.get("oneTimeCode");this.exchangeToken(t).then((function(){var e=window.location.href;var n=e.indexOf("?oneTimeCode")!==-1?"?":"&";history.replaceState({},document.querySelector("title").innerText,e.replace("".concat(n,"oneTimeCode=").concat(t),""))}))}};e.prototype.fetchUserInfo=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,o,r,i,s;return __generator(this,(function(a){switch(a.label){case 0:e=this.store.get(this.keys.token);if(this.store.get(this.keys.token)===this.overridetokenValue){console.info("Did not fetch user data since it was set by an override");return[2]}t={method:"GET",headers:{Accept:"application/json","Content-Type":"application/json",Authorization:e}};return[4,fetch("".concat(this.getBaseUrl()).concat(this.endpoints.userInfoEndpoint),t)];case 1:n=a.sent();return[4,n.json()];case 2:o=a.sent();if(o&&o["idToken"]){try{r=o.idToken,i=o.expiryTime;s=this.parseUserInfo(r);if(!s){console.error("Userdata is not valid");this.clearUserData();return[2]}this.store.set(this.keys.user,s);this.store.set(this.keys.expire,i);this.store.set(this.keys.expireDate,new Date(Math.floor(parseInt(i,10)*1e3)));this.loginStateChange()}catch(c){console.error("Unable to get user information",c)}}else{console.error("Unable to get user information. Clearing login state");this.clearUserData()}return[2]}}))}))};e.prototype.clearUserData=function(){this.store.remove(this.keys.user);this.store.remove(this.keys.tokensource);this.store.remove(this.keys.token);this.store.remove(this.keys.expire);this.store.remove(this.keys.expireDate)};e.prototype.getToken=function(){return this.store.get(this.keys.token)};e.prototype.exchangeToken=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n;return __generator(this,(function(o){switch(o.label){case 0:this.clearUserData();return[4,fetch("".concat(this.getBaseUrl()).concat(this.endpoints.tokenExchangeEndpoint,"?oneTimeCode=").concat(e))];case 1:t=o.sent();return[4,t.json()];case 2:n=o.sent().token;if(typeof n==="string"&&n){this.store.set(this.keys.token,n)}this.fetchUserInfo();return[2]}}))}))};e.prototype.loginStateChange=function(){if(!this.eventTarget){return}this.eventTarget.dispatchEvent(new CustomEvent(this.events.loginstatechange,{detail:this.isLoggedIn()}))};e.prototype.getBaseUrl=function(){var e=this;var t=["localhost","integration.","local."];var n=t.filter((function(t){return e.endpoint.indexOf(t)!==-1})).length>0;if(n){return this.baseUrls.at}return this.baseUrls.prod};e.prototype.parseUserInfo=function(e){if(!e){return null}var t=e.split(".")[1];var n=t.replace(/-/g,"+").replace(/_/g,"/");var o=decodeURIComponent(atob(n).split("").map((function(e){return"%"+("00"+e.charCodeAt(0).toString(16)).slice(-2)})).join(""));return JSON.parse(o)};return e}();export{MarketWebLoginManager as M};