@postnord/pn-marketweb-components 1.0.26 → 1.0.27

package/cjs/{MarketWebContextService-420668a7.js → MarketWebContextService-f4d6fac4.js}

@@ -31,7 +31,7 @@ class MarketWebContextService {
     this.environments = {
       "production": {
         "name": "production",
-        "url": "https://com-production.postnord.com/"
+        "url": "https://www.postnord.xx/"
       },
       "preproduction": {
         "name": "preproduction",
@@ -59,11 +59,19 @@ class MarketWebContextService {
     await this.resolveMarket();
     return this.market;
   }
-  async getEndpoint(environmentName) {
+  async getEndpoint(environmentName, marketName = "") {
+    let url = this.environments.production.url;
     if (this.environments[environmentName]) {
-      return this.environments[environmentName].url;
+      url = this.environments[environmentName].url;
+      if (environmentName === this.environments.production.name) {
+        console.log('market 1', marketName);
+        console.log('market 2', marketName);
+        url = url.replace(".xx", "." + marketName);
+        console.log('url', url);
+      }
+      console.log('this.environments.production.url', this.environments.production.url);
     }
-    return this.environments.production.url;
+    return url;
   }
   async getEnvironmentName() {
     const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf(('-' + x)) !== -1)[0];

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0404c97e.js');
-const MarketWebContextService = require('./MarketWebContextService-420668a7.js');
+const MarketWebContextService = require('./MarketWebContextService-f4d6fac4.js');
 
 const translations = {
   'sv': {
@@ -78,21 +78,21 @@ let PnMarketwebSiteheader = class {
   async setInitialValues(href = window.location.href) {
     var _a;
     const marketWebContextService = new MarketWebContextService.MarketWebContextService(href);
-    if (this.market === null) {
+    if (!this.market) {
       const resolvedMarket = await marketWebContextService.getMarket();
       this.market = resolvedMarket;
     }
-    if (this.language === null) {
+    if (!this.language) {
       const resolvedMarket = await marketWebContextService.getLanguage();
       this.language = resolvedMarket;
     }
-    if (this.environment === null) {
+    if (!this.environment) {
       this.environment = await marketWebContextService.getEnvironmentName();
     }
-    if (this.endpoint === null && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
-      this.endpoint = await marketWebContextService.getEndpoint(this.environment);
+    if ((!this.endpoint) && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
+      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
     }
-    if (this.endpoint === null) {
+    if (!this.endpoint) {
       this.endpoint = "";
     }
   }
@@ -161,19 +161,24 @@ let PnMarketwebSiteheader = class {
     this.gotData = true;
     this.fetchingData = true;
   }
+  uniqueId(text) {
+    return "footer-" + text.replace(/[^A-Za-z0-9.\\\/]/igm, "");
+  }
   render() {
     var _a, _b, _c, _d, _e;
     return (index.h(index.Host, { language: this.language, market: this.market, environment: this.environment }, index.h("pn-site-footer", { url: (_b = (_a = this.siteDefinition) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : "" }, (this.gotData && ((_c = this.footerContent) === null || _c === void 0 ? void 0 : _c.columns)) ? this.footerContent.columns.map((column) => (index.h("pn-site-footer-col", null, index.h("h3", null, column.heading), column.links ? (index.h("ul", Object.assign({}, ((column.links && column.links[0] && column.links[0].linkType) && { 'class': 'social-media' })), column.links.map((link) => {
-      var linkText = link.linkText;
+      let linkText = link.linkText;
       if (link.linkType) {
         linkText = this.getLinkContentByType(link.linkType);
       }
-      return (index.h("li", null, index.h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText }))));
+      let linkId = this.uniqueId(linkText);
+      return (index.h("li", null, index.h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText, id: linkId }))));
     }))) : null, column.body ? (index.h("div", { innerHTML: column.body })) : null))) : null, index.h("div", { slot: "bottom" }, (this.gotData && ((_d = this.footerContent) === null || _d === void 0 ? void 0 : _d.copyrightText)) ? (index.h("span", null, this.footerContent.copyrightText)) : null, (this.gotData && ((_e = this.footerContent) === null || _e === void 0 ? void 0 : _e.bottomLinks)) ? (index.h("span", null, this.footerContent.bottomLinks.map((link) => {
       if (!link.linkHref) {
         return (index.h("span", null, link.linkText));
       }
-      return (index.h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText }), link.linkText));
+      let linkId = this.uniqueId(link.linkText);
+      return (index.h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, id: linkId }), link.linkText));
     }))) : null))));
   }
   get hostElement() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0404c97e.js');
-const MarketWebContextService = require('./MarketWebContextService-420668a7.js');
+const MarketWebContextService = require('./MarketWebContextService-f4d6fac4.js');
 
 const translations = {
   'sv': {
@@ -105,21 +105,21 @@ let PnMarketwebSiteheader = class {
   async setInitialValues(href = window.location.href) {
     var _a;
     const marketWebContextService = new MarketWebContextService.MarketWebContextService(href);
-    if (this.market === null) {
+    if (!this.market) {
       const resolvedMarket = await marketWebContextService.getMarket();
       this.market = resolvedMarket;
     }
-    if (this.language === null) {
+    if (!this.language) {
       const resolvedMarket = await marketWebContextService.getLanguage();
       this.language = resolvedMarket;
     }
-    if (this.environment === null) {
+    if (!this.environment) {
       this.environment = await marketWebContextService.getEnvironmentName();
     }
-    if (this.endpoint === null && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
-      this.endpoint = await marketWebContextService.getEndpoint(this.environment);
+    if (!this.endpoint && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
+      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
     }
-    if (this.endpoint === null) {
+    if (!this.endpoint) {
       this.endpoint = "";
     }
   }
@@ -153,7 +153,9 @@ let PnMarketwebSiteheader = class {
     this.fetchingData = true;
     const endpointBase = (this.endpoint.lastIndexOf("/") === this.endpoint.length - 1) ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
     const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;
-    const response = await fetch(fetchUrl);
+    const response = await fetch(fetchUrl, {
+      'mode': 'cors'
+    });
     const data = await response.json();
     await this.setStateFromData(data);
   }

package/cjs/pn-site-footer_2.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0404c97e.js');
 
-const pnSiteFooterCss = "pn-site-footer{display:block;line-height:1.5}pn-site-footer a{color:#005D92}pn-site-footer a:hover{color:#0D234B;text-decoration:underline}pn-site-footer h3{font-size:2.4rem;margin-bottom:0.5rem;line-height:1.2}pn-site-footer p{font-size:1.6rem}pn-site-footer ul.social-media{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row}pn-site-footer ul.social-media li{margin-right:1.6rem}pn-site-footer>svg{display:block}pn-site-footer>div{background:#F3F2F2}.pn-sitefooter-top{display:-ms-flexbox;display:flex}.pn-sitefooter-cols{-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;max-width:90em}.pn-sitefooter-bottom [slot=bottom]{max-width:90em;margin:0 auto;padding:1.6rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #D3CECB;border-bottom:1px solid #D3CECB}.pn-sitefooter-bottom [slot=bottom] span,.pn-sitefooter-bottom [slot=bottom] a{line-height:2;margin:0 1.6rem;text-decoration:none}.pn-sitefooter-bottom [slot=bottom] li{line-height:2em;margin:0 1.6rem}.pn-sitefooter-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:3rem}.pn-sitefooter-logo svg{display:block;width:13.3rem;height:2.6rem}";
+const pnSiteFooterCss = "pn-site-footer{display:block;line-height:1.5}pn-site-footer a{color:#005D92}pn-site-footer a:hover{color:#0D234B;text-decoration:underline}pn-site-footer h3{font-size:2.4rem;margin-bottom:0.5rem;line-height:1.2}pn-site-footer p{font-size:1.6rem}pn-site-footer ul.social-media{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row}pn-site-footer ul.social-media li{margin-right:1.6rem}pn-site-footer>svg{display:block}pn-site-footer>div{background:#F3F2F2}.pn-sitefooter-top{display:-ms-flexbox;display:flex}.pn-sitefooter-cols{-ms-flex-item-align:center;align-self:center;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;max-width:90em}.pn-sitefooter-bottom [slot=bottom]{max-width:90em;margin:0 auto;padding:1.6rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #D3CECB;border-bottom:1px solid #D3CECB}.pn-sitefooter-bottom [slot=bottom] span,.pn-sitefooter-bottom [slot=bottom] a{line-height:2;margin:0 1.6rem;text-decoration:none}.pn-sitefooter-bottom [slot=bottom] li{line-height:2em;margin:0 1.6rem}.pn-sitefooter-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:3rem}.pn-sitefooter-logo svg{display:block;width:13.3rem;height:2.6rem}";
 
 let PnSiteFooter = class {
   constructor(hostRef) {
@@ -20,7 +20,7 @@ let PnSiteFooter = class {
 };
 PnSiteFooter.style = pnSiteFooterCss;
 
-const pnSiteFooterColCss = "pn-site-footer-col{min-width:20%;padding:2.5em 1.5rem 0}@media screen and (min-width: 48em){pn-site-footer-col{max-width:25%}}pn-site-footer-col ul{list-style-type:none;padding:0;margin:0}pn-site-footer-col li{margin-bottom:1.6rem}pn-site-footer-col a{text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}pn-site-footer-col p{margin-top:0;margin-bottom:1rem}";
+const pnSiteFooterColCss = "pn-site-footer-col{min-width:15em;padding:2.5em 1.5rem 0}@media screen and (min-width: 48em){pn-site-footer-col{max-width:25%}}pn-site-footer-col ul{list-style-type:none;padding:0;margin:0}pn-site-footer-col li{margin-bottom:1.6rem}pn-site-footer-col a{text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}pn-site-footer-col p{margin-top:0;margin-bottom:1rem}";
 
 let PnSiteFooterCol = class {
   constructor(hostRef) {

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

@@ -23,21 +23,21 @@ export class PnMarketwebSiteheader {
   async setInitialValues(href = window.location.href) {
     var _a;
     const marketWebContextService = new MarketWebContextService(href);
-    if (this.market === null) {
+    if (!this.market) {
       const resolvedMarket = await marketWebContextService.getMarket();
       this.market = resolvedMarket;
     }
-    if (this.language === null) {
+    if (!this.language) {
       const resolvedMarket = await marketWebContextService.getLanguage();
       this.language = resolvedMarket;
     }
-    if (this.environment === null) {
+    if (!this.environment) {
       this.environment = await marketWebContextService.getEnvironmentName();
     }
-    if (this.endpoint === null && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
-      this.endpoint = await marketWebContextService.getEndpoint(this.environment);
+    if ((!this.endpoint) && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
+      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
     }
-    if (this.endpoint === null) {
+    if (!this.endpoint) {
       this.endpoint = "";
     }
   }
@@ -106,6 +106,9 @@ export class PnMarketwebSiteheader {
     this.gotData = true;
     this.fetchingData = true;
   }
+  uniqueId(text) {
+    return "footer-" + text.replace(/[^A-Za-z0-9.\\\/]/igm, "");
+  }
   render() {
     var _a, _b, _c, _d, _e;
     return (h(Host, { language: this.language, market: this.market, environment: this.environment },
@@ -113,12 +116,13 @@ export class PnMarketwebSiteheader {
         (this.gotData && ((_c = this.footerContent) === null || _c === void 0 ? void 0 : _c.columns)) ? this.footerContent.columns.map((column) => (h("pn-site-footer-col", null,
           h("h3", null, column.heading),
           column.links ? (h("ul", Object.assign({}, ((column.links && column.links[0] && column.links[0].linkType) && { 'class': 'social-media' })), column.links.map((link) => {
-            var linkText = link.linkText;
+            let linkText = link.linkText;
             if (link.linkType) {
               linkText = this.getLinkContentByType(link.linkType);
             }
+            let linkId = this.uniqueId(linkText);
             return (h("li", null,
-              h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText }))));
+              h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText, id: linkId }))));
           }))) : null,
           column.body ? (h("div", { innerHTML: column.body })) : null))) : null,
         h("div", { slot: "bottom" },
@@ -127,7 +131,8 @@ export class PnMarketwebSiteheader {
             if (!link.linkHref) {
               return (h("span", null, link.linkText));
             }
-            return (h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText }), link.linkText));
+            let linkId = this.uniqueId(link.linkText);
+            return (h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, id: linkId }), link.linkText));
           }))) : null))));
   }
   static get is() { return "pn-marketweb-sitefooter"; }

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

@@ -4,7 +4,7 @@ export default {
   title: "Web Components/Market web site Footer",
   parameters: {
     notes: readme,
-    layout: 'fullscreen'
+    layout: 'fullscreen',
   },
   argTypes: {
     market : {
@@ -42,15 +42,18 @@ const Template = ({ ...args }) => {
   return `<pn-marketweb-sitefooter 
   market="${ args.market }"
   language="${ args.language }"
-  endpoint="${ args.endpoint }">
+  endpoint="${ args.endpoint }"
+  environment="${ args.environment }"
+  >
 </pn-marketweb-sitefooter>`;
 };
 
 export const Primary = Template.bind({});
 Primary.args = {
-  market : "se",
-  language: 'sv',
-  endpoint: 'https://com-integration.postnord.com'
+  market : "com",
+  language: 'en',
+  environment: "production",
+  endpoint: "",// 'https://www.postnord.se'
 };
 
 

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

@@ -48,21 +48,21 @@ export class PnMarketwebSiteheader {
   async setInitialValues(href = window.location.href) {
     var _a;
     const marketWebContextService = new MarketWebContextService(href);
-    if (this.market === null) {
+    if (!this.market) {
       const resolvedMarket = await marketWebContextService.getMarket();
       this.market = resolvedMarket;
     }
-    if (this.language === null) {
+    if (!this.language) {
       const resolvedMarket = await marketWebContextService.getLanguage();
       this.language = resolvedMarket;
     }
-    if (this.environment === null) {
+    if (!this.environment) {
       this.environment = await marketWebContextService.getEnvironmentName();
     }
-    if (this.endpoint === null && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
-      this.endpoint = await marketWebContextService.getEndpoint(this.environment);
+    if (!this.endpoint && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
+      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
     }
-    if (this.endpoint === null) {
+    if (!this.endpoint) {
       this.endpoint = "";
     }
   }
@@ -96,7 +96,9 @@ export class PnMarketwebSiteheader {
     this.fetchingData = true;
     const endpointBase = (this.endpoint.lastIndexOf("/") === this.endpoint.length - 1) ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
     const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;
-    const response = await fetch(fetchUrl);
+    const response = await fetch(fetchUrl, {
+      'mode': 'cors'
+    });
     const data = await response.json();
     await this.setStateFromData(data);
   }

package/collection/components/navigation/pn-site-footer/pn-site-footer-col.css

@@ -1,5 +1,5 @@
 pn-site-footer-col {
-  min-width: 20%;
+  min-width: 15em;
   padding: 2.5em 1.5rem 0;
 }
 @media screen and (min-width: 48em) {

package/collection/components/navigation/pn-site-footer/pn-site-footer.css

@@ -37,6 +37,7 @@ pn-site-footer > div {
 
 .pn-sitefooter-cols {
   align-self: center;
+  justify-content: center;
   display: flex;
   flex-flow: row wrap;
   margin: 0 auto;

package/collection/globals/MarketWebContextService.js

@@ -29,7 +29,7 @@ class MarketWebContextService {
     this.environments = {
       "production": {
         "name": "production",
-        "url": "https://com-production.postnord.com/"
+        "url": "https://www.postnord.xx/"
       },
       "preproduction": {
         "name": "preproduction",
@@ -57,11 +57,21 @@ class MarketWebContextService {
     await this.resolveMarket();
     return this.market;
   }
-  async getEndpoint(environmentName) {
+  async getEndpoint(environmentName, marketName = "") {
+    let url = this.environments.production.url;
     if (this.environments[environmentName]) {
-      return this.environments[environmentName].url;
+      url = this.environments[environmentName].url;
+      if (environmentName === this.environments.production.name) {
+        console.log('market 1', marketName);
+        if (marketName) {
+        }
+        console.log('market 2', marketName);
+        url = url.replace(".xx", "." + marketName);
+        console.log('url', url);
+      }
+      console.log('this.environments.production.url', this.environments.production.url);
     }
-    return this.environments.production.url;
+    return url;
   }
   async getEnvironmentName() {
     const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf(('-' + x)) !== -1)[0];

package/custom-elements/index.js

@@ -2826,7 +2826,7 @@ class MarketWebContextService {
     this.environments = {
       "production": {
         "name": "production",
-        "url": "https://com-production.postnord.com/"
+        "url": "https://www.postnord.xx/"
       },
       "preproduction": {
         "name": "preproduction",
@@ -2854,11 +2854,19 @@ class MarketWebContextService {
     await this.resolveMarket();
     return this.market;
   }
-  async getEndpoint(environmentName) {
+  async getEndpoint(environmentName, marketName = "") {
+    let url = this.environments.production.url;
     if (this.environments[environmentName]) {
-      return this.environments[environmentName].url;
+      url = this.environments[environmentName].url;
+      if (environmentName === this.environments.production.name) {
+        console.log('market 1', marketName);
+        console.log('market 2', marketName);
+        url = url.replace(".xx", "." + marketName);
+        console.log('url', url);
+      }
+      console.log('this.environments.production.url', this.environments.production.url);
     }
-    return this.environments.production.url;
+    return url;
   }
   async getEnvironmentName() {
     const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf(('-' + x)) !== -1)[0];
@@ -2984,21 +2992,21 @@ let PnMarketwebSiteheader$2 = class extends HTMLElement {
   async setInitialValues(href = window.location.href) {
     var _a;
     const marketWebContextService = new MarketWebContextService(href);
-    if (this.market === null) {
+    if (!this.market) {
       const resolvedMarket = await marketWebContextService.getMarket();
       this.market = resolvedMarket;
     }
-    if (this.language === null) {
+    if (!this.language) {
       const resolvedMarket = await marketWebContextService.getLanguage();
       this.language = resolvedMarket;
     }
-    if (this.environment === null) {
+    if (!this.environment) {
       this.environment = await marketWebContextService.getEnvironmentName();
     }
-    if (this.endpoint === null && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
-      this.endpoint = await marketWebContextService.getEndpoint(this.environment);
+    if ((!this.endpoint) && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
+      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
     }
-    if (this.endpoint === null) {
+    if (!this.endpoint) {
       this.endpoint = "";
     }
   }
@@ -3067,19 +3075,24 @@ let PnMarketwebSiteheader$2 = class extends HTMLElement {
     this.gotData = true;
     this.fetchingData = true;
   }
+  uniqueId(text) {
+    return "footer-" + text.replace(/[^A-Za-z0-9.\\\/]/igm, "");
+  }
   render() {
     var _a, _b, _c, _d, _e;
     return (h(Host, { language: this.language, market: this.market, environment: this.environment }, h("pn-site-footer", { url: (_b = (_a = this.siteDefinition) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : "" }, (this.gotData && ((_c = this.footerContent) === null || _c === void 0 ? void 0 : _c.columns)) ? this.footerContent.columns.map((column) => (h("pn-site-footer-col", null, h("h3", null, column.heading), column.links ? (h("ul", Object.assign({}, ((column.links && column.links[0] && column.links[0].linkType) && { 'class': 'social-media' })), column.links.map((link) => {
-      var linkText = link.linkText;
+      let linkText = link.linkText;
       if (link.linkType) {
         linkText = this.getLinkContentByType(link.linkType);
       }
-      return (h("li", null, h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText }))));
+      let linkId = this.uniqueId(linkText);
+      return (h("li", null, h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText, id: linkId }))));
     }))) : null, column.body ? (h("div", { innerHTML: column.body })) : null))) : null, h("div", { slot: "bottom" }, (this.gotData && ((_d = this.footerContent) === null || _d === void 0 ? void 0 : _d.copyrightText)) ? (h("span", null, this.footerContent.copyrightText)) : null, (this.gotData && ((_e = this.footerContent) === null || _e === void 0 ? void 0 : _e.bottomLinks)) ? (h("span", null, this.footerContent.bottomLinks.map((link) => {
       if (!link.linkHref) {
         return (h("span", null, link.linkText));
       }
-      return (h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText }), link.linkText));
+      let linkId = this.uniqueId(link.linkText);
+      return (h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, id: linkId }), link.linkText));
     }))) : null))));
   }
   get hostElement() { return this; }
@@ -3191,21 +3204,21 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
   async setInitialValues(href = window.location.href) {
     var _a;
     const marketWebContextService = new MarketWebContextService(href);
-    if (this.market === null) {
+    if (!this.market) {
       const resolvedMarket = await marketWebContextService.getMarket();
       this.market = resolvedMarket;
     }
-    if (this.language === null) {
+    if (!this.language) {
       const resolvedMarket = await marketWebContextService.getLanguage();
       this.language = resolvedMarket;
     }
-    if (this.environment === null) {
+    if (!this.environment) {
       this.environment = await marketWebContextService.getEnvironmentName();
     }
-    if (this.endpoint === null && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
-      this.endpoint = await marketWebContextService.getEndpoint(this.environment);
+    if (!this.endpoint && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
+      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
     }
-    if (this.endpoint === null) {
+    if (!this.endpoint) {
       this.endpoint = "";
     }
   }
@@ -3239,7 +3252,9 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
     this.fetchingData = true;
     const endpointBase = (this.endpoint.lastIndexOf("/") === this.endpoint.length - 1) ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
     const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;
-    const response = await fetch(fetchUrl);
+    const response = await fetch(fetchUrl, {
+      'mode': 'cors'
+    });
     const data = await response.json();
     await this.setStateFromData(data);
   }
@@ -4160,7 +4175,7 @@ let PnSidenavLink$1 = class extends HTMLElement {
   static get style() { return pnSidenavLinkCss; }
 };
 
-const pnSiteFooterCss = "pn-site-footer{display:block;line-height:1.5}pn-site-footer a{color:#005D92}pn-site-footer a:hover{color:#0D234B;text-decoration:underline}pn-site-footer h3{font-size:2.4rem;margin-bottom:0.5rem;line-height:1.2}pn-site-footer p{font-size:1.6rem}pn-site-footer ul.social-media{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row}pn-site-footer ul.social-media li{margin-right:1.6rem}pn-site-footer>svg{display:block}pn-site-footer>div{background:#F3F2F2}.pn-sitefooter-top{display:-ms-flexbox;display:flex}.pn-sitefooter-cols{-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;max-width:90em}.pn-sitefooter-bottom [slot=bottom]{max-width:90em;margin:0 auto;padding:1.6rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #D3CECB;border-bottom:1px solid #D3CECB}.pn-sitefooter-bottom [slot=bottom] span,.pn-sitefooter-bottom [slot=bottom] a{line-height:2;margin:0 1.6rem;text-decoration:none}.pn-sitefooter-bottom [slot=bottom] li{line-height:2em;margin:0 1.6rem}.pn-sitefooter-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:3rem}.pn-sitefooter-logo svg{display:block;width:13.3rem;height:2.6rem}";
+const pnSiteFooterCss = "pn-site-footer{display:block;line-height:1.5}pn-site-footer a{color:#005D92}pn-site-footer a:hover{color:#0D234B;text-decoration:underline}pn-site-footer h3{font-size:2.4rem;margin-bottom:0.5rem;line-height:1.2}pn-site-footer p{font-size:1.6rem}pn-site-footer ul.social-media{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row}pn-site-footer ul.social-media li{margin-right:1.6rem}pn-site-footer>svg{display:block}pn-site-footer>div{background:#F3F2F2}.pn-sitefooter-top{display:-ms-flexbox;display:flex}.pn-sitefooter-cols{-ms-flex-item-align:center;align-self:center;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;max-width:90em}.pn-sitefooter-bottom [slot=bottom]{max-width:90em;margin:0 auto;padding:1.6rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #D3CECB;border-bottom:1px solid #D3CECB}.pn-sitefooter-bottom [slot=bottom] span,.pn-sitefooter-bottom [slot=bottom] a{line-height:2;margin:0 1.6rem;text-decoration:none}.pn-sitefooter-bottom [slot=bottom] li{line-height:2em;margin:0 1.6rem}.pn-sitefooter-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:3rem}.pn-sitefooter-logo svg{display:block;width:13.3rem;height:2.6rem}";
 
 let PnSiteFooter$1 = class extends HTMLElement {
   constructor() {
@@ -4177,7 +4192,7 @@ let PnSiteFooter$1 = class extends HTMLElement {
   static get style() { return pnSiteFooterCss; }
 };
 
-const pnSiteFooterColCss = "pn-site-footer-col{min-width:20%;padding:2.5em 1.5rem 0}@media screen and (min-width: 48em){pn-site-footer-col{max-width:25%}}pn-site-footer-col ul{list-style-type:none;padding:0;margin:0}pn-site-footer-col li{margin-bottom:1.6rem}pn-site-footer-col a{text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}pn-site-footer-col p{margin-top:0;margin-bottom:1rem}";
+const pnSiteFooterColCss = "pn-site-footer-col{min-width:15em;padding:2.5em 1.5rem 0}@media screen and (min-width: 48em){pn-site-footer-col{max-width:25%}}pn-site-footer-col ul{list-style-type:none;padding:0;margin:0}pn-site-footer-col li{margin-bottom:1.6rem}pn-site-footer-col a{text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}pn-site-footer-col p{margin-top:0;margin-bottom:1rem}";
 
 let PnSiteFooterCol$1 = class extends HTMLElement {
   constructor() {

package/esm/{MarketWebContextService-9a201388.js → MarketWebContextService-c1b6617e.js}

@@ -29,7 +29,7 @@ class MarketWebContextService {
     this.environments = {
       "production": {
         "name": "production",
-        "url": "https://com-production.postnord.com/"
+        "url": "https://www.postnord.xx/"
       },
       "preproduction": {
         "name": "preproduction",
@@ -57,11 +57,19 @@ class MarketWebContextService {
     await this.resolveMarket();
     return this.market;
   }
-  async getEndpoint(environmentName) {
+  async getEndpoint(environmentName, marketName = "") {
+    let url = this.environments.production.url;
     if (this.environments[environmentName]) {
-      return this.environments[environmentName].url;
+      url = this.environments[environmentName].url;
+      if (environmentName === this.environments.production.name) {
+        console.log('market 1', marketName);
+        console.log('market 2', marketName);
+        url = url.replace(".xx", "." + marketName);
+        console.log('url', url);
+      }
+      console.log('this.environments.production.url', this.environments.production.url);
     }
-    return this.environments.production.url;
+    return url;
   }
   async getEnvironmentName() {
     const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf(('-' + x)) !== -1)[0];

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as Host, g as getElement } from './index-1537f439.js';
-import { M as MarketWebContextService } from './MarketWebContextService-9a201388.js';
+import { M as MarketWebContextService } from './MarketWebContextService-c1b6617e.js';
 
 const translations = {
   'sv': {
@@ -74,21 +74,21 @@ let PnMarketwebSiteheader = class {
   async setInitialValues(href = window.location.href) {
     var _a;
     const marketWebContextService = new MarketWebContextService(href);
-    if (this.market === null) {
+    if (!this.market) {
       const resolvedMarket = await marketWebContextService.getMarket();
       this.market = resolvedMarket;
     }
-    if (this.language === null) {
+    if (!this.language) {
       const resolvedMarket = await marketWebContextService.getLanguage();
       this.language = resolvedMarket;
     }
-    if (this.environment === null) {
+    if (!this.environment) {
       this.environment = await marketWebContextService.getEnvironmentName();
     }
-    if (this.endpoint === null && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
-      this.endpoint = await marketWebContextService.getEndpoint(this.environment);
+    if ((!this.endpoint) && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
+      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
     }
-    if (this.endpoint === null) {
+    if (!this.endpoint) {
       this.endpoint = "";
     }
   }
@@ -157,19 +157,24 @@ let PnMarketwebSiteheader = class {
     this.gotData = true;
     this.fetchingData = true;
   }
+  uniqueId(text) {
+    return "footer-" + text.replace(/[^A-Za-z0-9.\\\/]/igm, "");
+  }
   render() {
     var _a, _b, _c, _d, _e;
     return (h(Host, { language: this.language, market: this.market, environment: this.environment }, h("pn-site-footer", { url: (_b = (_a = this.siteDefinition) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : "" }, (this.gotData && ((_c = this.footerContent) === null || _c === void 0 ? void 0 : _c.columns)) ? this.footerContent.columns.map((column) => (h("pn-site-footer-col", null, h("h3", null, column.heading), column.links ? (h("ul", Object.assign({}, ((column.links && column.links[0] && column.links[0].linkType) && { 'class': 'social-media' })), column.links.map((link) => {
-      var linkText = link.linkText;
+      let linkText = link.linkText;
       if (link.linkType) {
         linkText = this.getLinkContentByType(link.linkType);
       }
-      return (h("li", null, h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText }))));
+      let linkId = this.uniqueId(linkText);
+      return (h("li", null, h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText, id: linkId }))));
     }))) : null, column.body ? (h("div", { innerHTML: column.body })) : null))) : null, h("div", { slot: "bottom" }, (this.gotData && ((_d = this.footerContent) === null || _d === void 0 ? void 0 : _d.copyrightText)) ? (h("span", null, this.footerContent.copyrightText)) : null, (this.gotData && ((_e = this.footerContent) === null || _e === void 0 ? void 0 : _e.bottomLinks)) ? (h("span", null, this.footerContent.bottomLinks.map((link) => {
       if (!link.linkHref) {
         return (h("span", null, link.linkText));
       }
-      return (h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText }), link.linkText));
+      let linkId = this.uniqueId(link.linkText);
+      return (h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, id: linkId }), link.linkText));
     }))) : null))));
   }
   get hostElement() { return getElement(this); }