ui.shipaid.com 0.3.46 → 0.3.47

package/dist/widget.es.js

@@ -1960,6 +1960,23 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (result) __defProp(target, key, result);
   return result;
 };
+const formatCartDataItems = (cart) => {
+  const formattedCartWithItems = {
+    items: cart.lines.edges.map(({ node: l2 }) => {
+      return {
+        id: l2.id,
+        key: l2.id,
+        variant_id: l2.merchandise.id,
+        sku: l2.merchandise.sku,
+        final_line_price: parseFloat(l2.cost.totalAmount.amount),
+        quantity: l2.quantity
+      };
+    }),
+    total_price: parseFloat(cart.cost.totalAmount.amount),
+    item_count: cart.lines.edges.length
+  };
+  return formattedCartWithItems;
+};
 const runRequest = async (input, init) => {
   try {
     const response = await fetch(input, init);
@@ -2017,6 +2034,11 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
   constructor() {
     var _a, _b, _c;
     super(...arguments);
+    this.env = "prod";
+    this.useCustomStoreFront = false;
+    this.storeDomain = "";
+    this.storeAccessToken = "";
+    this.cartId = "";
     this.disablePolling = false;
     this.disableActions = false;
     this.pollingInterval = POLL_INTERVAL_DEFAULT;
@@ -2036,7 +2058,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
     this.hasLoadedStrings = false;
     this.fetchInterceptorCleanup = () => {
     };
-    this.intervalId = 0;
+    this.intervalId = null;
     this._state = {
       loading: false,
       success: null,
@@ -2064,6 +2086,61 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
       localStorage.setItem(`${LOCAL_STORAGE_SHIPAID_POPUP_KEY}`, "true");
     }
   }
+  get nhost() {
+    const subdomain = this.env === "prod" ? "gjiyysyzjwuculcymsvb" : this.env === "staging" ? "xfnjpunvafvudwuzwjlm" : "local";
+    const region = "us-east-1";
+    const url = `https://${subdomain}.graphql.${region}.nhost.run/v1`;
+    return {
+      request: async (query, variables) => {
+        try {
+          const response = await fetch(url, {
+            method: "post",
+            body: JSON.stringify({
+              query,
+              variables
+            })
+          });
+          const result = await response.json();
+          return result;
+        } catch (error) {
+          console.log(`Nhost Error: ${error}`);
+        }
+      }
+    };
+  }
+  /** Runs a GraphQL query and returns the data
+  * @param query GraphQL query string
+  * @param variables Variables for the query
+  * @returns Query response data
+  */
+  async runStoreFrontQuery(query, variables) {
+    try {
+      const myHeaders = new Headers();
+      myHeaders.append("Content-Type", "application/json");
+      myHeaders.append("X-Shopify-Storefront-Access-Token", this.storeAccessToken);
+      const raw = JSON.stringify({
+        query,
+        variables
+      });
+      const requestOptions = {
+        method: "POST",
+        headers: myHeaders,
+        body: raw
+      };
+      const response = await fetch(`https://${this.storeDomain}/api/2021-07/graphql.json`, requestOptions);
+      if (!response.ok) {
+        throw new Error(`GraphQL request failed: ${response.statusText}`);
+      }
+      const json = await response.json();
+      if (json.errors) {
+        throw new Error(json.errors[0].message);
+      }
+      return json.data;
+    } catch (error) {
+      console.error("GraphQL query error:", error);
+      throw new Error("Failed to execute GraphQL query");
+    }
+  }
   /** Getter to check if we should refresh the page or not */
   get shouldRefreshOnUpdate() {
     if (this.disablePolling) return false;
@@ -2171,25 +2248,36 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
   /** Fetches store info from the ShipAid public API. */
   async _fetchShipAidData() {
     var _a, _b, _c, _d, _e;
-    const shop = ((_a = window.Shopify) == null ? void 0 : _a.shop) ?? ((_c = (_b = window.Shopify) == null ? void 0 : _b.Checkout) == null ? void 0 : _c.apiHost);
+    let shop;
+    if (this.storeDomain) {
+      shop = this.storeDomain;
+    } else {
+      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: StoreQuery,
-        variables: { store: shop }
-      };
-      const response = await this._fetch.post(
-        endpoint.toString(),
-        payload
-      );
-      if (!response) throw new Error("Missing response for store query.");
-      if ((_d = response.errors) == null ? void 0 : _d.length) throw new Error(response.errors[0].message);
-      if (!((_e = response.data) == null ? void 0 : _e.store)) {
+      let endpoint;
+      let result;
+      if (this.useCustomStoreFront) {
+        result = await this.nhost.request(StoreQuery, { store: shop });
+      } else {
+        endpoint = new URL(window.location.href);
+        endpoint.pathname = this._apiEndpoint;
+        const payload = {
+          query: StoreQuery,
+          variables: { store: shop }
+        };
+        result = await this._fetch.post(
+          endpoint.toString(),
+          payload
+        );
+      }
+      if (!result) throw new Error("Missing response for store query.");
+      if ((_d = result.errors) == null ? void 0 : _d.length) throw new Error(result.errors[0].message);
+      if (!((_e = result.data) == null ? void 0 : _e.store)) {
         throw new Error("Missing store from store query response.");
       }
-      return response.data.store;
+      return result.data.store;
     } catch (error) {
       console.error(error);
       throw new Error(`Could not find a store for ${this._storeDomain}`);
@@ -2239,6 +2327,14 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
   /** Fetch current cart from the Shopify ajax API */
   async _fetchCart() {
     try {
+      if (this.useCustomStoreFront && this.cartId) {
+        const result = await this.runStoreFrontQuery(
+          "query getCart($cartId: ID!){ cart( id: $cartId ) { id createdAt updatedAt 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 }
+        );
+        const cart2 = formatCartDataItems(result.cart);
+        return cart2;
+      }
       const cart = await this._fetch.get("/cart.js");
       return cart;
     } catch (err) {
@@ -2249,10 +2345,32 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
   }
   /** Fetch current product from the Shopify ajax API */
   async _fetchProduct() {
+    var _a, _b;
     try {
-      const { product } = await this._fetch.get(
-        `/products/${PRODUCT_HANDLE}.json`
-      );
+      let product;
+      if (this.useCustomStoreFront) {
+        const result = await this.runStoreFrontQuery(
+          "query searchProducts($query: String!, $first: Int) { search(query: $query, first: $first, types: PRODUCT) { edges { node { ... on Product { id title handle variants(first: 1) { edges { node { id title price { amount } } } } } } } } }",
+          {
+            query: "ShipAid Delivery Guarantee",
+            first: 1
+          }
+        );
+        if ((_b = (_a = result == null ? void 0 : result.search) == null ? void 0 : _a.edges) == null ? void 0 : _b.length) {
+          const protectionProductItem = result.search.edges[0];
+          product = {
+            id: protectionProductItem.node.id,
+            variants: protectionProductItem.node.variants.edges.map((v2) => ({
+              id: v2.node.id,
+              price: v2.node.price.amount
+            }))
+          };
+        }
+      } else {
+        product = (await this._fetch.get(
+          `/products/${PRODUCT_HANDLE}.json`
+        )).product;
+      }
       return product;
     } catch (err) {
       const error = err;
@@ -2270,6 +2388,77 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
     if (!cart) cart = await this._fetchCart();
     this._cart = cart;
   }
+  async addCartProtectionVariant() {
+    var _a, _b, _c, _d;
+    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),
+            quantity: 1,
+            sellingPlanId
+          }]
+        }
+      );
+      cart = formatCartDataItems(cartItemAdded.cartLinesAdd.cart);
+    } else {
+      const payload = {
+        quantity: 1,
+        id: String((_d = this._protectionVariant) == null ? void 0 : _d.id),
+        selling_plan: sellingPlanId
+      };
+      cart = await this._fetch.post(
+        "/cart/add.js",
+        payload
+      );
+    }
+    return cart;
+  }
+  async updateCartProtectionVariant(qty, protectionCartItem = null, sellingPlanId = null) {
+    var _a, _b;
+    let cart;
+    if (this.useCustomStoreFront) {
+      const cartItemUpdated = await this.runStoreFrontQuery(
+        "mutation RemoveItemToCart($cartId: ID!, $lines: [CartLineUpdateInput!]!) { cartLinesUpdate(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: [
+            {
+              id: String(protectionCartItem ? protectionCartItem.key : (_a = this._protectionCartItem) == null ? void 0 : _a.key),
+              quantity: qty,
+              sellingPlanId
+            }
+          ]
+        }
+      );
+      cart = formatCartDataItems(cartItemUpdated.cartLinesUpdate.cart);
+    } else {
+      const payload = {
+        quantity: qty,
+        id: String(protectionCartItem ? protectionCartItem.key : (_b = this._protectionCartItem) == null ? void 0 : _b.key),
+        selling_plan: sellingPlanId
+      };
+      cart = await this._fetch.post(
+        "/cart/change.js",
+        payload
+      );
+    }
+    return cart;
+  }
   /** Add ShipAid shipping protection. */
   async addProtection() {
     var _a, _b;
@@ -2280,26 +2469,8 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
         throw new Error("No protection variant found.");
       }
       this._setState("loading");
