@postnord/pn-marketweb-components 4.4.0 → 4.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@postnord/pn-marketweb-components",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "description": "PostNord Market Websites Components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/umd/pn-marketweb-header-wrongrembase.css

@@ -6,6 +6,10 @@ pn-marketweb-header header {
 box-shadow:0 0.6px 1.8px rgb(0 0 0 / 10%), 0 3.2px 7.2px rgb(0 0 0 / 13%)
 }
 
+pn-marketweb-header .marketweb-header-toggle-button {
+    font-size:16px;
+}
+
 pn-marketweb-header .siteheader-row {
 padding:0 16px;
 }
@@ -82,10 +86,6 @@ padding:10px 0;
     font-size:16px;
 }
 
-pn-marketweb-siteheader-login {
-padding:10px 0;
-max-height:52px;
-}
 pn-marketweb-siteheader-login-linklist li {
     padding:8px 16px;
 }
@@ -107,8 +107,9 @@ pn-mainnav>nav {
 }
 }
 pn-mainnav>nav {
-top:48px;
+top:70px;
 }
+
 [data-level="1"] pn-mainnav-link>button, [data-level="1"] pn-mainnav-link>a {
 border-bottom:1px solid #F3F2F2;
 font-size:20px;

package/umd/pn-marketweb-init.js

@@ -36,7 +36,7 @@
   };
 
   const s = document.createElement('script');
-  const currentMinorVersion = "4.4.0";
+  const currentMinorVersion = "4.5.0";
   const requestedComponentVersion = (new URLSearchParams(window.location.search)).get("componentversion");
   const versionToLoad = (requestedComponentVersion) ? requestedComponentVersion : currentMinorVersion;
   const currentScriptTag = document.querySelector('script[src*="pn-marketweb-init.js"]');

package/umd/pn-marketweb-salesforce-header.js

@@ -24,7 +24,7 @@
   document.body.insertBefore(header, document.body.firstElementChild);
   document.body.appendChild(footer);
 
-  const currentMinorVersion = "4.4.0";
+  const currentMinorVersion = "4.5.0";
   const requestedComponentVersion = new URLSearchParams(window.location.search).get("componentversion");
   const versionToLoad = requestedComponentVersion ? requestedComponentVersion : currentMinorVersion;
 

package/umd/pn-marketweb-salesforce-owncss.js

@@ -0,0 +1,88 @@
+//this file will load the top header without loading the wrongrembase.css file.
+(function () {
+  if (document.body.dataset["marketwebComponentsSalesforceHeaderInit"]) {
+    return;
+  }
+  document.body.dataset["marketwebComponentsSalesforceHeaderInit"] = true;
+
+  const header = document.createElement("pn-marketweb-header");
+  const footer = document.createElement("pn-marketweb-sitefooter");
+  let currentLanguage = document.querySelector("html").getAttribute("lang");
+  if (currentLanguage === "en-US" || currentLanguage === "en_US") {
+    currentLanguage = "en";
+  }
+
+  [header, footer].forEach((comp) => {
+    comp.setAttribute("market", "dk");
+    comp.setAttribute("language", currentLanguage);
+    comp.setAttribute("site-domain-in-urls", "true");
+    comp.setAttribute("hide-site-selector", "true");
+    comp.setAttribute("spa-mode", "true");
+    const environment =
+      window.location.href.indexOf("kundeservice.postnord.dk") !== -1 ? "production" : "preproduction";
+    comp.setAttribute("environment", environment);
+  });
+  document.body.insertBefore(header, document.body.firstElementChild);
+  document.body.appendChild(footer);
+
+  const currentMinorVersion = "#packageversion#";
+  const requestedComponentVersion = new URLSearchParams(window.location.search).get("componentversion");
+  const versionToLoad = requestedComponentVersion ? requestedComponentVersion : currentMinorVersion;
+
+  const s = document.createElement("script");
+  s.setAttribute("type", "module");
+  s.setAttribute(
+    "src",
+    `https://cdn.jsdelivr.net/npm/@postnord/pn-marketweb-components@${versionToLoad}/umd/standalone-loader-salesforce.js`
+  );
+  document.querySelector("head").appendChild(s);
+
+  window["bindLanguageSelector"] = function () {
+    if (window["haslangchange"]) {
+      return;
+    }
+    window.addEventListener("marketweb-languagechange", (e) => {
+      let lang = e.detail;
+      if (lang === "en") {
+        lang = "en_US";
+      }
+      const queryParams = new URLSearchParams(window.location.search);
+      const currentLanguageValue = queryParams.get("language");
+
+      if (lang.indexOf("en") !== -1) {
+        const rootUrl = window.location.href.indexOf("kundeservice-test.postnord.dk" !== -1)
+          ? "https://www.postnord.dk"
+          : "https://dk-prep.postnord.com";
+        window.location.href = `${rootUrl}/en/help-and-support/private`;
+      }
+
+      window.location.href = newUrl;
+    });
+    window["haslangchange"] = true;
+  };
+  document.addEventListener("DOMContentLoaded", () => {
+    window["bindLanguageSelector"]();
+  });
+  window.setTimeout(() => {
+    window["bindLanguageSelector"]();
+  }, 200);
+  window["renderpncomponent-interval"] = window.setInterval(renderPNComponents, 150);
+  renderPNComponents();
+})();
+
+function renderPNComponents() {
+  const componentsDivs = [...document.querySelectorAll("[data-component]:not([data-component-rendered])")];
+  componentsDivs.forEach((componentDiv) => {
+    const component = document.createElement(componentDiv.getAttribute("data-component"));
+    [...componentDiv.attributes].map((dataAttribute) => {
+      if (dataAttribute.name.indexOf("data-component-") === -1) {
+        return;
+      }
+      component.setAttribute(dataAttribute.name.replace("data-component-", ""), dataAttribute.value);
+    });
+    component.innerHTML = componentDiv.innerHTML;
+    componentDiv.innerHTML = "";
+    componentDiv.appendChild(component);
+    componentDiv.setAttribute("data-component-rendered", "");
+  });
+}

package/umd/pn-marketweb-salesforce.js

@@ -24,7 +24,7 @@
   document.body.insertBefore(header, document.body.firstElementChild);
   document.body.appendChild(footer);
 
-  const currentMinorVersion = "4.4.0";
+  const currentMinorVersion = "4.5.0";
   const requestedComponentVersion = new URLSearchParams(window.location.search).get("componentversion");
   const versionToLoad = requestedComponentVersion ? requestedComponentVersion : currentMinorVersion;