@postnord/pn-marketweb-components 2.1.1 → 2.1.2

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

@@ -17,8 +17,8 @@ export class PnMarketwebSiteheaderLogin {
       mainMenuButton: '',
       menuStartButton: '',
       profileSelectionFlyoutHeading: '',
-      loginButtonText: '',
-      loginPreamble: '',
+      unifiedLoginButton: '',
+      unifiedMyPagesButton: '',
     };
     this.siteUrl = '';
     this.emitEvents = true;
@@ -29,13 +29,16 @@ export class PnMarketwebSiteheaderLogin {
     this.loggedin = false;
     /** If this is selected we will show the new profile selection dropdown instead of the login version */
     this.showProfileSelection = false;
+    /** if this is selected we will show the unifiedlogin button along with new look for dropdown */
+    this.showUnifiedLogin = false;
     /** Continiously check if a user is logged in **/
     this.checkUserLoggedInStateInterval = 0;
+    this.loginButtonText = 'Placeholder';
+    this.loginInformationRichText = '<a href="#">Read more about the benefits of becoming a customer in the business portal</a>';
     this.toggleButtonText = ((_a = this.loginDialog) === null || _a === void 0 ? void 0 : _a.loginMenuLinkText) ? this.loginDialog.loginMenuLinkText : '';
     this.username = this.fullname;
   }
   componentWillLoad() {
-    console.log('env: ', this.environment);
     const userInfo = this.loggedin && this.fullname ? { given_name: this.fullname } : null;
     headerState.loginManager = new MarketWebLoginManager({
       endpoint: this.endpoint,
@@ -157,10 +160,9 @@ export class PnMarketwebSiteheaderLogin {
     }
     return (h(Host, Object.assign({}, hostElementAttribute),
       h("pn-nav-dropdown", { label: this.toggleButtonText, icon: "user", class: "siteheader-logindialog" },
-        this.environment !== 'production' && !this.loggedin && h("pn-marketweb-siteheader-login-button", { label: /* this.i18n?.loginButtonText */ 'login check' }),
-        this.environment !== 'production' && this.loggedin && h("pn-marketweb-siteheader-login-mypage-button", { myPageUrl: "https://account.postnord.com/secure/profile" }),
-        this.loggedin && this.showProfileSelection ? (h("pn-marketweb-siteheader-login-profileselection", { loginDialog: this.loginDialog, loggedin: this.loggedin, i18n: this.i18n, idNamespace: this.emitEvents ? '1' : '2', endpoint: this.endpoint })) : (h("pn-marketweb-siteheader-login-links", { loginDialog: this.loginDialog, loggedin: this.loggedin, idNamespace: this.emitEvents ? '1' : '2', username: this.username })),
-        this.environment !== 'production' && h("p", null, "L\u00E4s mer om v\u00E5ra inloggade tj\u00E4nster och hur du anv\u00E4nder dem"))));
+        this.showUnifiedLogin && (h("pn-marketweb-siteheader-unified-login", { loggedIn: this.loggedin, myPageLabel: this.i18n.unifiedMyPagesButton, myPageUrl: "https://account.postnord.com/secure/profile", logInLabel: this.i18n.unifiedLoginButton })),
+        this.loggedin && this.showProfileSelection ? (h("pn-marketweb-siteheader-login-profileselection", { loginDialog: this.loginDialog, loggedin: this.loggedin, i18n: this.i18n, idNamespace: this.emitEvents ? '1' : '2', endpoint: this.endpoint })) : (h("pn-marketweb-siteheader-login-links", { loginDialog: this.loginDialog, loggedin: this.loggedin, idNamespace: this.emitEvents ? '1' : '2', username: this.username, showUnifiedLogin: this.showUnifiedLogin })),
+        this.showUnifiedLogin && h("span", { innerHTML: `${this.loginInformationRichText}` }))));
   }
   static get is() { return "pn-marketweb-siteheader-login"; }
   static get originalStyleUrls() { return {
@@ -225,7 +227,7 @@ export class PnMarketwebSiteheaderLogin {
         "tags": [],
         "text": ""
       },
-      "defaultValue": "{\n    searchlabel: '',\n    searchplaceholder: '',\n    searchbuttontext: '',\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    profileSelectionFlyoutHeading: '',\n    loginButtonText: '',\n    loginPreamble: '',\n  } as SiteHeaderI18N"
+      "defaultValue": "{\n    searchlabel: '',\n    searchplaceholder: '',\n    searchbuttontext: '',\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    profileSelectionFlyoutHeading: '',\n    unifiedLoginButton: '',\n    unifiedMyPagesButton: '',\n  } as SiteHeaderI18N"
     },
     "siteUrl": {
       "type": "string",
@@ -338,6 +340,24 @@ export class PnMarketwebSiteheaderLogin {
       "reflect": false,
       "defaultValue": "false"
     },
+    "showUnifiedLogin": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "if this is selected we will show the unifiedlogin button along with new look for dropdown"
+      },
+      "attribute": "show-unified-login",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "checkUserLoggedInStateInterval": {
       "type": "number",
       "mutable": false,
@@ -372,6 +392,42 @@ export class PnMarketwebSiteheaderLogin {
       },
       "attribute": "environment",
       "reflect": false
+    },
+    "loginButtonText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "login-button-text",
+      "reflect": false,
+      "defaultValue": "'Placeholder'"
+    },
+    "loginInformationRichText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "login-information-rich-text",
+      "reflect": false,
+      "defaultValue": "'<a href=\"#\">Read more about the benefits of becoming a customer in the business portal</a>'"
     }
   }; }
   static get states() { return {

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

@@ -0,0 +1,88 @@
+import { Component, Element, h, Host, Prop } from '@stencil/core';
+export class PnMarketwebSiteheaderUnifiedLogin {
+  constructor() {
+    this.loggedIn = false;
+  }
+  render() {
+    return (h(Host, null, this.loggedIn ? (h("pn-marketweb-siteheader-login-mypage-button", { label: this.myPageLabel, myPageUrl: this.myPageUrl })) : (h("pn-marketweb-siteheader-login-button", { label: this.logInLabel }))));
+  }
+  static get is() { return "pn-marketweb-siteheader-unified-login"; }
+  static get originalStyleUrls() { return {
+    "$": ["pn-marketweb-siteheader-unified-login.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["pn-marketweb-siteheader-unified-login.css"]
+  }; }
+  static get properties() { return {
+    "loggedIn": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "logged-in",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "myPageLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "my-page-label",
+      "reflect": false
+    },
+    "myPageUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "my-page-url",
+      "reflect": false
+    },
+    "logInLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "log-in-label",
+      "reflect": false
+    }
+  }; }
+  static get elementRef() { return "hostElement"; }
+}

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.css