-      const payload = {
-        quantity: 1,
-        id: this._protectionVariant.id
-      };
-      if (this.supportSubscriptions) {
-        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);
-        });
-        if (itemWithSubscription) {
-          const protectionSellingPlan = await this._fetchSellingPlanFromVariant(itemWithSubscription.selling_plan_allocation.selling_plan);
-          const sellingPlanId = protectionSellingPlan ? getIdFromShopifyGid(protectionSellingPlan.id) : null;
-          payload.selling_plan = sellingPlanId;
-        }
-      }
-      const cartItem = await this._fetch.post(
-        "/cart/add.js",
-        payload
-      );
-      await this._handleRefresh(cartItem);
+      const cart = await this.addCartProtectionVariant();
+      await this._handleRefresh(cart);
       this._setState("success");
     } catch (err) {
       const error = err;
@@ -2317,14 +2488,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
         throw new Error("Protection product not found.");
       }
       this._setState("loading");
-      const payload = {
-        quantity: 0,
-        id: this._protectionCartItem.key
-      };
-      const cart = await this._fetch.post(
-        "/cart/change.js",
-        payload
-      );
+      const cart = await this.updateCartProtectionVariant(0, this._protectionCartItem);
       await this._handleRefresh(cart);
       this._cart = cart;
       this._setState("success");
