ui.shipaid.com 0.3.79 → 0.3.81

package/dist/widget.es.js

@@ -2018,7 +2018,7 @@ class CheckoutPackageProtection extends s$1 {
         </div>
 
         <a id="shipaid-checkout-button" class="${this.originalClasses}" href="/checkout${this.shipaidVariant ? `?attributes[_shipaid-internal]=1&updates[${this.shipaidVariant}]=1` : ""}">
-          CHECKOUT+ ${this.checkoutTotal}
+          <span>CHECKOUT+ ${this.checkoutTotal}</span>
         </a>
 
         <a id="shipaid-continue-button" href="#" class="continue-link" @click=${this.handleCheckoutWithoutProtection}>
@@ -2950,7 +2950,6 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
       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 = `
@@ -2959,7 +2958,6 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
         }
 
         .shipaid-checkout-container {
-          width: 100%;
           display: flex;
           ${shipaidCheckoutContainerStyles};
           justify-content: var(--shipaid-checkout-container-x-position, center);
@@ -2978,6 +2976,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
       if (!container) {
         container = document.createElement("div");
         container.id = containerId;
+        container.style.width = "100%";
         container.className = "shipaid-checkout-container";
         originalCheckoutButton.insertAdjacentElement("afterend", container);
       }
@@ -3003,6 +3002,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
             .shipaid-container a#shipaid-checkout-button {
               width: 100%;
               margin: 0px;
+              text-decoration: unset;
             }
             .shipaid-container a#shipaid-continue-button {
               display: block;

package/dist/widget.iife.js

@@ -1005,7 +1005,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
         </div>
 
         <a id="shipaid-checkout-button" class="${this.originalClasses}" href="/checkout${this.shipaidVariant?`?attributes[_shipaid-internal]=1&updates[${this.shipaidVariant}]=1`:""}">
-          CHECKOUT+ ${this.checkoutTotal}
+          <span>CHECKOUT+ ${this.checkoutTotal}</span>
         </a>
 
         <a id="shipaid-continue-button" href="#" class="continue-link" @click=${this.handleCheckoutWithoutProtection}>
@@ -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.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`
+    `}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("; "),o=document.createElement("style");o.id="shipaid-styles",o.textContent=`\n        checkout-package-protection {\n            ${i};\n        }\n\n        .shipaid-checkout-container {\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.style.width="100%",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">
@@ -1196,6 +1196,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
             .shipaid-container a#shipaid-checkout-button {
               width: 100%;
               margin: 0px;
+              text-decoration: unset;
             }
             .shipaid-container a#shipaid-continue-button {
               display: block;

package/dist/widget.umd.js

@@ -1005,7 +1005,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
         </div>
 
         <a id="shipaid-checkout-button" class="${this.originalClasses}" href="/checkout${this.shipaidVariant?`?attributes[_shipaid-internal]=1&updates[${this.shipaidVariant}]=1`:""}">
-          CHECKOUT+ ${this.checkoutTotal}
+          <span>CHECKOUT+ ${this.checkoutTotal}</span>
         </a>
 
         <a id="shipaid-continue-button" href="#" class="continue-link" @click=${this.handleCheckoutWithoutProtection}>
@@ -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.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`
+    `}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("; "),o=document.createElement("style");o.id="shipaid-styles",o.textContent=`\n        checkout-package-protection {\n            ${i};\n        }\n\n        .shipaid-checkout-container {\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.style.width="100%",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">
@@ -1196,6 +1196,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
             .shipaid-container a#shipaid-checkout-button {
               width: 100%;
               margin: 0px;
+              text-decoration: unset;
             }
             .shipaid-container a#shipaid-continue-button {
               display: block;

package/package.json

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