ui.shipaid.com 0.3.46 → 0.3.48

package/dist/nl-CI8lUOMC.js

@@ -0,0 +1,41 @@
+const loading = "Laad ShipAid Widget...";
+const title = "Bezorggarantie";
+const description = "in geval van verlies, schade of diefstal";
+const footer = {
+  button: "Aangedreven door"
+};
+const actions = {
+  add: "Toevoegen",
+  remove: "Verwijderen",
+  loading: "Bezig met laden..."
+};
+const nl = {
+  loading,
+  title,
+  description,
+  footer,
+  actions,
+  "learn-more-popup": {
+    close: "Sluiten",
+    title: "Bezorggarantie",
+    disclaimer: {
+      "subtitle-enable": "We stellen je favoriete merken in staat om een bezorggarantie te bieden omdat we weten dat elke bestelling belangrijk is en dingen kunnen gebeuren!",
+      "subtitle-monitor": "We monitoren je pakket continu en bieden een handig portaal om de voortgang van je bestelling op elk moment te volgen!",
+      "subtitle-notify": "Je wordt gedurende het gehele verzendproces op de hoogte gehouden, zodat je altijd op de hoogte bent van elke stap.",
+      "subtitle-resolution": "In geval van problemen tijdens het transport bieden we een snelle en gemakkelijke manier om het probleem direct bij het merk te melden, voor een snelle oplossing.",
+      text: "Door deze bezorggarantie aan te schaffen, ga je akkoord met onze Servicevoorwaarden en Privacybeleid. Je bent niet verplicht om deze garantie aan te schaffen. Deze garantie is GEEN verzekering en biedt geen schadevergoeding voor verlies, schade of aansprakelijkheid als gevolg van een onvoorziene of onbekende gebeurtenis, maar biedt via ShipAid een bezorggarantie waarbij, als het product dat je hebt besteld niet in bevredigende staat wordt geleverd, het merk van wie je het product hebt besteld, het product gratis kan vervangen. ShipAid levert geen producten of diensten direct aan consumenten, maar biedt een dienst die merken in staat stelt om productvervanging aan hun klanten te faciliteren. Het kopen van deze garantie betekent niet automatisch dat je wordt vergoed voor product- of verzendkosten, aangezien het oplossingproces en de beslissing voor compensatie strikt wordt bepaald door het merk van wie je koopt. Het merk zal bewijs van schade of niet-geleverde producten vereisen."
+    },
+    links: {
+      terms: "Servicevoorwaarden",
+      privacy: "Privacybeleid"
+    }
+  }
+};
+export {
+  actions,
+  nl as default,
+  description,
+  footer,
+  loading,
+  title
+};

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);
@@ -2004,6 +2021,7 @@ const langFiles = /* @__PURE__ */ Object.assign({
   "./lang/es.json": () => import("./es-gSoKNDaV.js").then((m2) => m2["default"]),
   "./lang/fr.json": () => import("./fr-B4wOlIrE.js").then((m2) => m2["default"]),
   "./lang/it.json": () => import("./it-1qLegqAS.js").then((m2) => m2["default"]),
+  "./lang/nl.json": () => import("./nl-CI8lUOMC.js").then((m2) => m2["default"]),
   "./lang/pt.json": () => import("./pt-CeUvCcpv.js").then((m2) => m2["default"])
 });
 registerTranslateConfig({
@@ -2017,6 +2035,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 +2059,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 +2087,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 +2249,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 +2328,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 +2346,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 +2389,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 +2470,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 +2489,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 +2547,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 +2737,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 +2775,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 +2786,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 +3187,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");