@postnord/pn-marketweb-components 1.0.17 → 1.0.21

package/collection/globals/MarketWebContextService.js

@@ -0,0 +1,163 @@
+class MarketWebContextService {
+  constructor(href = window.location.href) {
+    this.href = "";
+    this.market = "";
+    this.language = "";
+    this.environment = "";
+    this.url = null;
+    this.allowedLanguages = ["sv", "da", "fi", "no", "en"];
+    this.allowedMarkets = ["se", "dk", "fi", "no", "com"];
+    this.developmentDomains = ["localhost", ".local", "local.", ".dev", "dev."];
+    this.markets = {
+      "se": {
+        fallbackLanguage: "sv",
+      },
+      "dk": {
+        fallbackLanguage: "da",
+      },
+      "fi": {
+        fallbackLanguage: "fi",
+      },
+      "no": {
+        fallbackLanguage: "no",
+      },
+      "com": {
+        fallbackLanguage: "en",
+      },
+    };
+    this.environmentTypes = ["integration", "preproduction", "production"];
+    this.environments = {
+      "production": {
+        "name": "production",
+        "url": "https://com-production.postnord.com/"
+      },
+      "preproduction": {
+        "name": "preproduction",
+        "url": "https://com-preproduction.postnord.com/"
+      },
+      "integration": {
+        "name": "integration",
+        "url": "https://com-integration.postnord.com/"
+      }
+    };
+    this.href = href;
+    this.url = new URL(this.href);
+  }
+  async getLanguage() {
+    if (this.language) {
+      return this.language;
+    }
+    await this.resolveLanguage();
+    return this.language;
+  }
+  async getMarket() {
+    if (this.market) {
+      return this.market;
+    }
+    await this.resolveMarket();
+    return this.market;
+  }
+  async getEndpoint(environmentName) {
+    if (this.environments[environmentName]) {
+      return this.environments[environmentName].url;
+    }
+    return this.environments.production.url;
+  }
+  async getEnvironmentName() {
+    const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf(('-' + x)) !== -1)[0];
+    if (likelyEnvironment) {
+      this.environment = likelyEnvironment;
+      return this.environment;
+    }
+    if (this.url.hostname.indexOf('www.') !== -1) {
+      this.environment = this.environments.production.name;
+      return this.environment;
+    }
+    this.environment = this.environments.integration.name;
+    return this.environment;
+  }
+  isDevEnvironment() {
+    const matchedDevEnvironment = this.developmentDomains.filter(x => this.url.hostname.indexOf(x) !== -1)[0];
+    return matchedDevEnvironment.length > 0;
+  }
+  async resolveMarket() {
+    // Resolve market from www domains
+    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);
+      }
+    }
+    // Check if domains are on one of the integration environments
+    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));
+      if (marketPrefix && this.markets[marketPrefix]) {
+        this.market = marketPrefix;
+      }
+      else {
+        console.warn("Unable to define market from preset environment names", this.href);
+      }
+    }
+    // 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) {
+        // Fallback to first allowed market
+        this.market = this.allowedMarkets[0];
+        return;
+      }
+      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/
+        const matchedTypeOfFallback = typesOfFallback.filter(y => urlWithoutDomain.indexOf(y) !== -1);
+        return matchedTypeOfFallback.length > 0;
+      })[0];
+      if (matchedMarket) {
+        this.market = matchedMarket;
+      }
+      else {
+        // We do a similar filter for subpaths but for language this time
+        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;
+        })[0];
+        if (filteredMarket && filteredMarket[0]) {
+          this.market = filteredMarket[0];
+        }
+      }
+      if (!this.market) {
+        console.info("Was unable to detect market, used fallback");
+        this.market = this.allowedMarkets[0];
+      }
+    }
+  }
+  async resolveLanguage() {
+    var _a, _b, _c, _d;
+    if (this.language) {
+      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"),
+    ];
+    potentialLanguages.filter(x => x).forEach((language) => {
+      if (this.allowedLanguages.indexOf(language)) {
+        this.language = language;
+        return;
+      }
+    });
+    if (!this.language && this.market) {
+      this.language = this.markets[this.market].fallbackLanguage;
+    }
+  }
+}
+export { MarketWebContextService };

package/custom-elements/index.d.ts

@@ -8,6 +8,12 @@ export const PnChoiceButton: {
   new (): PnChoiceButton;
 };
 
+interface PnFilterCheckbox extends Components.PnFilterCheckbox, HTMLElement {}
+export const PnFilterCheckbox: {
+  prototype: PnFilterCheckbox;
+  new (): PnFilterCheckbox;
+};
+
 interface PnFilterSearch extends Components.PnFilterSearch, HTMLElement {}
 export const PnFilterSearch: {
   prototype: PnFilterSearch;