@postnord/pn-marketweb-components 2.0.148 → 2.0.149

package/types/components.d.ts

@@ -8,7 +8,6 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ProductPriceItem } from "./components/widgets/pn-find-price/pn-find-price-types";
 import { ProductPriceItem as ProductPriceItem1 } from "./globals/shared/productprice/product-price-types";
 import { LoginDialog, LoginDialogLink, ProfileSelectorCustomerItem, ProfileSelectorOrganization, SiteHeaderI18N, SiteHeaderSearch } from "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-types";
-import { MarketWebLoginManager } from "./globals/MarketWebLoginManager";
 import { ProductGenericItem } from "./components/widgets/pn-proxio-pricegroup/types";
 export namespace Components {
     interface PnBonusProgressbar {
@@ -278,6 +277,10 @@ export namespace Components {
           * If the component should use cached requests
          */
         "cache": boolean;
+        /**
+          * Continiously check if a user is logged in *
+         */
+        "checkUserLoggedInStateInterval": number;
         /**
           * Specifies which endpoint domain we should load from
          */
@@ -352,6 +355,10 @@ export namespace Components {
         "userToken": string;
     }
     interface PnMarketwebSiteheaderLogin {
+        /**
+          * Continiously check if a user is logged in *
+         */
+        "checkUserLoggedInStateInterval": number;
         "emitEvents": boolean;
         /**
           * Specifies which endpoint domain we should load from
@@ -378,13 +385,11 @@ export namespace Components {
         "heading": string;
         "idNamespace": string;
         "links": LoginDialogLink[];
-        "loginManager": MarketWebLoginManager;
     }
     interface PnMarketwebSiteheaderLoginLinks {
         "idNamespace": string;
         "loggedin": boolean;
         "loginDialog": LoginDialog;
-        "loginManager": MarketWebLoginManager;
         "username": string;
     }
     interface PnMarketwebSiteheaderLoginProfileselection {
@@ -395,7 +400,6 @@ export namespace Components {
         "idNamespace": string;
         "loggedin": boolean;
         "loginDialog": LoginDialog;
-        "loginManager": MarketWebLoginManager;
         "profileoptions": ProfileSelectorOrganization[];
     }
     interface PnMarketwebSiteheaderSearch {
@@ -1426,6 +1430,10 @@ declare namespace LocalJSX {
           * If the component should use cached requests
          */
         "cache"?: boolean;
+        /**
+          * Continiously check if a user is logged in *
+         */
+        "checkUserLoggedInStateInterval"?: number;
         /**
           * Specifies which endpoint domain we should load from
          */
@@ -1502,6 +1510,10 @@ declare namespace LocalJSX {
         "userToken"?: string;
     }
     interface PnMarketwebSiteheaderLogin {
+        /**
+          * Continiously check if a user is logged in *
+         */
+        "checkUserLoggedInStateInterval"?: number;
         "emitEvents"?: boolean;
         /**
           * Specifies which endpoint domain we should load from
@@ -1529,13 +1541,11 @@ declare namespace LocalJSX {
         "heading"?: string;
         "idNamespace"?: string;
         "links"?: LoginDialogLink[];
-        "loginManager"?: MarketWebLoginManager;
     }
     interface PnMarketwebSiteheaderLoginLinks {
         "idNamespace"?: string;
         "loggedin"?: boolean;
         "loginDialog"?: LoginDialog;
-        "loginManager"?: MarketWebLoginManager;
         "username"?: string;
     }
     interface PnMarketwebSiteheaderLoginProfileselection {
@@ -1546,7 +1556,6 @@ declare namespace LocalJSX {
         "idNamespace"?: string;
         "loggedin"?: boolean;
         "loginDialog"?: LoginDialog;
-        "loginManager"?: MarketWebLoginManager;
         "profileoptions"?: ProfileSelectorOrganization[];
     }
     interface PnMarketwebSiteheaderSearch {

package/types/globals/MarketWebLoginManager.d.ts

@@ -2,6 +2,7 @@ declare class MarketWebLoginManager {
   eventTarget: EventTarget;
   endpoint: String;
   storagePrefix: String;
+  checkUserLoggedInStateInterval: number;
   baseUrls: {
     at: string;
     prod: string;
@@ -25,9 +26,15 @@ declare class MarketWebLoginManager {
   };
   overridetokenValue: string;
   siteUrl: String;
+  abortSignalForLoginCheck: any;
+  loginCheckInProgress: boolean;
+  loginCheckTimer: any;
   constructor(options?: IMarketWebLoginManagerOptions);
   init(checkParameters?: boolean): void;
   setSiteUrl(siteUrl: any): void;
+  initiateLoggedInCheck(): void;
+  doExternalLoggedInCheck(): Promise<void>;
+  LogoutUser(): void;
   isLoggedIn(override?: boolean): boolean;
   registerToken(token?: string, tokenSource?: string): void;
   invalidateTokenOfType(tokenSource?: string): void;
@@ -57,6 +64,7 @@ interface IMarketWebLoginManagerOptions {
   endpoint?: String;
   storagePrefix?: String;
   userInfo?: IUserInfo;
+  checkUserLoggedInStateInterval?: number;
 }
 interface IUserInfo {
   acr?: string;

package/umd/pn-marketweb-init.js

@@ -37,7 +37,7 @@
 
   const s = document.createElement('script');
   const currentScriptTag = document.querySelector('script[src*="pn-marketweb-init.js"]');
-  const currentScriptSrc = currentScriptTag.getAttribute('src').replace('@latest', '@2.0.148');
+  const currentScriptSrc = currentScriptTag.getAttribute('src').replace('@latest', '@2.0.149');
   checkParameters(currentScriptSrc);
   const loaderScriptSrc = currentScriptSrc.replace('pn-marketweb-init.js', 'standalone-loader.js');
   s.setAttribute('type', 'module');

package/umd/pn-marketweb-salesforce.js

@@ -24,12 +24,12 @@
 
   const s = document.createElement('script');
   s.setAttribute('type', 'module');
-  s.setAttribute('src', 'https://cdn.jsdelivr.net/npm/@postnord/pn-marketweb-components@2.0.148/umd/standalone-loader-salesforce.js');
+  s.setAttribute('src', 'https://cdn.jsdelivr.net/npm/@postnord/pn-marketweb-components@2.0.149/umd/standalone-loader-salesforce.js');
   document.querySelector('head').appendChild(s);
 
   const style = document.createElement('link');
   style.setAttribute('rel', 'stylesheet');
-  style.setAttribute('href', 'https://cdn.jsdelivr.net/npm/@postnord/pn-marketweb-components@2.0.148/umd/pn-marketweb-wrongrembase.css');
+  style.setAttribute('href', 'https://cdn.jsdelivr.net/npm/@postnord/pn-marketweb-components@2.0.149/umd/pn-marketweb-wrongrembase.css');
   document.querySelector('head').appendChild(style);
 
   window['bindLanguageSelector'] = function () {

package/cjs/MarketWebLoginManager-2e2c83c4.js

@@ -1,281 +0,0 @@
-'use strict';
-
-class MarketWebLoginManager {
-  constructor(options = null) {
-    var _a;
-    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',
-      accessToken: 'accessToken',
-      user: 'user',
-      expire: 'expire',
-      expireDate: 'expiredate'
-    };
-    this.overridetokenValue = 'overridetokenValue';
-    this.siteUrl = window.location.origin;
-    this.store = {
-      get: (key) => {
-        const value = window.sessionStorage.getItem(`${this.storagePrefix}-${key}`);
-        if (!value) {
-          return value;
-        }
-        if (value.indexOf('{') === 0) {
-          try {
-            return JSON.parse(value);
-          }
-          catch (e) {
-          }
-        }
-        if (value.indexOf(',') !== -1) {
-          return value.split(',');
-        }
-        return value;
-      },
-      set: (key, value) => {
-        if (typeof value === "object" && typeof value.length === "undefined") {
-          window.sessionStorage.setItem(`${this.storagePrefix}-${key}`, JSON.stringify(value));
-          return;
-        }
-        window.sessionStorage.setItem(`${this.storagePrefix}-${key}`, value);
-      },
-      remove: (key) => {
-        window.sessionStorage.removeItem(`${this.storagePrefix}-${key}`);
-      },
-    };
-    if (!options) {
-      return;
-    }
-    this.eventTarget = (options.eventTarget) ? options.eventTarget : this.eventTarget;
-    this.endpoint = options.endpoint ? options.endpoint : `${window.location.protocol}//${window.location.host}`;
-    (_a = this.storagePrefix) !== null && _a !== void 0 ? _a : (this.storagePrefix = options.storagePrefix);
-    if (options.userInfo) {
-      this.store.set(this.keys.user, options.userInfo);
-      this.registerToken(this.overridetokenValue, 'override');
-    }
-  }
-  init(checkParameters = true) {
-    if (checkParameters) {
-      this.checkParameters();
-      this.checkPNTopbar();
-      this.checkExpireTime();
-      if (this.store.get(this.keys.token) && !this.store.get(this.keys.user)) {
-        this.fetchUserInfo();
-      }
-      this.loginStateChange();
-    }
-  }
-  setSiteUrl(siteUrl) {
-    if (siteUrl) {
-      this.siteUrl = siteUrl;
-    }
-  }
-  isLoggedIn(override = false) {
-    if (override) {
-      return override;
-    }
-    let isLoggedIn = (this.store.get(this.keys.token) && this.store.get(this.keys.user)) ? true : false;
-    if (!isLoggedIn && this.store.get(this.keys.token) === this.overridetokenValue) {
-      isLoggedIn = true;
-    }
-    return isLoggedIn;
-  }
-  registerToken(token = '', tokenSource = 'frontend') {
-    if (!token || token === this.getToken()) {
-      return;
-    }
-    this.clearUserData();
-    this.store.set(this.keys.tokensource, tokenSource);
-    this.store.set(this.keys.token, token);
-    this.fetchUserInfo();
-  }
-  invalidateTokenOfType(tokenSource = 'frontend') {
-    const currentToken = this.store.get(this.keys.token);
-    if (!currentToken) {
-      return;
-    }
-    const currentTokenSource = this.store.get(this.keys.tokensource);
-    if (currentTokenSource !== tokenSource) {
-      return;
-    }
-    // If we have a token and the source is set then we will invalidate the user data
-    this.clearUserData();
-  }
-  getLoginUrl(redirectPage = "") {
-    const currentPage = window.location.href;
-    redirectPage = redirectPage ? redirectPage : currentPage;
-    return `${this.getBaseUrl()}${this.endpoints.authorizationEndpoint}?redirectionUrl=${redirectPage}`;
-  }
-  getLogoutUrl(linkHref = "") {
-    if (linkHref.indexOf('logout?logoutUrl') !== -1) {
-      // Link has already been formatted. 
-      return linkHref;
-    }
-    let redirectPage = linkHref.replace('logout', '').replace('http://window.location.href/?', window.location.href).replace('https://window.location.href/?', window.location.href);
-    let rootUrl = this.siteUrl;
-    try {
-      const url = new URL(this.siteUrl + '');
-      rootUrl = url.origin;
-    }
-    catch (e) { }
-    const addSlash = (rootUrl.lastIndexOf('/') !== (rootUrl.length - 1));
-    const siteUrl = rootUrl + (addSlash ? '/' : '') + 'logout';
-    const secondLogoutUrl = `${this.getBaseUrl()}${this.endpoints.logoutEndpoint}?authorization=${this.store.get(this.keys.token)}%26redirectionUrl=${redirectPage}`;
-    const logoutUrl = `${siteUrl}?logoutUrl=${secondLogoutUrl}`;
-    return logoutUrl;
-  }
-  getUserInfo() {
-    if (this.isLoggedIn()) {
-      return this.store.get(this.keys.user);
-    }
-  }
-  getEventTarget() {
-    return this.eventTarget;
-  }
-  checkExpireTime() {
-    const expire = this.store.get(this.keys.expire);
-    if (!expire) {
-      return;
-    }
-    const now = new Date();
-    const expireDate = new Date(Math.floor(parseInt(expire, 10) * 1000));
-    if (now > expireDate) {
-      console.info('Login time has expired');
-      this.clearUserData();
-      this.loginStateChange();
-    }
-  }
-  checkPNTopbar() {
-    if (this.isLoggedIn() || !window['pnTopbar'] || !window['pnTopbar']['session_id']) {
-      return;
-    }
-    this.store.set(this.keys.token, window['pnTopbar']['session_id']);
-    this.fetchUserInfo();
-  }
-  checkParameters() {
-    if (!(window === null || window === void 0 ? void 0 : window.location)) {
-      return;
-    }
-    const params = new URLSearchParams(window.location.search);
-    if (params.get("oneTimeCode")) {
-      const oneTimeCode = params.get("oneTimeCode");
-      this.exchangeToken(oneTimeCode).then(() => {
-        const currentHref = window.location.href;
-        const paramPrefix = (currentHref.indexOf('?oneTimeCode') !== -1) ? "?" : "&";
-        const newUrl = currentHref.replace(`${paramPrefix}oneTimeCode=${oneTimeCode}`, '');
-        history.replaceState({}, document.querySelector('title').innerText, newUrl);
-      });
-    }
-  }
-  async fetchUserInfo() {
-    const token = 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;
-    }
-    const reqConfig = {
-      method: 'GET',
-      headers: {
-        'Accept': 'application/json',
-        'Content-Type': 'application/json',
-        'Authorization': token
-      },
-    };
-    const response = await fetch(`${this.getBaseUrl()}${this.endpoints.userInfoEndpoint}`, reqConfig);
-    const data = await response.json();
-    if (data && data["idToken"]) {
-      try {
-        const { idToken, expiryTime, accessToken } = 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.accessToken, accessToken);
-        this.store.set(this.keys.expire, expiryTime);
-        this.store.set(this.keys.expireDate, new Date(Math.floor(parseInt(expiryTime, 10) * 1000)));
-        this.loginStateChange();
-      }
-      catch (e) {
-        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);
-    this.store.remove(this.keys.tokensource);
-    this.store.remove(this.keys.accessToken);
-    this.store.remove(this.keys.token);
-    this.store.remove(this.keys.expire);
-    this.store.remove(this.keys.expireDate);
-  }
-  getToken() {
-    return this.store.get(this.keys.token);
-  }
-  getAccessToken() {
-    return this.store.get(this.keys.accessToken);
-  }
-  async exchangeToken(oneTimeCode) {
-    this.clearUserData();
-    const response = await fetch(`${this.getBaseUrl()}${this.endpoints.tokenExchangeEndpoint}?oneTimeCode=${oneTimeCode}`);
-    const { token } = await response.json();
-    if (typeof token === "string" && token) {
-      this.store.set(this.keys.token, token);
-    }
-    this.fetchUserInfo();
-  }
-  loginStateChange() {
-    if (!this.eventTarget) {
-      return;
-    }
-    this.eventTarget.dispatchEvent(new CustomEvent(this.events.loginstatechange, {
-      detail: this.isLoggedIn()
-    }));
-  }
-  getBaseUrl() {
-    const atEnvironments = ["localhost", "integration.", 'local.'];
-    let useATEnv = atEnvironments.filter(x => this.endpoint.indexOf(x) !== -1).length > 0;
-    if (window.location.hostname.indexOf('atportal.postnord.com') === 0) {
-      useATEnv = true;
-    }
-    if (useATEnv) {
-      return this.baseUrls.at;
-    }
-    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) {
-      return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
-    }).join(''));
-    return JSON.parse(jsonPayload);
-  }
-}
-
-exports.MarketWebLoginManager = MarketWebLoginManager;