@@ -2382,14 +2546,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
         );
       });
       const protectionCartItem = (_e = this._cart) == null ? void 0 : _e.items[protectionCartItemIndex];
-      const removePayload = {
-        id: protectionCartItem.key,
-        quantity: 0
-      };
-      const cart = await this._fetch.post(
-        "/cart/change.js",
-        removePayload
-      );
+      const cart = await this.updateCartProtectionVariant(0, protectionCartItem);
       return await this._handleRefresh(cart);
     }
   }
@@ -2579,14 +2736,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
     if (!this._store) return;
     const protectionFee = await this.calculateProtectionTotal(this._cart);
     if (this._cart.item_count > 0 && !!protectionCartItem && (this._cart.total_price === (protectionCartItem == null ? void 0 : protectionCartItem.final_line_price) || !protectionFee)) {
-      const removePayload = {
-        id: protectionCartItem.key,
-        quantity: 0
-      };
-      const cart2 = await this._fetch.post(
-        "/cart/change.js",
-        removePayload
-      );
+      const cart2 = await this.updateCartProtectionVariant(0, protectionCartItem);
       sessionStorage.removeItem(LOCAL_STORAGE_KEY);
       return await this._handleRefresh(cart2);
     }
@@ -2624,7 +2774,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
         updateSubscriptionPayload = { id: protectionCartItem.key, quantity: 1, selling_plan: sellingPlanId };
       }
       if (updateSubscriptionPayload) {
-        const cart2 = await this._fetch.post("/cart/change.js", updateSubscriptionPayload);
+        const cart2 = await this.updateCartProtectionVariant(updateSubscriptionPayload.quantity, protectionCartItem, updateSubscriptionPayload.selling_plan);
         await this._handleRefresh(cart2);
       }
     }
@@ -2635,14 +2785,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
         position: protectionCartItemIndex + 1
       };
       if (protectionCartItem.quantity === 1) return;
-      const updatePayload2 = {
-        id: protectionCartItem.key,
-        quantity: 1
-      };
-      const cart2 = await this._fetch.post(
-        "/cart/change.js",
-        updatePayload2
-      );
+      const cart2 = await this.updateCartProtectionVariant(1, protectionCartItem);
       this._handleRefreshCart();
       return await this._handleRefresh(cart2);
     }
@@ -3043,6 +3186,21 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
 };
 _ShipAidWidget.styles = styles;
 let ShipAidWidget = _ShipAidWidget;
+__decorateClass([
+  n$7({ type: String, attribute: true })
+], ShipAidWidget.prototype, "env");
+__decorateClass([
+  n$7({ type: Boolean, attribute: true })
+], ShipAidWidget.prototype, "useCustomStoreFront");
+__decorateClass([
+  n$7({ type: String, attribute: true })
+], ShipAidWidget.prototype, "storeDomain");
+__decorateClass([
+  n$7({ type: String, attribute: true })
+], ShipAidWidget.prototype, "storeAccessToken");
+__decorateClass([
+  n$7({ type: String, attribute: true })
+], ShipAidWidget.prototype, "cartId");
 __decorateClass([
   n$7({ type: Boolean, attribute: true })
 ], ShipAidWidget.prototype, "disablePolling");