@postnord/pn-marketweb-components 2.3.0 → 2.3.1

package/collection/globals/MarketWebContextService.js

@@ -1,79 +1,79 @@
 class MarketWebContextService {
   constructor(href = window.location.href) {
-    this.href = "";
-    this.market = "";
-    this.language = "";
-    this.environment = "";
+    this.href = '';
+    this.market = '';
+    this.language = '';
+    this.environment = '';
     this.url = null;
-    this.allowedLanguages = ["sv", "da", "fi", "no", "en", "de"];
-    this.allowedMarkets = ["se", "dk", "fi", "no", "com", "de", "tpl"];
-    this.wwwMarkets = ["se", "dk", "fi", "no", "de", "com"];
-    this.developmentDomains = ["localhost", ".local", "local.", ".dev", "dev."];
+    this.allowedLanguages = ['sv', 'da', 'fi', 'no', 'en', 'de', 'zh', 'fr', 'es'];
+    this.allowedMarkets = ['se', 'dk', 'fi', 'no', 'com', 'de', 'tpl'];
+    this.wwwMarkets = ['se', 'dk', 'fi', 'no', 'de', 'com'];
+    this.developmentDomains = ['localhost', '.local', 'local.', '.dev', 'dev.'];
     this.markets = {
-      "se": {
-        fallbackLanguage: "sv",
+      se: {
+        fallbackLanguage: 'sv',
         integration: 'se-integration.postnord.com',
         preproduction: 'se-preproduction.postnord.com',
         production: 'se-production.postnord.com',
-        live: 'www.postnord.se'
+        live: 'www.postnord.se',
       },
-      "dk": {
-        fallbackLanguage: "da",
+      dk: {
+        fallbackLanguage: 'da',
         integration: 'dk-integration.postnord.com',
         preproduction: 'dk-preproduction.postnord.com',
         production: 'dk-production.postnord.com',
-        live: 'www.postnord.dk'
+        live: 'www.postnord.dk',
       },
-      "fi": {
-        fallbackLanguage: "fi",
+      fi: {
+        fallbackLanguage: 'fi',
         integration: 'fi-integration.postnord.com',
         preproduction: 'fi-preproduction.postnord.com',
         production: 'fi-production.postnord.com',
-        live: 'www.postnord.fi'
+        live: 'www.postnord.fi',
       },
-      "no": {
-        fallbackLanguage: "no",
+      no: {
+        fallbackLanguage: 'no',
         integration: 'no-integration.postnord.com',
         preproduction: 'no-preproduction.postnord.com',
         production: 'no-production.postnord.com',
-        live: 'www.postnord.no'
+        live: 'www.postnord.no',
       },
-      "com": {
-        fallbackLanguage: "en",
+      com: {
+        fallbackLanguage: 'en',
         integration: 'com-integration.postnord.com',
         preproduction: 'com-preproduction.postnord.com',
         production: 'com-production.postnord.com',
-        live: 'www.postnord.com'
+        live: 'www.postnord.com',
       },
-      "de": {
-        fallbackLanguage: "en",
+      de: {
+        fallbackLanguage: 'en',
         integration: 'de-integration.postnord.com',
         preproduction: 'de-preproduction.postnord.com',
         production: 'de-production.postnord.com',
-        live: 'www.postnord.de'
+        live: 'www.postnord.de',
       },
-      "tpl": {
-        fallbackLanguage: "sv",
+      tpl: {
+        fallbackLanguage: 'sv',
         integration: 'tpl-integration.postnord.com',
         preproduction: 'tpl-preproduction.postnord.com',
         production: 'tpl-production.postnord.com',
-        live: 'tpl.postnord.com'
+        live: 'tpl.postnord.com',
       },
     };
-    this.environmentTypes = ["integration", "preproduction", "production"];
+    this.environmentTypes = ['integration', 'preproduction', 'production'];
     this.environments = {
-      "production": {
-        "name": "production",
-        "url": "https://www.postnord.xx/"
+      production: {
+        name: 'production',
+        url: 'https://www.postnord.xx/',
       },
-      "preproduction": {
-        "name": "preproduction",
-        "url": "https://com-preproduction.postnord.com/"
+      preproduction: {
+        name: 'preproduction',
+        url: 'https://com-preproduction.postnord.com/',
+      },
+      integration: {
+        name: 'integration',
+        url: 'https://com-integration.postnord.com/',
       },
-      "integration": {
-        "name": "integration",
-        "url": "https://com-integration.postnord.com/"
-      }
     };
     this.href = href;
     this.url = new URL(this.href);
@@ -92,7 +92,7 @@ class MarketWebContextService {
     await this.resolveMarket();
     return this.market;
   }
-  async getEndpoint(environmentName, marketName = "") {
+  async getEndpoint(environmentName, marketName = '') {
     let url = this.environments.production.url;
     if (this.markets[marketName] && this.markets[marketName][environmentName]) {
       if (environmentName === 'production' && window.location.hostname.indexOf(this.markets[marketName]['live']) === 0) {
@@ -109,18 +109,18 @@ class MarketWebContextService {
       if (environmentName === this.environments.production.name) {
         if (this.wwwMarkets.indexOf(marketName) !== -1) {
           // Handles www.postnord.xx domains
-          url = url.replace(".xx", "." + marketName);
+          url = url.replace('.xx', '.' + marketName);
         }
         else {
-          url = url.replace(".xx", ".com"); // Expect URL to end in postnord.com
-          url = url.replace("www.", marketName + ".");
+          url = url.replace('.xx', '.com'); // Expect URL to end in postnord.com
+          url = url.replace('www.', marketName + '.');
         }
       }
     }
     return url;
   }
   async getEnvironmentName() {
-    const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf(('-' + x)) !== -1)[0];
+    const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf('-' + x) !== -1)[0];
     if (likelyEnvironment) {
       this.environment = likelyEnvironment;
       return this.environment;
@@ -138,17 +138,17 @@ class MarketWebContextService {
   }
   async resolveMarket() {
     // Resolve market from www domains
-    if (this.href.indexOf("//www.") !== -1) {
+    if (this.href.indexOf('//www.') !== -1) {
       const domainRoot = this.url.hostname.substring(this.url.hostname.lastIndexOf('.') + 1, this.url.hostname.length);
       if (domainRoot && this.markets[domainRoot]) {
         this.market = domainRoot;
       }
       else {
-        console.warn("Unable to define market from www. domain", this.href);
+        console.warn('Unable to define market from www. domain', this.href);
       }
     }
     // Check if domains are on one of the integration/preproduction/production environments urls
-    const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf(('-' + x)) !== -1);
+    const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf('-' + x) !== -1);
     if (!this.market && likelyEnvironment && likelyEnvironment.length > 0) {
       const matchedEnvironment = likelyEnvironment[0];
       const marketPrefix = this.url.hostname.substring(0, this.url.hostname.indexOf('-' + matchedEnvironment));
@@ -156,14 +156,14 @@ class MarketWebContextService {
         this.market = marketPrefix;
       }
       else {
-        console.warn("Unable to define market from preset environment names", this.href);
+        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) {
         const start = this.url.hostname.indexOf('.') !== this.url.hostname.indexOf('.postnord') ? this.url.hostname.indexOf('.') : 0;
         const potentialMarket = this.url.hostname.substring(start, this.url.hostname.indexOf('.postnord.'));
-        // Break down the subdomain to the word closest to .postnord. and take that word. 
+        // Break down the subdomain to the word closest to .postnord. and take that word.
         // Supports sub-sub domain down to 1 level.
         if (this.allowedMarkets.indexOf(potentialMarket) !== -1) {
           this.market = potentialMarket;
@@ -171,7 +171,7 @@ class MarketWebContextService {
         }
       }
     }
-    // Check if we're on a development environment    
+    // Check if we're on a development environment
     if (!this.market) {
       const matchedDevEnvironment = this.developmentDomains.filter(x => this.url.hostname.indexOf(x) !== -1)[0];
       if (!matchedDevEnvironment) {
@@ -179,7 +179,7 @@ class MarketWebContextService {
         this.market = this.allowedMarkets[0];
         return;
       }
-      const urlWithoutDomain = this.href.replace(matchedDevEnvironment, "");
+      const urlWithoutDomain = this.href.replace(matchedDevEnvironment, '');
       // We see if the dev environment contains something like /dk
       let matchedMarket = this.allowedMarkets.filter(x => {
         const typesOfFallback = ['.' + x, x + '.', '/' + x + '/']; // Ex /dk, dk.html, /dk/
@@ -191,7 +191,7 @@ class MarketWebContextService {
       }
       else {
         // We do a similar filter for subpaths but for language this time
-        let filteredMarket = Object.entries(this.markets).filter((item) => {
+        let filteredMarket = Object.entries(this.markets).filter(item => {
           const typesOfFallback = ['.' + item[1].fallbackLanguage, item[1].fallbackLanguage + '.', '/' + item[1].fallbackLanguage + '/']; // Ex /dk, dk.html, /dk/
           const matchedTypeOfFallback = typesOfFallback.filter(y => urlWithoutDomain.indexOf(y) !== -1);
           return matchedTypeOfFallback.length > 0;
@@ -202,7 +202,7 @@ class MarketWebContextService {
       }
     }
     if (!this.market) {
-      console.info("Was unable to detect market, used fallback");
+      console.info('Was unable to detect market, used fallback');
       this.market = this.allowedMarkets[0];
     }
   }
@@ -212,12 +212,14 @@ class MarketWebContextService {
       return;
     }
     const potentialLanguages = [
-      (_a = document.querySelector("html[lang]")) === null || _a === void 0 ? void 0 : _a.getAttribute("lang"),
-      (_b = document.querySelector('[http-equiv="content-language"][content]')) === null || _b === void 0 ? void 0 : _b.getAttribute("content"),
-      (_c = document.querySelector('[property="og:locale"][content]')) === null || _c === void 0 ? void 0 : _c.getAttribute("content"),
-      (_d = document.querySelector("[lang]")) === null || _d === void 0 ? void 0 : _d.getAttribute("lang"),
+      (_a = document.querySelector('html[lang]')) === null || _a === void 0 ? void 0 : _a.getAttribute('lang'),
+      (_b = document.querySelector('[http-equiv="content-language"][content]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content'),
+      (_c = document.querySelector('[property="og:locale"][content]')) === null || _c === void 0 ? void 0 : _c.getAttribute('content'),
+      (_d = document.querySelector('[lang]')) === null || _d === void 0 ? void 0 : _d.getAttribute('lang'),
     ];
-    potentialLanguages.filter(x => x).forEach((language) => {
+    potentialLanguages
+      .filter(x => x)
+      .forEach(language => {
       if (this.allowedLanguages.indexOf(language)) {
         this.language = language;
         return;

package/custom-elements/index.js

@@ -25150,24 +25150,33 @@ let PnfindServiceAndPriceResult = class extends HTMLElement {
 };
 
 const translations$a = {
-  'sv': {
-    "heading": "Språk",
+  sv: {
+    heading: 'Språk',
   },
-  'en': {
-    "heading": "Language"
+  en: {
+    heading: 'Language',
   },
-  'da': {
-    "heading": "Sprog"
+  da: {
+    heading: 'Sprog',
   },
-  'no': {
-    "heading": "Språk"
+  no: {
+    heading: 'Språk',
   },
-  'fi': {
-    "heading": "Kieli"
+  fi: {
+    heading: 'Kieli',
+  },
+  de: {
+    heading: 'Sprache',
+  },
+  zh: {
+    heading: '语言',
+  },
+  fr: {
+    heading: 'Langue',
+  },
+  es: {
+    heading: 'Idioma',
   },
-  'de': {
-    "heading": "Sprache"
-  }
 };
 
 const pnLanguageSelectorCss = "pn-language-selector{max-height:5.2rem}pn-language-selector pn-nav-dropdown:not([data-open]) .nav-dropdown-content-container,pn-language-selector pn-nav-dropdown[data-open=false] .nav-dropdown-content-container{display:none}pn-language-selector pn-nav-dropdown{display:block}.languageselector{position:relative}.languageselector-togglebtn{cursor:pointer;border:0;padding:0.64rem 0;background-color:#FFFFFF;color:#005D92;font-size:1.6rem}.languageselector-togglebtn:hover,.languageselector-togglebtn:focus,.languageselector-togglebtn:active{color:#0D234B;text-decoration:underline}.languageselector-togglebtn svg{width:1.9rem;height:1.9rem}.languageselector-title{padding:0.8rem 1.6rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.languageselector-list{margin:0;padding:0;list-style:none}";
@@ -25811,80 +25820,80 @@ class FetchHelper {
 
 class MarketWebContextService {
   constructor(href = window.location.href) {
-    this.href = "";
-    this.market = "";
-    this.language = "";
-    this.environment = "";
+    this.href = '';
+    this.market = '';
+    this.language = '';
+    this.environment = '';
     this.url = null;
-    this.allowedLanguages = ["sv", "da", "fi", "no", "en", "de"];
-    this.allowedMarkets = ["se", "dk", "fi", "no", "com", "de", "tpl"];
-    this.wwwMarkets = ["se", "dk", "fi", "no", "de", "com"];
-    this.developmentDomains = ["localhost", ".local", "local.", ".dev", "dev."];
+    this.allowedLanguages = ['sv', 'da', 'fi', 'no', 'en', 'de', 'zh', 'fr', 'es'];
+    this.allowedMarkets = ['se', 'dk', 'fi', 'no', 'com', 'de', 'tpl'];
+    this.wwwMarkets = ['se', 'dk', 'fi', 'no', 'de', 'com'];
+    this.developmentDomains = ['localhost', '.local', 'local.', '.dev', 'dev.'];
     this.markets = {
-      "se": {
-        fallbackLanguage: "sv",
+      se: {
+        fallbackLanguage: 'sv',
         integration: 'se-integration.postnord.com',
         preproduction: 'se-preproduction.postnord.com',
         production: 'se-production.postnord.com',
-        live: 'www.postnord.se'
+        live: 'www.postnord.se',
       },
-      "dk": {
-        fallbackLanguage: "da",
+      dk: {
+        fallbackLanguage: 'da',
         integration: 'dk-integration.postnord.com',
         preproduction: 'dk-preproduction.postnord.com',
         production: 'dk-production.postnord.com',
-        live: 'www.postnord.dk'
+        live: 'www.postnord.dk',
       },
-      "fi": {
-        fallbackLanguage: "fi",
+      fi: {
+        fallbackLanguage: 'fi',
         integration: 'fi-integration.postnord.com',
         preproduction: 'fi-preproduction.postnord.com',
         production: 'fi-production.postnord.com',
-        live: 'www.postnord.fi'
+        live: 'www.postnord.fi',
       },
-      "no": {
-        fallbackLanguage: "no",
+      no: {
+        fallbackLanguage: 'no',
         integration: 'no-integration.postnord.com',
         preproduction: 'no-preproduction.postnord.com',
         production: 'no-production.postnord.com',
-        live: 'www.postnord.no'
+        live: 'www.postnord.no',
       },
-      "com": {
-        fallbackLanguage: "en",
+      com: {
+        fallbackLanguage: 'en',
         integration: 'com-integration.postnord.com',
         preproduction: 'com-preproduction.postnord.com',
         production: 'com-production.postnord.com',
-        live: 'www.postnord.com'
+        live: 'www.postnord.com',
       },
-      "de": {
-        fallbackLanguage: "en",
+      de: {
+        fallbackLanguage: 'en',
         integration: 'de-integration.postnord.com',
         preproduction: 'de-preproduction.postnord.com',
         production: 'de-production.postnord.com',
-        live: 'www.postnord.de'
+        live: 'www.postnord.de',
       },
-      "tpl": {
-        fallbackLanguage: "sv",
+      tpl: {
+        fallbackLanguage: 'sv',
         integration: 'tpl-integration.postnord.com',
         preproduction: 'tpl-preproduction.postnord.com',
         production: 'tpl-production.postnord.com',
-        live: 'tpl.postnord.com'
+        live: 'tpl.postnord.com',
       },
     };
-    this.environmentTypes = ["integration", "preproduction", "production"];
+    this.environmentTypes = ['integration', 'preproduction', 'production'];
     this.environments = {
-      "production": {
-        "name": "production",
-        "url": "https://www.postnord.xx/"
+      production: {
+        name: 'production',
+        url: 'https://www.postnord.xx/',
       },
-      "preproduction": {
-        "name": "preproduction",
-        "url": "https://com-preproduction.postnord.com/"
+      preproduction: {
+        name: 'preproduction',
+        url: 'https://com-preproduction.postnord.com/',
+      },
+      integration: {
+        name: 'integration',
+        url: 'https://com-integration.postnord.com/',
       },
-      "integration": {
-        "name": "integration",
-        "url": "https://com-integration.postnord.com/"
-      }
     };
     this.href = href;
     this.url = new URL(this.href);
@@ -25903,7 +25912,7 @@ class MarketWebContextService {
     await this.resolveMarket();
     return this.market;
   }
-  async getEndpoint(environmentName, marketName = "") {
+  async getEndpoint(environmentName, marketName = '') {
     let url = this.environments.production.url;
     if (this.markets[marketName] && this.markets[marketName][environmentName]) {
       if (environmentName === 'production' && window.location.hostname.indexOf(this.markets[marketName]['live']) === 0) {
@@ -25920,18 +25929,18 @@ class MarketWebContextService {
       if (environmentName === this.environments.production.name) {
         if (this.wwwMarkets.indexOf(marketName) !== -1) {
           // Handles www.postnord.xx domains
-          url = url.replace(".xx", "." + marketName);
+          url = url.replace('.xx', '.' + marketName);
         }
         else {
-          url = url.replace(".xx", ".com"); // Expect URL to end in postnord.com
-          url = url.replace("www.", marketName + ".");
+          url = url.replace('.xx', '.com'); // Expect URL to end in postnord.com
+          url = url.replace('www.', marketName + '.');
         }
       }
     }
     return url;
   }
   async getEnvironmentName() {
-    const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf(('-' + x)) !== -1)[0];
+    const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf('-' + x) !== -1)[0];
     if (likelyEnvironment) {
       this.environment = likelyEnvironment;
       return this.environment;
@@ -25949,17 +25958,17 @@ class MarketWebContextService {
   }
   async resolveMarket() {
     // Resolve market from www domains
-    if (this.href.indexOf("//www.") !== -1) {
+    if (this.href.indexOf('//www.') !== -1) {
       const domainRoot = this.url.hostname.substring(this.url.hostname.lastIndexOf('.') + 1, this.url.hostname.length);
       if (domainRoot && this.markets[domainRoot]) {
         this.market = domainRoot;
       }
       else {
-        console.warn("Unable to define market from www. domain", this.href);
+        console.warn('Unable to define market from www. domain', this.href);
       }
     }
     // Check if domains are on one of the integration/preproduction/production environments urls
-    const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf(('-' + x)) !== -1);
+    const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf('-' + x) !== -1);
     if (!this.market && likelyEnvironment && likelyEnvironment.length > 0) {
       const matchedEnvironment = likelyEnvironment[0];
       const marketPrefix = this.url.hostname.substring(0, this.url.hostname.indexOf('-' + matchedEnvironment));
@@ -25967,14 +25976,14 @@ class MarketWebContextService {
         this.market = marketPrefix;
       }
       else {
-        console.warn("Unable to define market from preset environment names", this.href);
+        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) {
         const start = this.url.hostname.indexOf('.') !== this.url.hostname.indexOf('.postnord') ? this.url.hostname.indexOf('.') : 0;
         const potentialMarket = this.url.hostname.substring(start, this.url.hostname.indexOf('.postnord.'));
-        // Break down the subdomain to the word closest to .postnord. and take that word. 
+        // Break down the subdomain to the word closest to .postnord. and take that word.
         // Supports sub-sub domain down to 1 level.
         if (this.allowedMarkets.indexOf(potentialMarket) !== -1) {
           this.market = potentialMarket;
@@ -25982,7 +25991,7 @@ class MarketWebContextService {
         }
       }
     }
-    // Check if we're on a development environment    
+    // Check if we're on a development environment
     if (!this.market) {
       const matchedDevEnvironment = this.developmentDomains.filter(x => this.url.hostname.indexOf(x) !== -1)[0];
       if (!matchedDevEnvironment) {
@@ -25990,7 +25999,7 @@ class MarketWebContextService {
         this.market = this.allowedMarkets[0];
         return;
       }
-      const urlWithoutDomain = this.href.replace(matchedDevEnvironment, "");
+      const urlWithoutDomain = this.href.replace(matchedDevEnvironment, '');
       // We see if the dev environment contains something like /dk
       let matchedMarket = this.allowedMarkets.filter(x => {
         const typesOfFallback = ['.' + x, x + '.', '/' + x + '/']; // Ex /dk, dk.html, /dk/
@@ -26002,7 +26011,7 @@ class MarketWebContextService {
       }
       else {
         // We do a similar filter for subpaths but for language this time
-        let filteredMarket = Object.entries(this.markets).filter((item) => {
+        let filteredMarket = Object.entries(this.markets).filter(item => {
           const typesOfFallback = ['.' + item[1].fallbackLanguage, item[1].fallbackLanguage + '.', '/' + item[1].fallbackLanguage + '/']; // Ex /dk, dk.html, /dk/
           const matchedTypeOfFallback = typesOfFallback.filter(y => urlWithoutDomain.indexOf(y) !== -1);
           return matchedTypeOfFallback.length > 0;
@@ -26013,7 +26022,7 @@ class MarketWebContextService {
       }
     }
     if (!this.market) {
-      console.info("Was unable to detect market, used fallback");
+      console.info('Was unable to detect market, used fallback');
       this.market = this.allowedMarkets[0];
     }
   }
@@ -26023,12 +26032,14 @@ class MarketWebContextService {
       return;
     }
     const potentialLanguages = [
-      (_a = document.querySelector("html[lang]")) === null || _a === void 0 ? void 0 : _a.getAttribute("lang"),
-      (_b = document.querySelector('[http-equiv="content-language"][content]')) === null || _b === void 0 ? void 0 : _b.getAttribute("content"),
-      (_c = document.querySelector('[property="og:locale"][content]')) === null || _c === void 0 ? void 0 : _c.getAttribute("content"),
-      (_d = document.querySelector("[lang]")) === null || _d === void 0 ? void 0 : _d.getAttribute("lang"),
+      (_a = document.querySelector('html[lang]')) === null || _a === void 0 ? void 0 : _a.getAttribute('lang'),
+      (_b = document.querySelector('[http-equiv="content-language"][content]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content'),
+      (_c = document.querySelector('[property="og:locale"][content]')) === null || _c === void 0 ? void 0 : _c.getAttribute('content'),
+      (_d = document.querySelector('[lang]')) === null || _d === void 0 ? void 0 : _d.getAttribute('lang'),
     ];
-    potentialLanguages.filter(x => x).forEach((language) => {
+    potentialLanguages
+      .filter(x => x)
+      .forEach(language => {
       if (this.allowedLanguages.indexOf(language)) {
         this.language = language;
         return;