@postnord/pn-marketweb-components 2.0.6-beta5 → 2.0.6-beta8

package/package.json

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

package/umd/pn-marketweb-salesforce.js

@@ -5,42 +5,19 @@
     }
     document.body.dataset["marketwebComponentsSalesforceInit"] = true;
 
-    const checkParameters = function(originSrc) {
-        if (!originSrc.indexOf('?')) {
-            return;
-        }
-        const originalQueryString = originSrc.substring(originSrc.indexOf('?') + 1);
-        const originalParams = new URLSearchParams(originalQueryString);
-        const injectElements = originalParams.get('inject').split(',').map(function(item) { return item.trim(); });
-        injectElements.forEach(function(element) {
-            const s = document.createElement('script');
-            let injectSrc = originSrc.replace('pn-marketweb-init.js', 'pn-marketweb-inject.js');
-            injectSrc = injectSrc.substring(0, injectSrc.indexOf('?'));
-            const params = new URLSearchParams(originalQueryString);
-            params.delete('inject');
-            params.set('inject', element);
-
-            if (element.indexOf('header') !== -1) {
-                params.set('domlocation', 'top');
-            }
-            if (element.indexOf('footer') !== -1) {
-                params.set('domlocation', 'bottom');
-            }
-
-            s.setAttribute("src", `${injectSrc}?${params.toString()}`);
-            document.querySelector("head").appendChild(s);
-        });
-    }
-
     const s = document.createElement('script');
-    // const currentScriptTag = document.querySelector('script[src*="pn-marketweb-init.js"]');
-    // const currentScriptSrc = currentScriptTag.getAttribute('src');
-    
-    const currentScriptSrc = 'https://unpkg.com/@postnord/pn-marketweb-components@latest/umd/pn-marketweb-salesforce.js?market=se&language=en&inject=pn-marketweb-siteheader,pn-marketweb-sitefooter,cssoverride';
-    checkParameters(currentScriptSrc);
-    const loaderScriptSrc = currentScriptSrc.replace('pn-marketweb-salesforce.js', 'standalone-loader.js');
     s.setAttribute("type", "module");
-    s.setAttribute("src", loaderScriptSrc);
+    s.setAttribute("src", "https://unpkg.com/@postnord/pn-marketweb-components@2.0.6-beta8/umd/standalone-loader-salesforce.js");
     document.querySelector("head").appendChild(s);
-    
+
+    const unlockScripts = function() {
+        const blockedScripts = [...document.querySelectorAll('[data-locker-src]:not([src])')];
+        if (blockedScripts && blockedScripts.length > 0) {
+            blockedScripts.forEach((item) => {
+                item.setAttribute('src', item.getAttribute('data-locker-src'))
+            });
+            window.clearInterval(window["marketwebComponentsSalesforce-timer"]);
+        }
+        }
+    window["marketwebComponentsSalesforce-timer"] = window.setInterval(unlockScripts, 100);
 })();

package/umd/standalone-loader-salesforce.js

@@ -0,0 +1,34 @@
+/* 
+# No webpack loader
+See the documentation in readme.md on how to properly setup this script. 
+You need to change the relative directories as well as the resourceUrl property to make files load from the correct directories.
+
+<script type="module" src="/scripts/no-webpack-loader.js"></script>
+*/
+
+import './modules/@webcomponents/custom-elements/src/native-shim.js';
+import { defineCustomElements as defineCustomElementsMarketWeb } from '../esm-es5/loader.js';
+import { defineCustomElements } from './modules/@postnord/web-components/esm-es5/loader.js';
+
+window['marketweb-components'] = {};
+window['marketweb-components']['defineCustomElementsMarketWeb'] = defineCustomElementsMarketWeb;
+window['marketweb-components']['defineCustomElements'] = defineCustomElements;
+console.log("window['marketweb-components']", window['marketweb-components'])
+(function(){
+    if (typeof defineCustomElements === "undefined") {
+        return
+    }
+
+    const header = document.createElement('pn-marketweb-header');
+    const footer = document.createElement('pn-marketweb-footer');
+
+    [header, footer].forEach((comp) => {
+        comp.setAttribute('market', 'dk');
+        comp.setAttribute('language', 'da');
+    })
+    document.body.insertBefore(header, document.body.firstElementChild);
+    document.body.appendChild(footer);
+
+    window['marketweb-components']['defineCustomElements'](window, { resourcesUrl: '/scripts/' });
+    window['marketweb-components']['defineCustomElementsMarketWeb'](window, { resourcesUrl: '/scripts/' });
+})();