ui.shipaid.com 0.3.84 → 0.3.85

package/dist/widget.es.js

@@ -3092,7 +3092,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
     return this.useShipAidCheckout ? this : super.createRenderRoot();
   }
   checkoutButtonTemplate() {
-    var _a, _b;
+    var _a, _b, _c, _d;
     if (!document.getElementById("shipaid-styles")) {
       const style = document.createElement("style");
       style.id = "shipaid-styles";
@@ -3146,6 +3146,16 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
           width: 100%;
         }
 
+        .shipaid-container a#shipaid-checkout-button {
+          width: 100%;
+          margin: 0px;
+          text-decoration: unset;
+        }
+        .shipaid-container a#shipaid-continue-button {
+          display: block;
+          margin: 1rem 0px 0px;
+        }
+
         .shipaid-container button {
           width: 100%;
         }
@@ -3241,13 +3251,12 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
           </div>
         </div>
         
-        <button id="shipaid-checkout-button" class="${originalClasses}" @click=${() => {
-      var _a2, _b2;
+        <a href="/checkout${((_c = this._protectionVariant) == null ? void 0 : _c.id) ? `?attributes[_shipaid-internal]=1&updates[${(_d = this._protectionVariant) == null ? void 0 : _d.id}]=1` : ""}" id="shipaid-checkout-button" class="${originalClasses}" @click=${() => {
+      var _a2;
       sessionStorage.setItem("shipaid_variant", JSON.stringify((_a2 = this._protectionVariant) == null ? void 0 : _a2.id));
-      window.location.href = `/checkout?attributes[_shipaid-internal]=1&updates[${(_b2 = this._protectionVariant) == null ? void 0 : _b2.id}]=1`;
     }}>
          <slot name="checkout-button-text">CHECKOUT+</slot> ${cartTotal ? this._currencyFormat(cartTotal) : loading2}
-        </button>
+        </a>
         
         <a href="#" class="continue-link" @click=${async () => {
       await this.removeProtection();

package/dist/widget.iife.js

@@ -1267,7 +1267,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
               @shipaid-about=${()=>{this._popup="learn-more",this.persistPopup&&this.setPopupKey()}}
           @shipaid-remove-protection=${async()=>{await this.removeProtection(),window.location.href="/checkout"}}
             ></checkout-package-protection>
-          `,s)})),Z}createRenderRoot(){return this.useShipAidCheckout?this:super.createRenderRoot()}checkoutButtonTemplate(){var t,e;if(!document.getElementById("shipaid-styles")){const t=document.createElement("style");t.id="shipaid-styles",t.textContent="\n        [shipaid-hidden] {\n          display: none !important;\n        }\n        shipaid-widget {\n          width: 100%;\n        }\n      ",document.head.appendChild(t)}if(!this.dataSelector)return void console.error("[shipaid-widget] we couldn't find the 'data-selector' attribute.");let i=null;if(this.shadowRootSelector){const t=document.querySelector(this.shadowRootSelector);if(!t||!t.shadowRoot)return void console.warn(`ShadowRoot not found in the element '${this.shadowRootSelector}'.`);i=t.shadowRoot.querySelector(`${this.dataSelector}:not(#shipaid-checkout-button)`)}else i=document.querySelector(`${this.dataSelector}:not(#shipaid-checkout-button)`);if(!i)return void console.warn(`Button not found with selector '${this.dataSelector}'.`);const o=i.className,r=Number(null==(t=this._protectionVariant)?void 0:t.price)||0,n=(Number(null==(e=this._cart)?void 0:e.total_price)||0)/100,a=this._hasProtectionInCart?n:r+n,s=H`
+          `,s)})),Z}createRenderRoot(){return this.useShipAidCheckout?this:super.createRenderRoot()}checkoutButtonTemplate(){var t,e,i,o;if(!document.getElementById("shipaid-styles")){const t=document.createElement("style");t.id="shipaid-styles",t.textContent="\n        [shipaid-hidden] {\n          display: none !important;\n        }\n        shipaid-widget {\n          width: 100%;\n        }\n      ",document.head.appendChild(t)}if(!this.dataSelector)return void console.error("[shipaid-widget] we couldn't find the 'data-selector' attribute.");let r=null;if(this.shadowRootSelector){const t=document.querySelector(this.shadowRootSelector);if(!t||!t.shadowRoot)return void console.warn(`ShadowRoot not found in the element '${this.shadowRootSelector}'.`);r=t.shadowRoot.querySelector(`${this.dataSelector}:not(#shipaid-checkout-button)`)}else r=document.querySelector(`${this.dataSelector}:not(#shipaid-checkout-button)`);if(!r)return void console.warn(`Button not found with selector '${this.dataSelector}'.`);const n=r.className,a=Number(null==(t=this._protectionVariant)?void 0:t.price)||0,s=(Number(null==(e=this._cart)?void 0:e.total_price)||0)/100,d=this._hasProtectionInCart?s:a+s,p=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">
@@ -1282,6 +1282,16 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
           width: 100%;
         }
 
+        .shipaid-container a#shipaid-checkout-button {
+          width: 100%;
+          margin: 0px;
+          text-decoration: unset;
+        }
+        .shipaid-container a#shipaid-continue-button {
+          display: block;
+          margin: 1rem 0px 0px;
+        }
+
         .shipaid-container button {
           width: 100%;
         }
@@ -1361,7 +1371,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
             <strong>Checkout+</strong>
             <div class="protection-value">
               <slot name="title">ShipAid Delivery Guarantee</slot>
-              - ${r?this._currencyFormat(r):s}
+              - ${a?this._currencyFormat(a):p}
             </div>
           </div>
           <div class="help-icon" @click=${()=>{this._popup="learn-more",this.persistPopup&&this.setPopupKey()}}>
@@ -1372,9 +1382,9 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
           </div>
         </div>
         
-        <button id="shipaid-checkout-button" class="${o}" @click=${()=>{var t,e;sessionStorage.setItem("shipaid_variant",JSON.stringify(null==(t=this._protectionVariant)?void 0:t.id)),window.location.href=`/checkout?attributes[_shipaid-internal]=1&updates[${null==(e=this._protectionVariant)?void 0:e.id}]=1`}}>
-         <slot name="checkout-button-text">CHECKOUT+</slot> ${a?this._currencyFormat(a):s}
-        </button>
+        <a href="/checkout${(null==(i=this._protectionVariant)?void 0:i.id)?`?attributes[_shipaid-internal]=1&updates[${null==(o=this._protectionVariant)?void 0:o.id}]=1`:""}" id="shipaid-checkout-button" class="${n}" @click=${()=>{var t;sessionStorage.setItem("shipaid_variant",JSON.stringify(null==(t=this._protectionVariant)?void 0:t.id))}}>
+         <slot name="checkout-button-text">CHECKOUT+</slot> ${d?this._currencyFormat(d):p}
+        </a>
         
         <a href="#" class="continue-link" @click=${async()=>{await this.removeProtection(),window.location.href="/checkout"}}>
           <slot name="link-continue">Continue without delivery guarantee</slot>

package/dist/widget.umd.js

@@ -1267,7 +1267,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
               @shipaid-about=${()=>{this._popup="learn-more",this.persistPopup&&this.setPopupKey()}}
           @shipaid-remove-protection=${async()=>{await this.removeProtection(),window.location.href="/checkout"}}
             ></checkout-package-protection>
-          `,s)})),Z}createRenderRoot(){return this.useShipAidCheckout?this:super.createRenderRoot()}checkoutButtonTemplate(){var t,e;if(!document.getElementById("shipaid-styles")){const t=document.createElement("style");t.id="shipaid-styles",t.textContent="\n        [shipaid-hidden] {\n          display: none !important;\n        }\n        shipaid-widget {\n          width: 100%;\n        }\n      ",document.head.appendChild(t)}if(!this.dataSelector)return void console.error("[shipaid-widget] we couldn't find the 'data-selector' attribute.");let i=null;if(this.shadowRootSelector){const t=document.querySelector(this.shadowRootSelector);if(!t||!t.shadowRoot)return void console.warn(`ShadowRoot not found in the element '${this.shadowRootSelector}'.`);i=t.shadowRoot.querySelector(`${this.dataSelector}:not(#shipaid-checkout-button)`)}else i=document.querySelector(`${this.dataSelector}:not(#shipaid-checkout-button)`);if(!i)return void console.warn(`Button not found with selector '${this.dataSelector}'.`);const o=i.className,r=Number(null==(t=this._protectionVariant)?void 0:t.price)||0,n=(Number(null==(e=this._cart)?void 0:e.total_price)||0)/100,a=this._hasProtectionInCart?n:r+n,s=H`
+          `,s)})),Z}createRenderRoot(){return this.useShipAidCheckout?this:super.createRenderRoot()}checkoutButtonTemplate(){var t,e,i,o;if(!document.getElementById("shipaid-styles")){const t=document.createElement("style");t.id="shipaid-styles",t.textContent="\n        [shipaid-hidden] {\n          display: none !important;\n        }\n        shipaid-widget {\n          width: 100%;\n        }\n      ",document.head.appendChild(t)}if(!this.dataSelector)return void console.error("[shipaid-widget] we couldn't find the 'data-selector' attribute.");let r=null;if(this.shadowRootSelector){const t=document.querySelector(this.shadowRootSelector);if(!t||!t.shadowRoot)return void console.warn(`ShadowRoot not found in the element '${this.shadowRootSelector}'.`);r=t.shadowRoot.querySelector(`${this.dataSelector}:not(#shipaid-checkout-button)`)}else r=document.querySelector(`${this.dataSelector}:not(#shipaid-checkout-button)`);if(!r)return void console.warn(`Button not found with selector '${this.dataSelector}'.`);const n=r.className,a=Number(null==(t=this._protectionVariant)?void 0:t.price)||0,s=(Number(null==(e=this._cart)?void 0:e.total_price)||0)/100,d=this._hasProtectionInCart?s:a+s,p=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">
@@ -1282,6 +1282,16 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
           width: 100%;
         }
 
+        .shipaid-container a#shipaid-checkout-button {
+          width: 100%;
+          margin: 0px;
+          text-decoration: unset;
+        }
+        .shipaid-container a#shipaid-continue-button {
+          display: block;
+          margin: 1rem 0px 0px;
+        }
+
         .shipaid-container button {
           width: 100%;
         }
@@ -1361,7 +1371,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
             <strong>Checkout+</strong>
             <div class="protection-value">
               <slot name="title">ShipAid Delivery Guarantee</slot>
-              - ${r?this._currencyFormat(r):s}
+              - ${a?this._currencyFormat(a):p}
             </div>
           </div>
           <div class="help-icon" @click=${()=>{this._popup="learn-more",this.persistPopup&&this.setPopupKey()}}>
@@ -1372,9 +1382,9 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
           </div>
         </div>
         
-        <button id="shipaid-checkout-button" class="${o}" @click=${()=>{var t,e;sessionStorage.setItem("shipaid_variant",JSON.stringify(null==(t=this._protectionVariant)?void 0:t.id)),window.location.href=`/checkout?attributes[_shipaid-internal]=1&updates[${null==(e=this._protectionVariant)?void 0:e.id}]=1`}}>
-         <slot name="checkout-button-text">CHECKOUT+</slot> ${a?this._currencyFormat(a):s}
-        </button>
+        <a href="/checkout${(null==(i=this._protectionVariant)?void 0:i.id)?`?attributes[_shipaid-internal]=1&updates[${null==(o=this._protectionVariant)?void 0:o.id}]=1`:""}" id="shipaid-checkout-button" class="${n}" @click=${()=>{var t;sessionStorage.setItem("shipaid_variant",JSON.stringify(null==(t=this._protectionVariant)?void 0:t.id))}}>
+         <slot name="checkout-button-text">CHECKOUT+</slot> ${d?this._currencyFormat(d):p}
+        </a>
         
         <a href="#" class="continue-link" @click=${async()=>{await this.removeProtection(),window.location.href="/checkout"}}>
           <slot name="link-continue">Continue without delivery guarantee</slot>

package/package.json

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