@@ -98,7 +98,7 @@ pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dro
   width: 100%;
 }
 pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content pn-marketweb-siteheader-login-links::before,
-pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content p::before {
+pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span::before {
   display: block;
   content: "";
   height: 2px;
@@ -106,10 +106,17 @@ pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dro
   width: 100%;
   margin-bottom: 2.4rem;
 }
-pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content p {
+pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span {
   font-size: 1.4rem;
   color: #005D92;
 }
+pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span a {
+  text-decoration: none;
+  color: #005D92;
+}
+pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span a:hover {
+  text-decoration: underline;
+}
 pn-marketweb-siteheader pn-nav-dropdown:not(.hydrated) .nav-dropdown-content-container {
   display: none;
 }

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

@@ -36,6 +36,8 @@ export class PnMarketwebSiteheader {
     this.hideLogin = false;
     /** If this is selected we will show the new profile selection dropdown instead of the login version */
     this.showProfileSelection = false;
+    /** if this is selected we will show the unified-login button aswell as a new look for dropdown menu */
+    this.showUnifiedLogin = false;
     /** Adjusts the menus URLs */
     this.siteDomainInUrls = false;
     /** Autocomplete endpoint */
@@ -59,6 +61,8 @@ export class PnMarketwebSiteheader {
       mainMenuButton: '',
       menuStartButton: '',
       profileSelectionFlyoutHeading: '',
+      unifiedLoginButton: '',
+      unifiedMyPagesButton: '',
     };
     this.gotData = false;
     this.fetchingData = false;
@@ -345,7 +349,7 @@ export class PnMarketwebSiteheader {
                   h("path", { d: "M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z", fill: "#00A0D6", transform: "translate(0 0)" }))))),
           h("div", { class: "siteheader-topright" },
             h("slot", { name: "toprightstart" }),
-            this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { token: this.userToken, siteUrl: this.siteDefinition.url, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n, showProfileSelection: this.showProfileSelection, "check-user-logged-in-state-interval": this.checkUserLoggedInStateInterval })),
+            this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { token: this.userToken, siteUrl: this.siteDefinition.url, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, "check-user-logged-in-state-interval": this.checkUserLoggedInStateInterval })),
             this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))),
             h("slot", { name: "toprightend" }),
             h("div", { class: "siteheader-menu-top-search" },
@@ -367,7 +371,7 @@ export class PnMarketwebSiteheader {
               })),
               h("div", { slot: "footer", class: "siteheader-menu-footer" },
                 h("slot", { name: "menu-footer-cta" }),
-                this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { emitEvents: false, siteUrl: this.siteDefinition.url, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection, environment: this.environment })),
+                this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { emitEvents: false, siteUrl: this.siteDefinition.url, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, environment: this.environment })),
                 this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))),
                 !this.hideSiteSelector && (h("pn-site-selector", { language: this.language },
                   this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle) && (h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle, description: this.siteSelector.currentSiteDescription })),
