ui.shipaid.com 0.3.103 → 0.3.104

package/dist/widget.es.js

@@ -2406,6 +2406,8 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
     this.customerId = void 0;
     this.supportSubscriptions = false;
     this.dataSelector = "";
+    this.buttonTitle = "";
+    this.buttonClasses = "";
     this.shadowRootSelector = "";
     this.useShipAidCheckout = false;
     this._apiEndpoint = "/apps/shipaid";
@@ -3113,7 +3115,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
     return null;
   }
   checkoutButtonTemplate() {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     if (!document.getElementById("shipaid-styles")) {
       const style = document.createElement("style");
       style.id = "shipaid-styles";
@@ -3276,24 +3278,27 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
           </div>
         </div>
         ${this._sellingPlanId ? x`
-            <button id="shipaid-checkout-button" class="${originalClasses}" @click=${async () => {
+            <button id="shipaid-checkout-button" variant="${(_d = this._protectionVariant) == null ? void 0 : _d.id}" class="${this.buttonClasses || originalClasses}" @click=${async () => {
       var _a2, _b2;
       sessionStorage.setItem("shipaid_variant", JSON.stringify((_a2 = this._protectionVariant) == null ? void 0 : _a2.id));
       await this.addCartProtectionVariant();
       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}
+            ${this.buttonTitle || x`<slot name="checkout-button-text">CHECKOUT+</slot> ${cartTotal ? this._currencyFormat(cartTotal) : loading2}`}
             </button>
             ` : x`
-          <a href="/checkout${((_d = this._protectionVariant) == null ? void 0 : _d.id) ? `?attributes[_shipaid-internal]=1&updates[${(_e = this._protectionVariant) == null ? void 0 : _e.id}]=1` : ""}" id="shipaid-checkout-button" class="${originalClasses}" @click=${() => {
+          <a variant="${(_e = this._protectionVariant) == null ? void 0 : _e.id}" href="/checkout${((_f = this._protectionVariant) == null ? void 0 : _f.id) ? `?attributes[_shipaid-internal]=1&updates[${(_g = this._protectionVariant) == null ? void 0 : _g.id}]=1` : ""}" id="shipaid-checkout-button" class="${this.buttonClasses || originalClasses}" @click=${() => {
       var _a2;
       sessionStorage.setItem("shipaid_variant", JSON.stringify((_a2 = this._protectionVariant) == null ? void 0 : _a2.id));
     }}>
+          ${this.buttonTitle || x`
             <span class="shipaid-checkout-text">${translate("checkout-plus.checkout")}+</span>
             <span class="shipaid-checkout-amount">${cartTotal ? this._currencyFormat(cartTotal) : loading2}</span>
+        `}
+            
          </a>
       `}
-        <a href="/checkout${((_f = this._protectionVariant) == null ? void 0 : _f.id) ? `?attributes[_shipaid-internal]=1&updates[${(_g = this._protectionVariant) == null ? void 0 : _g.id}]=0` : ""}" class="continue-link">
+        <a href="/checkout${((_h = this._protectionVariant) == null ? void 0 : _h.id) ? `?attributes[_shipaid-internal]=1&updates[${(_i = this._protectionVariant) == null ? void 0 : _i.id}]=0` : ""}" class="continue-link">
           <slot name="link-continue">${translate("checkout-plus.continue")}</slot>
         </a>
       </div>
@@ -4051,6 +4056,12 @@ __decorateClass([
 __decorateClass([
   n$7({ type: String, attribute: "data-selector" })
 ], ShipAidWidget.prototype, "dataSelector");
+__decorateClass([
+  n$7({ type: String, attribute: "button-title" })
+], ShipAidWidget.prototype, "buttonTitle");
+__decorateClass([
+  n$7({ type: String, attribute: "button-classes" })
+], ShipAidWidget.prototype, "buttonClasses");
 __decorateClass([
   n$7({ type: String, attribute: "shadow-root-selector" })
 ], ShipAidWidget.prototype, "shadowRootSelector");