ui.shipaid.com 0.3.25 → 0.3.27

package/dist/widget.es.js

@@ -1,5 +1,5 @@
 function calculateProtectionTotal(store, protectionProduct, cart) {
-  var _a, _b, _c;
+  var _a, _b;
   if (!store)
     throw new Error("Missing store settings.");
   if (!protectionProduct)
@@ -10,23 +10,34 @@ function calculateProtectionTotal(store, protectionProduct, cart) {
   if (!settings) {
     throw new Error("Tried to find protection variant, but protection settings for this store are missing.");
   }
-  const excludedProductSkus = Array.isArray(store == null ? void 0 : store.excludedProductSkus) ? store == null ? void 0 : store.excludedProductSkus.map((sku) => sku.trim()) : [];
-  const itemTotal = ((_a = cart.items) == null ? void 0 : _a.reduce((total, item) => {
-    if (!item.sku)
-      return total;
-    const itemIsExcluded = excludedProductSkus.some((sku) => sku === item.sku.trim());
-    return itemIsExcluded ? total - item.final_line_price : total;
-  }, cart.total_price)) ?? cart.total_price;
-  const protectionVariantsInCart = ((_b = cart.items) == null ? void 0 : _b.filter((item) => {
+  const excludedProductSkus = Array.isArray(store == null ? void 0 : store.excludedProductSkus) ? store.excludedProductSkus.map((sku) => sku.trim()) : [];
+  const excludedProductIds = Array.isArray(store == null ? void 0 : store.excludedProductsVariantsId) ? store.excludedProductsVariantsId.map((id) => {
+    var _a2;
+    return parseInt(((_a2 = id.match(/\d+/)) == null ? void 0 : _a2[0]) ?? "", 10);
+  }) : [];
+  const isItemExcluded = (item) => {
+    if (item.sku && excludedProductSkus.includes(item.sku.trim())) {
+      return true;
+    } else if (item.variant_id && excludedProductIds.includes(item.variant_id)) {
+      return true;
+    }
+    return false;
+  };
+  const itemTotal = (cart.items ?? []).reduce((total, item) => {
+    return isItemExcluded(item) ? total - item.final_line_price : total;
+  }, cart.total_price || 0);
+  const protectionVariantsInCart = ((_a = cart.items) == null ? void 0 : _a.filter((item) => {
     var _a2;
     return (_a2 = protectionProduct == null ? void 0 : protectionProduct.variants) == null ? void 0 : _a2.some((variant) => variant.id === item.variant_id);
   })) ?? [];
   const protectionVariantsInCartTotal = protectionVariantsInCart.reduce((total, item) => total + item.final_line_price, 0);
   const cartTotal = itemTotal - protectionVariantsInCartTotal;
+  if (cartTotal === 0)
+    return cartTotal;
   if (settings.protectionType === "FIXED") {
     if (typeof settings.defaultFee !== "number")
       throw new Error("Missing default fee amount.");
-    if (!((_c = settings.rules) == null ? void 0 : _c.length))
+    if (!((_b = settings.rules) == null ? void 0 : _b.length))
       return settings.defaultFee;
     const formattedCartTotal = cartTotal / 100;
     const sortedRules = settings.rules.sort((a2, b) => {
@@ -66,6 +77,10 @@ function findProtectionVariant(store, protectionProduct, protectionFee) {
   }
   return matchingVariant;
 }
+function getIdFromShopifyGid(gid) {
+  var _a;
+  return ((_a = gid == null ? void 0 : gid.match(/\d+/)) == null ? void 0 : _a[0]) ?? null;
+}
 const common = { calculateProtectionTotal, findProtectionVariant };
 /**
  * @license
@@ -1717,7 +1732,7 @@ const styles = i$2`
     .prompt-product-actions
     .prompt-product-actions-price {
     color: var(--shipaid-prompt-actions-price-color, var(--shipaid-text-muted));
-    font-size: var(--shipaid-font-base);
+    font-size: var(--shipaid-prompt-actions-price-fontSize, --shipaid-font-base);
   }
   .shipaid-prompt
     .prompt-product
@@ -1821,6 +1836,9 @@ const StoreQuery = `query StoreByDomain ($store: String!) {
     widgetConfigurations
   }
 }`;
+const SellinPlanGroupFromVariant = `query SellingPlanFromVariant($store: String!, $variantId: String!){
+  sellingPlanFromVariant(input: {store: $store, variantId: $variantId })
+}`;
 const langFiles = /* @__PURE__ */ Object.assign({
   "./lang/de.json": () => import("./de-7465ac1a.js").then((m2) => m2["default"]),
   "./lang/en.json": () => Promise.resolve().then(() => en).then((m2) => m2["default"]),
@@ -1851,10 +1869,11 @@ let ShipAidWidget = class extends s$1 {
     this.lang = "en";
     this.currency = void 0;
     this.customerId = void 0;
+    this.supportSubscriptions = false;
     this._apiEndpoint = "/apps/shipaid";
     this._storeDomain = ((_a = window.Shopify) == null ? void 0 : _a.shop) ?? ((_c = (_b = window.Shopify) == null ? void 0 : _b.Checkout) == null ? void 0 : _c.apiHost);
     this._hasFinishedSetup = false;
-    this._shouldShowWidget = true;
+    this._shouldShowWidget = false;
     this._hasProtectionInCart = false;
     this.hasLoadedStrings = false;
     this.intervalId = 0;
@@ -1905,9 +1924,14 @@ let ShipAidWidget = class extends s$1 {
   }
   // ? Internal Helpers
   _currencyFormat(value) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f;
+    const currency = this.currency || ((_b = (_a = window.Shopify) == null ? void 0 : _a.currency) == null ? void 0 : _b.active) || ((_c = this._store) == null ? void 0 : _c.currency) || "USD";
+    if ((_f = (_e = (_d = this._store) == null ? void 0 : _d.widgetConfigurations) == null ? void 0 : _e.widget) == null ? void 0 : _f.currencyFormat) {
+      const format = this._store.widgetConfigurations.widget.currencyFormat;
+      return format.replace("_value_", Number(value)).replace("_currency_", currency);
+    }
     return new Intl.NumberFormat(void 0, {
-      currency: this.currency || ((_b = (_a = window.Shopify) == null ? void 0 : _a.currency) == null ? void 0 : _b.active) || ((_c = this._store) == null ? void 0 : _c.currency) || "USD",
+      currency,
       style: "currency"
     }).format(Number(value));
   }
@@ -2010,6 +2034,36 @@ let ShipAidWidget = class extends s$1 {
       throw new Error(`Could not find a store for ${this._storeDomain}`);
     }
   }
+  /** Fetches store info from the ShipAid public API. */
+  async _fetchSellingPlanFromVariant() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+    const shop = ((_a = window.Shopify) == null ? void 0 : _a.shop) ?? ((_c = (_b = window.Shopify) == null ? void 0 : _b.Checkout) == null ? void 0 : _c.apiHost);
+    if (!shop)
+      throw new Error("No shop found in Shopify object.");
+    try {
+      const endpoint = new URL(window.location.href);
+      endpoint.pathname = this._apiEndpoint;
+      const payload = {
+        query: SellinPlanGroupFromVariant,
+        variables: { store: shop, variantId: `gid://shopify/ProductVariant/${(_d = this._protectionVariant) == null ? void 0 : _d.id}` }
+      };
+      const response = await this._fetch.post(
+        endpoint.toString(),
+        payload
+      );
+      if (!response)
+        throw new Error("Missing response for selling plan query.");
+      if ((_e = response.errors) == null ? void 0 : _e.length)
+        throw new Error(response.errors[0].message);
+      if (!((_f = response.data) == null ? void 0 : _f.sellingPlanFromVariant)) {
+        throw new Error("Missing variant from selling plan query response.");
+      }
+      const sellingPlan = ((_n = (_m = (_l = (_k = (_j = (_i = (_h = (_g = response.data.sellingPlanFromVariant) == null ? void 0 : _g.sellingPlanGroups) == null ? void 0 : _h.edges) == null ? void 0 : _i[0]) == null ? void 0 : _j.node) == null ? void 0 : _k.sellingPlans) == null ? void 0 : _l.edges) == null ? void 0 : _m[0]) == null ? void 0 : _n.node) || null;
+      return sellingPlan;
+    } catch (error) {
+      console.error("Error during the query ====>", error);
+    }
+  }
   /** Fetch current cart from the Shopify ajax API */
   async _fetchCart() {
     try {
@@ -2061,6 +2115,17 @@ let ShipAidWidget = class extends s$1 {
         quantity: 1,
         id: this._protectionVariant.id
       };
+      if (this.supportSubscriptions) {
+        const hasSubscriptions = this._cart.items.some((item) => {
+          var _a2;
+          return item.id !== ((_a2 = this._protectionVariant) == null ? void 0 : _a2.id) && !!(item == null ? void 0 : item.selling_plan_allocation);
+        });
+        if (hasSubscriptions) {
+          const protectionSellingPlan = await this._fetchSellingPlanFromVariant();
+          const sellingPlanId = protectionSellingPlan ? getIdFromShopifyGid(protectionSellingPlan.id) : null;
+          payload.selling_plan = sellingPlanId;
+        }
+      }
       const cartItem = await this._fetch.post(
         "/cart/add.js",
         payload
@@ -2314,7 +2379,6 @@ let ShipAidWidget = class extends s$1 {
         return;
       }
       this._hasFinishedSetup = true;
-      this._shouldShowWidget = true;
       this._dispatchEvent(Events.LOADED, this._store);
       setTimeout(async () => {
         var _a2, _b2, _c2, _d2;
@@ -2368,7 +2432,7 @@ let ShipAidWidget = class extends s$1 {
     useEffect(
       this,
       async () => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         this._cartLastUpdated = /* @__PURE__ */ new Date();
         if (!((_a = this._cart) == null ? void 0 : _a.items))
           return;
@@ -2380,7 +2444,10 @@ let ShipAidWidget = class extends s$1 {
         });
         const protectionCartItem = (_c = this._cart) == null ? void 0 : _c.items[protectionCartItemIndex];
         this._hasProtectionInCart = !!protectionCartItem;
-        if (this._cart.item_count === 1 && !!protectionCartItem) {
+        if (!this._store)
+          return;
+        const protectionFee = await this.calculateProtectionTotal(this._cart);
+        if (this._cart.item_count > 0 && !!protectionCartItem && (this._cart.total_price === protectionCartItem.final_line_price || !protectionFee)) {
           const removePayload = {
             id: protectionCartItem.key,
             quantity: 0
@@ -2392,18 +2459,45 @@ let ShipAidWidget = class extends s$1 {
           sessionStorage.removeItem(LOCAL_STORAGE_KEY);
           return await this._handleRefresh(cart2);
         }
-        if (!this._store)
-          return;
-        const protectionFee = await this.calculateProtectionTotal(this._cart);
         const protectionVariant = this._findProtectionVariant(protectionFee);
-        this._protectionVariant = protectionVariant;
+        if (!protectionFee) {
+          this._protectionVariant = {
+            id: 0,
+            price: "0"
+          };
+        } else {
+          this._protectionVariant = protectionVariant;
+          this._shouldShowWidget = true;
+        }
         if (!(protectionVariant == null ? void 0 : protectionVariant.id)) {
           this._shouldShowWidget = false;
           logger.error("No matching protection variant found.");
           return;
         }
+        if (!((_d = this._protectionVariant) == null ? void 0 : _d.id)) {
+          this._shouldShowWidget = false;
+          return;
+        }
         if (!protectionCartItem)
           return;
+        if (this.supportSubscriptions) {
+          const hasSubscriptions = this._cart.items.some((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;
+          if (!hasSubscriptions && (protectionCartItem == null ? void 0 : protectionCartItem.selling_plan_allocation)) {
+            updateSubscriptionPayload = { id: protectionCartItem.key, quantity: 1, selling_plan: null };
+          } else if (hasSubscriptions && !(protectionCartItem == null ? void 0 : protectionCartItem.selling_plan_allocation)) {
+            const protectionSellingPlan = await this._fetchSellingPlanFromVariant();
+            const sellingPlanId = protectionSellingPlan ? getIdFromShopifyGid(protectionSellingPlan.id) : null;
+            updateSubscriptionPayload = { id: protectionCartItem.key, quantity: 1, selling_plan: sellingPlanId };
+          }
+          if (updateSubscriptionPayload) {
+            const cart2 = await this._fetch.post("/cart/change.js", updateSubscriptionPayload);
+            await this._handleRefresh(cart2);
+          }
+        }
         if (protectionVariant.id === protectionCartItem.variant_id) {
           this._protectionCartItem = {
             ...protectionCartItem,
@@ -2544,7 +2638,7 @@ let ShipAidWidget = class extends s$1 {
           .prompt-product-actions
           .prompt-product-actions-price {
           color: var(--shipaid-prompt-actions-price-color, var(--shipaid-text-muted));
-          font-size: var(--shipaid-font-base);
+          font-size: var(--shipaid-prompt-actions-price-fontSize, --shipaid-font-base);
         }
         .shipaid-prompt
           .prompt-product
@@ -2688,6 +2782,9 @@ __decorateClass([
 __decorateClass([
   n$7({ type: String, attribute: true })
 ], ShipAidWidget.prototype, "customerId", 2);
+__decorateClass([
+  n$7({ type: Boolean, attribute: true })
+], ShipAidWidget.prototype, "supportSubscriptions", 2);
 __decorateClass([
   t$3()
 ], ShipAidWidget.prototype, "_storeDomain", 2);