ui.shipaid.com 0.3.75 → 0.3.78

package/dist/widget.es.js

@@ -2946,19 +2946,26 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
   contactlessCheckoutButtonTemplate() {
     var _a, _b, _c, _d;
     const styles2 = ((_d = (_c = (_b = (_a = this._store) == null ? void 0 : _a.widgetConfigurations) == null ? void 0 : _b.widget) == null ? void 0 : _c.theme_checkout) == null ? void 0 : _d.styles) || "";
-    if (!document.getElementById("shipaid-styles") && styles2) {
-      const style = document.createElement("style");
-      style.id = "shipaid-styles";
-      style.textContent = `
+    if (!document.getElementById("shipaid-styles") && styles2.trim()) {
+      const styleRules = styles2.split(";").map((rule) => rule.trim()).filter(Boolean);
+      const shipaidCheckoutContainerStyles = styleRules.filter((rule) => rule.includes("shipaid-checkout-container")).join("; ");
+      const shipaidCheckoutComponentStyles = styleRules.filter((rule) => !rule.includes("shipaid-checkout-container")).join("; ");
+      console.log("Styles applied ===========>", { shipaidCheckoutContainerStyles, shipaidCheckoutComponentStyles });
+      const styleElement = document.createElement("style");
+      styleElement.id = "shipaid-styles";
+      styleElement.textContent = `
         checkout-package-protection {
-        width: 100%;
-        justify-content: center;
-        display: flex;
-          ${styles2}
+            ${shipaidCheckoutComponentStyles};
         }
 
-      `;
-      document.head.appendChild(style);
+        .shipaid-checkout-container {
+          width: 100%;
+          display: flex;
+          ${shipaidCheckoutContainerStyles};
+          justify-content: var(--shipaid-checkout-container-x-position, center);
+        }
+    `.trim();
+      document.head.appendChild(styleElement);
     }
     const originalCheckoutButtons = document.querySelectorAll(`${sessionStorage.getItem("shipaidWidgetTheme")}:not(#shipaid-checkout-button)`);
     if (!originalCheckoutButtons.length) return;
@@ -2971,9 +2978,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
       if (!container) {
         container = document.createElement("div");
         container.id = containerId;
-        container.style.width = "100%";
-        container.style.display = "flex";
-        container.style.justifyContent = "center";
+        container.className = "shipaid-checkout-container";
         originalCheckoutButton.insertAdjacentElement("afterend", container);
       }
       const protectionPrice = Number((_a2 = this._protectionVariant) == null ? void 0 : _a2.price) || 0;

package/dist/widget.iife.js

@@ -1179,7 +1179,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
         @close=${()=>{this.persistPopup&&localStorage.removeItem(`${Ce}`),this._popup=null}}
       @remove-protection=${()=>{this.removeProtection(),this.persistPopup&&localStorage.removeItem(`${Ce}`),this._popup=null}}
       ></shipaid-popup-confirmation>
-    `}contactlessCheckoutButtonTemplate(){var t,e,i,o;const r=(null==(o=null==(i=null==(e=null==(t=this._store)?void 0:t.widgetConfigurations)?void 0:e.widget)?void 0:i.theme_checkout)?void 0:o.styles)||"";if(!document.getElementById("shipaid-styles")&&r){const t=document.createElement("style");t.id="shipaid-styles",t.textContent=`\n        checkout-package-protection {\n        width: 100%;\n        justify-content: center;\n        display: flex;\n          ${r}\n        }\n\n      `,document.head.appendChild(t)}const n=document.querySelectorAll(`${sessionStorage.getItem("shipaidWidgetTheme")}:not(#shipaid-checkout-button)`);if(n.length)return n.forEach(((t,e)=>{var i,o,r;const n=`shipaid-checkout-container-${e}`;t.style.display="none";const a=t.className;let s=document.getElementById(n);s||(s=document.createElement("div"),s.id=n,s.style.width="100%",s.style.display="flex",s.style.justifyContent="center",t.insertAdjacentElement("afterend",s));const p=Number(null==(i=this._protectionVariant)?void 0:i.price)||0,d=(Number(null==(o=this._cart)?void 0:o.total_price)||0)/100,l=this._hasProtectionInCart?d:p+d,c=H`
+    `}contactlessCheckoutButtonTemplate(){var t,e,i,o;const r=(null==(o=null==(i=null==(e=null==(t=this._store)?void 0:t.widgetConfigurations)?void 0:e.widget)?void 0:i.theme_checkout)?void 0:o.styles)||"";if(!document.getElementById("shipaid-styles")&&r.trim()){const t=r.split(";").map((t=>t.trim())).filter(Boolean),e=t.filter((t=>t.includes("shipaid-checkout-container"))).join("; "),i=t.filter((t=>!t.includes("shipaid-checkout-container"))).join("; ");console.log("Styles applied ===========>",{shipaidCheckoutContainerStyles:e,shipaidCheckoutComponentStyles:i});const o=document.createElement("style");o.id="shipaid-styles",o.textContent=`\n        checkout-package-protection {\n            ${i};\n        }\n\n        .shipaid-checkout-container {\n          width: 100%;\n          display: flex;\n          ${e};\n          justify-content: var(--shipaid-checkout-container-x-position, center);\n        }\n    `.trim(),document.head.appendChild(o)}const n=document.querySelectorAll(`${sessionStorage.getItem("shipaidWidgetTheme")}:not(#shipaid-checkout-button)`);if(n.length)return n.forEach(((t,e)=>{var i,o,r;const n=`shipaid-checkout-container-${e}`;t.style.display="none";const a=t.className;let s=document.getElementById(n);s||(s=document.createElement("div"),s.id=n,s.className="shipaid-checkout-container",t.insertAdjacentElement("afterend",s));const p=Number(null==(i=this._protectionVariant)?void 0:i.price)||0,d=(Number(null==(o=this._cart)?void 0:o.total_price)||0)/100,l=this._hasProtectionInCart?d:p+d,c=H`
         <svg width="1.5rem" height="1.5rem" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="4" class="shipaid-loader">
           <circle cx="25" cy="25" r="20" stroke-opacity="0.5"/>
           <path d="M45 25a20 20 0 0 1-40 0" stroke="currentColor">

package/dist/widget.umd.js

@@ -1179,7 +1179,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
         @close=${()=>{this.persistPopup&&localStorage.removeItem(`${Ce}`),this._popup=null}}
       @remove-protection=${()=>{this.removeProtection(),this.persistPopup&&localStorage.removeItem(`${Ce}`),this._popup=null}}
       ></shipaid-popup-confirmation>
-    `}contactlessCheckoutButtonTemplate(){var t,e,i,o;const r=(null==(o=null==(i=null==(e=null==(t=this._store)?void 0:t.widgetConfigurations)?void 0:e.widget)?void 0:i.theme_checkout)?void 0:o.styles)||"";if(!document.getElementById("shipaid-styles")&&r){const t=document.createElement("style");t.id="shipaid-styles",t.textContent=`\n        checkout-package-protection {\n        width: 100%;\n        justify-content: center;\n        display: flex;\n          ${r}\n        }\n\n      `,document.head.appendChild(t)}const n=document.querySelectorAll(`${sessionStorage.getItem("shipaidWidgetTheme")}:not(#shipaid-checkout-button)`);if(n.length)return n.forEach(((t,e)=>{var i,o,r;const n=`shipaid-checkout-container-${e}`;t.style.display="none";const a=t.className;let s=document.getElementById(n);s||(s=document.createElement("div"),s.id=n,s.style.width="100%",s.style.display="flex",s.style.justifyContent="center",t.insertAdjacentElement("afterend",s));const p=Number(null==(i=this._protectionVariant)?void 0:i.price)||0,d=(Number(null==(o=this._cart)?void 0:o.total_price)||0)/100,l=this._hasProtectionInCart?d:p+d,c=H`
+    `}contactlessCheckoutButtonTemplate(){var t,e,i,o;const r=(null==(o=null==(i=null==(e=null==(t=this._store)?void 0:t.widgetConfigurations)?void 0:e.widget)?void 0:i.theme_checkout)?void 0:o.styles)||"";if(!document.getElementById("shipaid-styles")&&r.trim()){const t=r.split(";").map((t=>t.trim())).filter(Boolean),e=t.filter((t=>t.includes("shipaid-checkout-container"))).join("; "),i=t.filter((t=>!t.includes("shipaid-checkout-container"))).join("; ");console.log("Styles applied ===========>",{shipaidCheckoutContainerStyles:e,shipaidCheckoutComponentStyles:i});const o=document.createElement("style");o.id="shipaid-styles",o.textContent=`\n        checkout-package-protection {\n            ${i};\n        }\n\n        .shipaid-checkout-container {\n          width: 100%;\n          display: flex;\n          ${e};\n          justify-content: var(--shipaid-checkout-container-x-position, center);\n        }\n    `.trim(),document.head.appendChild(o)}const n=document.querySelectorAll(`${sessionStorage.getItem("shipaidWidgetTheme")}:not(#shipaid-checkout-button)`);if(n.length)return n.forEach(((t,e)=>{var i,o,r;const n=`shipaid-checkout-container-${e}`;t.style.display="none";const a=t.className;let s=document.getElementById(n);s||(s=document.createElement("div"),s.id=n,s.className="shipaid-checkout-container",t.insertAdjacentElement("afterend",s));const p=Number(null==(i=this._protectionVariant)?void 0:i.price)||0,d=(Number(null==(o=this._cart)?void 0:o.total_price)||0)/100,l=this._hasProtectionInCart?d:p+d,c=H`
         <svg width="1.5rem" height="1.5rem" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="4" class="shipaid-loader">
           <circle cx="25" cy="25" r="20" stroke-opacity="0.5"/>
           <path d="M45 25a20 20 0 0 1-40 0" stroke="currentColor">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui.shipaid.com",
   "private": false,
-  "version": "0.3.75",
+  "version": "0.3.78",
   "type": "module",
   "main": "dist/widget.umd.js",
   "unpkg": "dist/widget.iife.js",