ui.shipaid.com 0.3.94 → 0.3.96

package/dist/widget.es.js

@@ -2392,6 +2392,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
     this.fetchInterceptorCleanup = () => {
     };
     this.intervalId = null;
+    this._sellingPlanId = null;
     this._state = {
       loading: false,
       success: null,
@@ -2758,28 +2759,17 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
     this._cart = cart;
   }
   async addCartProtectionVariant() {
-    var _a, _b, _c, _d;
+    var _a, _b;
     let cart;
-    let sellingPlanId;
-    if (this.supportSubscriptions && !this.useShipAidCheckout) {
-      const itemWithSubscription = (_b = (_a = this._cart) == null ? void 0 : _a.items) == null ? void 0 : _b.find((item) => {
-        var _a2;
-        return item.id !== ((_a2 = this._protectionVariant) == null ? void 0 : _a2.id) && !!(item == null ? void 0 : item.selling_plan_allocation);
-      });
-      if (itemWithSubscription) {
-        const protectionSellingPlan = await this._fetchSellingPlanFromVariant(itemWithSubscription.selling_plan_allocation.selling_plan);
-        sellingPlanId = protectionSellingPlan ? getIdFromShopifyGid(protectionSellingPlan.id) : null;
-      }
-    }
     if (this.useCustomStoreFront) {
       const cartItemAdded = await this.runStoreFrontQuery(
         "mutation AddItemToCart($cartId: ID!, $lines: [CartLineInput!]!) { cartLinesAdd(cartId: $cartId, lines: $lines) { cart { id lines(first: 10) { edges { node { id quantity merchandise { ... on ProductVariant { id sku } } cost{ totalAmount{ amount currencyCode } } } } } cost { totalAmount { amount currencyCode } subtotalAmount { amount currencyCode } } } } }",
         {
           cartId: this.cartId,
           lines: [{
-            merchandiseId: String((_c = this._protectionVariant) == null ? void 0 : _c.id),
+            merchandiseId: String((_a = this._protectionVariant) == null ? void 0 : _a.id),
             quantity: 1,
-            sellingPlanId
+            sellingPlanId: this._sellingPlanId
           }]
         }
       );
@@ -2787,8 +2777,8 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
     } else {
       const payload = {
         quantity: 1,
-        id: String((_d = this._protectionVariant) == null ? void 0 : _d.id),
-        selling_plan: sellingPlanId
+        id: String((_b = this._protectionVariant) == null ? void 0 : _b.id),
+        selling_plan: this._sellingPlanId
       };
       cart = await this._fetch.post(
         "/cart/add.js",
@@ -2797,7 +2787,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
     }
     return cart;
   }
-  async updateCartProtectionVariant(qty, protectionCartItem = null, sellingPlanId = null) {
+  async updateCartProtectionVariant(qty, protectionCartItem = null) {
     var _a, _b;
     let cart;
     if (this.useCustomStoreFront) {
@@ -2809,7 +2799,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
             {
               id: String(protectionCartItem ? protectionCartItem.key : (_a = this._protectionCartItem) == null ? void 0 : _a.key),
               quantity: qty,
-              sellingPlanId
+              sellingPlanId: this._sellingPlanId
             }
           ]
         }
@@ -2819,7 +2809,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
       const payload = {
         quantity: qty,
         id: String(protectionCartItem ? protectionCartItem.key : (_b = this._protectionCartItem) == null ? void 0 : _b.key),
-        selling_plan: sellingPlanId
+        selling_plan: this._sellingPlanId
       };
       cart = await this._fetch.post(
         "/cart/change.js",
@@ -3089,9 +3079,9 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
     });
     if (itemWithSubscription) {
       const protectionSellingPlan = await this._fetchSellingPlanFromVariant(itemWithSubscription.selling_plan_allocation.selling_plan);
-      return protectionSellingPlan ? getIdFromShopifyGid(protectionSellingPlan.id) : void 0;
+      return protectionSellingPlan ? getIdFromShopifyGid(protectionSellingPlan.id) : null;
     }
-    return void 0;
+    return null;
   }
   getCheckoutURL() {
     var _a, _b;
@@ -3101,7 +3091,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
     return `/checkout?attributes[_shipaid-internal]=1&updates[${(_b = this._protectionVariant) == null ? void 0 : _b.id}]=1`;
   }
   checkoutButtonTemplate() {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     if (!document.getElementById("shipaid-styles")) {
       const style = document.createElement("style");
       style.id = "shipaid-styles";
@@ -3264,16 +3254,25 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
             </svg>
           </div>
         </div>
-        
-        <a href="${((_d = this._protectionVariant) == null ? void 0 : _d.id) ? this.getCheckoutURL() : "/checkout"}" id="shipaid-checkout-button" class="${originalClasses}" @click=${() => {
+        ${this._sellingPlanId ? x`
+            <button id="shipaid-checkout-button" class="${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}
+            </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=${() => {
       var _a2;
       sessionStorage.setItem("shipaid_variant", JSON.stringify((_a2 = this._protectionVariant) == null ? void 0 : _a2.id));
     }}>
-          <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${((_e = this._protectionVariant) == null ? void 0 : _e.id) ? `?attributes[_shipaid-internal]=1&updates[${(_f = this._protectionVariant) == null ? void 0 : _f.id}]=0` : ""}" class="continue-link">
+            <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">
           <slot name="link-continue">${translate("checkout-plus.continue")}</slot>
         </a>
       </div>
@@ -3466,16 +3465,16 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
         var _a2;
         return item.id !== ((_a2 = this._protectionVariant) == null ? void 0 : _a2.id) && !!(item == null ? void 0 : item.selling_plan_allocation);
       });
-      let updateSubscriptionPayload = null;
+      let shouldUpdateSubscription = true;
       if (!itemWithSubscription && (protectionCartItem == null ? void 0 : protectionCartItem.selling_plan_allocation)) {
-        updateSubscriptionPayload = { id: protectionCartItem.key, quantity: 1, selling_plan: null };
+        this._sellingPlanId = null;
       } else if (itemWithSubscription && !(protectionCartItem == null ? void 0 : protectionCartItem.selling_plan_allocation)) {
-        const protectionSellingPlan = await this._fetchSellingPlanFromVariant(itemWithSubscription.selling_plan_allocation.selling_plan);
-        const sellingPlanId = protectionSellingPlan ? getIdFromShopifyGid(protectionSellingPlan.id) : null;
-        updateSubscriptionPayload = { id: protectionCartItem.key, quantity: 1, selling_plan: sellingPlanId };
+        this._sellingPlanId = await this.getSubscription(this._cart);
+      } else {
+        shouldUpdateSubscription = false;
       }
-      if (updateSubscriptionPayload) {
-        const cart2 = await this.updateCartProtectionVariant(updateSubscriptionPayload.quantity, protectionCartItem, updateSubscriptionPayload.selling_plan);
+      if (shouldUpdateSubscription) {
+        const cart2 = await this.updateCartProtectionVariant(1, protectionCartItem);
         await this._handleRefresh(cart2);
       }
     }