ui.shipaid.com 0.3.95 → 0.3.97

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) {
-      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",
@@ -3080,8 +3070,21 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
   createRenderRoot() {
     return this.useShipAidCheckout ? this : super.createRenderRoot();
   }
+  async getSubscription(_cart) {
+    var _a;
+    if (!(_cart == null ? void 0 : _cart.items) || !(_cart == null ? void 0 : _cart.item_count)) return;
+    const itemWithSubscription = (_a = _cart == null ? void 0 : _cart.items) == null ? void 0 : _a.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);
+      return protectionSellingPlan ? getIdFromShopifyGid(protectionSellingPlan.id) : null;
+    }
+    return null;
+  }
   checkoutButtonTemplate() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     if (!document.getElementById("shipaid-styles")) {
       const style = document.createElement("style");
       style.id = "shipaid-styles";
@@ -3244,19 +3247,25 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
             </svg>
           </div>
         </div>
-        
-        <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;
+        ${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`;
     }}>
-          <span class="shipaid-checkout-text">${translate("checkout-plus.checkout")}+</span>
-          <span class="shipaid-checkout-amount">${cartTotal ? this._currencyFormat(cartTotal) : loading2}</span>
-        </a>
-        
-        <a href="#" class="continue-link" @click=${async () => {
-      await this.removeProtection();
-      window.location.href = "/checkout";
+            <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${((_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>
@@ -3440,22 +3449,25 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
       this._shouldShowWidget = false;
       return;
     }
+    if (this.useShipAidCheckout && this.supportSubscriptions) {
+      this._sellingPlanId = await this.getSubscription(this._cart);
+    }
     if (!protectionCartItem) return;
-    if (this.supportSubscriptions) {
+    if (this.supportSubscriptions && !this.useShipAidCheckout) {
       const itemWithSubscription = this._cart.items.find((item) => {
         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);
       }
     }
@@ -4014,6 +4026,9 @@ __decorateClass([
 __decorateClass([
   t$3()
 ], ShipAidWidget.prototype, "intervalId");
+__decorateClass([
+  t$3()
+], ShipAidWidget.prototype, "_sellingPlanId");
 __decorateClass([
   t$3()
 ], ShipAidWidget.prototype, "_state");