@@ -639,6 +643,24 @@ export class PnMarketwebSiteheader {
       "reflect": true,
       "defaultValue": "false"
     },
+    "showUnifiedLogin": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "if this is selected we will show the unified-login button aswell as a new look for dropdown menu"
+      },
+      "attribute": "show-unified-login",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "siteDomainInUrls": {
       "type": "boolean",
       "mutable": false,

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

@@ -477,7 +477,7 @@ DotComSiteHeader.args = {
   language: 'sv',
   endpoint: 'https://com-integration.postnord.com',
   name: 'DotCom User',
-  loggedin: true,
+  loggedin: false,
 };
 
 const TPLSiteHeaderTemplate = ({ ...args }) => {

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

@@ -1,62 +1,74 @@
 export const translations = {
-  'sv': {
-    "searchlabel": "Sök",
-    "searchplaceholder": "Vad letar du efter?",
-    "searchbuttontext": "Sök",
-    "menuHomeButton": "Hem",
-    "menuGoBackButton": "Gå tillbaka",
-    "mainMenuButton": "Meny",
-    "menuStartButton": "Start",
-    "profileSelectionFlyoutHeading": "Inloggad som",
+  sv: {
+    searchlabel: 'Sök',
+    searchplaceholder: 'Vad letar du efter?',
+    searchbuttontext: 'Sök',
+    menuHomeButton: 'Hem',
+    menuGoBackButton: 'Gå tillbaka',
+    mainMenuButton: 'Meny',
+    menuStartButton: 'Start',
+    profileSelectionFlyoutHeading: 'Inloggad som',
+    unifiedLoginButton: 'Logga in',
+    unifiedMyPagesButton: 'Mina sidor',
   },
-  'en': {
-    "searchlabel": "Search",
-    "searchplaceholder": "Search",
-    "searchbuttontext": "Search",
-    "menuHomeButton": "Home",
-    "menuGoBackButton": "Go back",
-    "mainMenuButton": "Menu",
-    "menuStartButton": "Start",
-    "profileSelectionFlyoutHeading": "Logged in as",
+  en: {
+    searchlabel: 'Search',
+    searchplaceholder: 'Search',
+    searchbuttontext: 'Search',
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    profileSelectionFlyoutHeading: 'Logged in as',
+    unifiedLoginButton: 'Log in',
+    unifiedMyPagesButton: 'My pages',
   },
-  'da': {
-    "searchlabel": "Søg",
-    "searchplaceholder": "Søg",
-    "searchbuttontext": "Søg",
-    "menuHomeButton": "Hjem",
-    "menuGoBackButton": "Gå tilbage",
-    "mainMenuButton": "Menu",
-    "menuStartButton": "Start",
-    "profileSelectionFlyoutHeading": "Logget ind som",
+  da: {
+    searchlabel: 'Søg',
+    searchplaceholder: 'Søg',
+    searchbuttontext: 'Søg',
+    menuHomeButton: 'Hjem',
+    menuGoBackButton: 'Gå tilbage',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    profileSelectionFlyoutHeading: 'Logget ind som',
+    unifiedLoginButton: 'Log ind',
+    unifiedMyPagesButton: 'Mine sider',
   },
-  'no': {
-    "searchlabel": "Søk",
-    "searchplaceholder": "Søk",
-    "searchbuttontext": "Søk",
-    "menuHomeButton": "Hjem",
-    "menuGoBackButton": "Gå tilbake",
-    "mainMenuButton": "Meny",
-    "menuStartButton": "Start",
-    "profileSelectionFlyoutHeading": "Logget på som",
+  no: {
+    searchlabel: 'Søk',
+    searchplaceholder: 'Søk',
+    searchbuttontext: 'Søk',
+    menuHomeButton: 'Hjem',
+    menuGoBackButton: 'Gå tilbake',
+    mainMenuButton: 'Meny',
+    menuStartButton: 'Start',
+    profileSelectionFlyoutHeading: 'Logget på som',
+    unifiedLoginButton: 'Logg inn',
+    unifiedMyPagesButton: 'Sidene mine',
   },
-  'fi': {
-    "searchlabel": "Hae",
-    "searchplaceholder": "Hae",
-    "searchbuttontext": "Hae",
-    "menuHomeButton": "Koti",
-    "menuGoBackButton": "Mene takaisin",
-    "mainMenuButton": "Valikko",
-    "menuStartButton": "Alkaa",
-    "profileSelectionFlyoutHeading": "Kirjautunut sisään nimellä",
+  fi: {
+    searchlabel: 'Hae',
+    searchplaceholder: 'Hae',
+    searchbuttontext: 'Hae',
+    menuHomeButton: 'Koti',
+    menuGoBackButton: 'Mene takaisin',
+    mainMenuButton: 'Valikko',
+    menuStartButton: 'Alkaa',
+    profileSelectionFlyoutHeading: 'Kirjautunut sisään nimellä',
+    unifiedLoginButton: 'Kirjaudu sisään',
+    unifiedMyPagesButton: 'Minun sivujani',
+  },
+  de: {
+    searchlabel: 'Suche',
+    searchplaceholder: 'Wonach suchen Sie?',
+    searchbuttontext: 'Suche',
+    menuHomeButton: 'Start',
+    menuGoBackButton: 'Geh zurück',
+    mainMenuButton: 'Menü',
+    menuStartButton: 'Start',
+    profileSelectionFlyoutHeading: 'Eingeloggt als',
+    unifiedLoginButton: 'Anmeldung',
+    unifiedMyPagesButton: 'Meine Seiten',
   },
-  'de': {
-    "searchlabel": "Suche",
-    "searchplaceholder": "Wonach suchen Sie?",
-    "searchbuttontext": "Suche",
-    "menuHomeButton": "Start",
-    "menuGoBackButton": "Geh zurück",
-    "mainMenuButton": "Menü",
-    "menuStartButton": "Start",
-    "profileSelectionFlyoutHeading": "Eingeloggt als",
-  }
 };

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

@@ -0,0 +1,46 @@
+export const getLoginUrl = currentDomain => {
+  /*  Step 1
+If a user is on on a domain with these patterns / direct  urls
+
+[market]-[environments].postnord.com
+market = ['se','dk', 'no', 'fi','com','de','tpl'];
+environments = ['integration', 'preproduction', 'production'];
+Or matches
+
+
+wwwurls = ['www.postnord.se','www.postnord.dk', 'www.postnord.no', 'www.postnord.fi', 'www.postnord.com', 'www.postnord.de', 'www.tpl.postnord.com']
+
+Step 2.
+If the above is not matches,
+check if the domain is a portal AT domain
+
+portalAtDomains = ['devportal.postnord.com', 'atportal.postnord.com']
+Then use the atportal endpoints to log in (this should have nothing to do with the market domains
+Step 3.
+If non of the above matches, then use the production portal endpoint to log in
+
+
+*/
+  let loginUrl = null;
+  // const market = ['se', 'dk', 'no', 'fi', 'com', 'de', 'tpl'];
+  // const environments = ['integration', 'preproduction', 'production'];
+  // const wwwurls = ['www.postnord.se', 'www.postnord.dk', 'www.postnord.no', 'www.postnord.fi', 'www.postnord.com', 'www.postnord.de', 'www.tpl.postnord.com'];
+  const portalAtDomains = ['devportal.postnord.com', 'atportal.postnord.com'];
+  const marketRegex = '(?:se|dk|no|fi|com|de|tpl)-(?:integration|preproduction|production).(?:postnord.com)';
+  const wwwRegex = '(?:www(?:.tpl)?.postnord.(?:se|dk|no|fi|com|de))';
+  /*   if (
+    (market.some(market => currentDomain.includes(market)) && environments.some(environment => currentDomain.includes(environment))) ||
+    wwwurls.some(domain => currentDomain.includes(domain))
+  ) */
+  if (currentDomain.match(marketRegex) || currentDomain.match(wwwRegex)) {
+    loginUrl = `${currentDomain}/login?returnUrl=`;
+  }
+  else if (portalAtDomains.some(atdomain => currentDomain.includes(atdomain))) {
+    loginUrl = 'https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';
+  }
+  else {
+    //production portal endpoint
+    loginUrl = 'https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';
+  }
+  return loginUrl;
+};

package/custom-elements/index.d.ts

@@ -188,6 +188,12 @@ export const PnMarketwebSiteheaderSearch: {
   new (): PnMarketwebSiteheaderSearch;
 };
 
+interface PnMarketwebSiteheaderUnifiedLogin extends Components.PnMarketwebSiteheaderUnifiedLogin, HTMLElement {}
+export const PnMarketwebSiteheaderUnifiedLogin: {
+  prototype: PnMarketwebSiteheaderUnifiedLogin;
+  new (): PnMarketwebSiteheaderUnifiedLogin;
+};
+
 interface PnParcelTracker extends Components.PnParcelTracker, HTMLElement {}
 export const PnParcelTracker: {
   prototype: PnParcelTracker;