@instockng/storefront-ui 1.0.24 → 1.0.26

package/dist/index3.mjs

@@ -1,19 +1,19 @@
 'use client';
-import { jsxs as ct, jsx as st } from "react/jsx-runtime";
-import { createContext as at, useState as _, useRef as g, useCallback as c, useEffect as d, useContext as ut } from "react";
+import { jsxs as nt, jsx as ct } from "react/jsx-runtime";
+import { createContext as st, useState as k, useRef as S, useCallback as o, useEffect as d, useContext as at } from "react";
 import "./index20.mjs";
-import { useGetCart as it, useCreateCart as ft, useAddCartItem as mt, useUpdateCartItem as dt, useRemoveCartItem as lt, useApplyDiscount as pt, useRemoveDiscount as Ct, useUpdateCart as wt, useCheckoutCart as It } from "./index32.mjs";
+import { useGetCart as ut, useCreateCart as it, useAddCartItem as ft, useUpdateCartItem as dt, useRemoveCartItem as mt, useApplyDiscount as lt, useRemoveDiscount as pt, useUpdateCart as Ct, useCheckoutCart as wt } from "./index32.mjs";
 import "@tanstack/react-query";
-import { ShoppingCart as ht } from "./index10.mjs";
-import { useMetaPixel as vt } from "./index4.mjs";
-const l = "oms_cart_id", U = at(null);
-function bt({ children: p, brandSlug: i, initialCartId: C, shoppingCartProps: L }) {
-  const [t, f] = _(C || null), [A, S] = _(!1), [j, G] = _(!1), b = g(!1), M = g(!1), h = g(!1), { trackAddToCart: v, trackInitiateCheckout: E, trackPurchase: O } = vt(), N = c(() => {
+import { ShoppingCart as It } from "./index10.mjs";
+import { useMetaPixel as ht } from "./index4.mjs";
+const m = "oms_cart_id", U = st(null);
+function Mt({ children: l, brandSlug: u, initialCartId: p, shoppingCartProps: L }) {
+  const [t, i] = k(p || null), [A, M] = k(!1), [j, O] = k(!1), _ = S(!1), E = S(!1), I = S(!1), { trackAddToCart: h, trackInitiateCheckout: b } = ht(), x = o(() => {
     if (typeof document > "u") return { fbc: void 0, fbp: void 0 };
     const e = (r) => {
-      var o;
-      const n = `; ${document.cookie}`.split(`; ${r}=`);
-      if (n.length === 2) return (o = n.pop()) == null ? void 0 : o.split(";").shift();
+      var n;
+      const s = `; ${document.cookie}`.split(`; ${r}=`);
+      if (s.length === 2) return (n = s.pop()) == null ? void 0 : n.split(";").shift();
     };
     return {
       fbc: e("_fbc"),
@@ -21,29 +21,29 @@ function bt({ children: p, brandSlug: i, initialCartId: C, shoppingCartProps: L
     };
   }, []);
   d(() => {
-    G(!0);
+    O(!0);
   }, []), d(() => {
-    if (C || b.current) return;
-    b.current = !0;
+    if (p || _.current) return;
+    _.current = !0;
     const r = new URLSearchParams(window.location.search).get("cartId");
     if (r) {
-      f(r);
+      i(r);
       return;
     }
-    const s = localStorage.getItem(l);
-    s && f(s);
-  }, [C]);
-  const { data: m, isLoading: q, error: w, refetch: a } = it(t || "", {
+    const c = localStorage.getItem(m);
+    c && i(c);
+  }, [p]);
+  const { data: f, isLoading: G, error: C, refetch: a } = ut(t || "", {
     enabled: !!t,
     retry: !1
     // Don't retry on failure - cart might be invalid/expired
-  }), y = ft({
+  }), v = it({
     onSuccess: (e) => {
       if ("error" in e) {
         console.error("Failed to create cart:", e.error);
         return;
       }
-      f(e.id);
+      i(e.id);
     },
     onError: (e) => {
       console.error("Failed to create cart:", e);
@@ -51,151 +51,134 @@ function bt({ children: p, brandSlug: i, initialCartId: C, shoppingCartProps: L
     retry: 10
   });
   d(() => {
-    if (M.current) return;
-    M.current = !0;
+    if (E.current) return;
+    E.current = !0;
     const e = setTimeout(() => {
-      !(typeof window < "u" ? localStorage.getItem(l) : null) && !C && y.mutate(i);
+      !(typeof window < "u" ? localStorage.getItem(m) : null) && !p && v.mutate(u);
     }, 150);
     return () => clearTimeout(e);
   }, []), d(() => {
-    w && t && !h.current && (h.current = !0, console.warn("Cart fetch failed, creating new cart:", w), f(null), typeof window < "u" && localStorage.removeItem(l), setTimeout(() => {
-      y.mutate(i), h.current = !1;
+    C && t && !I.current && (I.current = !0, console.warn("Cart fetch failed, creating new cart:", C), i(null), typeof window < "u" && localStorage.removeItem(m), setTimeout(() => {
+      v.mutate(u), I.current = !1;
     }, 100));
-  }, [w, t, i]);
-  const H = mt(t || "", {
+  }, [C, t, u]);
+  const H = ft(t || "", {
     onSuccess: () => a()
   }), K = dt(t || "", {
     onSuccess: () => a()
-  }), Y = lt(t || "", {
+  }), Y = mt(t || "", {
     onSuccess: () => a()
-  }), z = pt(t || "", {
+  }), z = lt(t || "", {
     onSuccess: () => a()
-  }), B = Ct(t || "", {
+  }), B = pt(t || "", {
     onSuccess: () => a()
-  }), J = wt(t || "", {
+  }), J = Ct(t || "", {
     onSuccess: () => a(),
     retry: 3
-  }), Q = It(t || "", {
-    onSuccess: (e) => {
-      var n;
-      if ("error" in e) return;
-      const r = ((n = e.items) == null ? void 0 : n.map((o) => {
-        var u;
-        return {
-          id: ((u = o.variant) == null ? void 0 : u.sku) || "",
-          quantity: o.quantity,
-          item_price: Number(o.priceAtPurchase)
-        };
-      })) || [], s = `order_${e.id}`;
-      O(
-        Number(e.totalPrice),
-        "NGN",
-        e.id,
-        r,
-        s
-      );
+  }), Q = wt(t || "", {
+    onSuccess: () => {
     }
   });
   d(() => {
-    t && typeof window < "u" && localStorage.setItem(l, t);
+    t && typeof window < "u" && localStorage.setItem(m, t);
   }, [t]);
-  const V = c(
-    async (e, r, s, n, o) => {
-      var $;
+  const V = o(
+    async (e, r, c, s, n) => {
+      var F;
       if (!t) throw new Error("No cart ID");
-      const { fbc: u, fbp: D } = N(), R = await H.mutateAsync({ sku: n, quantity: o, fbc: u, fbp: D });
-      if ("error" in R) return;
-      const I = ($ = R.items) == null ? void 0 : $.filter(
-        (k) => {
-          var F;
-          return ((F = k.variant) == null ? void 0 : F.sku) === n;
+      const { fbc: y, fbp: D } = x(), N = await H.mutateAsync({ sku: s, quantity: n, fbc: y, fbp: D });
+      if ("error" in N) return;
+      const w = (F = N.items) == null ? void 0 : F.filter(
+        (g) => {
+          var $;
+          return (($ = g.variant) == null ? void 0 : $.sku) === s;
         }
-      ), T = I == null ? void 0 : I[I.length - 1];
+      ), T = w == null ? void 0 : w[w.length - 1];
       if (T) {
-        const k = `cart_${t}_item_${T.id}`;
-        v(e, r, s, o, k);
+        const g = `cart_${t}_item_${T.id}`;
+        h(e, r, c, n, g);
       } else
-        v(e, r, s, o);
+        h(e, r, c, n);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [t, v, N]
-  ), W = c(
+    [t, h, x]
+  ), W = o(
     async (e, r) => {
       if (!t) throw new Error("No cart ID");
       await K.mutateAsync({ itemId: e, quantity: r });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), X = c(
+  ), X = o(
     async (e) => {
       if (!t) throw new Error("No cart ID");
       await Y.mutateAsync(e);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), Z = c(
+  ), Z = o(
     async (e) => {
       if (!t) throw new Error("No cart ID");
       await z.mutateAsync({ code: e });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), tt = c(async () => {
+  ), q = o(async () => {
     if (!t) throw new Error("No cart ID");
     await B.mutateAsync();
-  }, [t]), P = c(() => {
-    f(null), typeof window < "u" && localStorage.removeItem(l);
-  }, []), et = c(() => {
-    P(), y.mutate(i);
-  }, [i]), rt = c(() => {
-    S(!0);
-  }, []), x = c(() => {
-    S(!1);
-  }, []), ot = c(() => {
-    var n, o;
-    if (!m || !t) return;
-    const e = Number(((n = m.pricing) == null ? void 0 : n.total) || 0), r = ((o = m.items) == null ? void 0 : o.reduce((u, D) => u + D.quantity, 0)) || 0, s = `cart_${t}_checkout`;
-    E(e, r, s);
-  }, [m, t, E]), nt = {
-    cart: m || null,
+  }, [t]), R = o(() => {
+    i(null), typeof window < "u" && localStorage.removeItem(m);
+  }, []), tt = o(() => {
+    R(), v.mutate(u);
+  }, [u]), et = o(() => {
+    M(!0);
+  }, []), P = o(() => {
+    M(!1);
+  }, []), rt = o(() => {
+    var s, n;
+    if (!f || !t) return;
+    const e = Number(((s = f.pricing) == null ? void 0 : s.total) || 0), r = ((n = f.items) == null ? void 0 : n.reduce((y, D) => y + D.quantity, 0)) || 0, c = `cart_${t}_checkout`;
+    b(e, r, c);
+  }, [f, t, b]), ot = {
+    cart: f || null,
     cartId: t,
-    isLoading: q,
-    error: w,
+    isLoading: G,
+    error: C,
     updateCartMutation: J,
     checkoutMutation: Q,
     addItem: V,
     updateItem: W,
     removeItem: X,
     applyDiscount: Z,
-    removeDiscount: tt,
-    trackCheckoutInitiated: ot,
-    clearCart: P,
-    clearAndCreateNewCart: et,
+    removeDiscount: q,
+    trackCheckoutInitiated: rt,
+    clearCart: R,
+    clearAndCreateNewCart: tt,
     refetch: a,
     isOpen: A,
-    open: rt,
-    close: x
+    open: et,
+    close: P
   };
-  return /* @__PURE__ */ ct(U.Provider, { value: nt, children: [
-    p,
-    j && /* @__PURE__ */ st(
-      ht,
+  return /* @__PURE__ */ nt(U.Provider, { value: ot, children: [
+    l,
+    j && /* @__PURE__ */ ct(
+      It,
       {
         isOpen: A,
-        onClose: x,
+        onClose: P,
         ...L
       }
     )
   ] });
 }
-function Mt() {
-  const p = ut(U);
-  if (!p)
+function _t() {
+  const l = at(U);
+  if (!l)
     throw new Error("useCart must be used within CartProvider");
-  return p;
+  return l;
 }
 export {
   U as CartContext,
-  bt as CartProvider,
-  Mt as useCart
+  Mt as CartProvider,
+  _t as useCart
 };

package/dist/index32.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as s, useMutation as i } from "@tanstack/react-query";
-import { useQueryUnwrapped as a } from "./index67.mjs";
+import { useQueryUnwrapped as a } from "./index62.mjs";
 import { queryKeys as r } from "./index29.mjs";
 import { updateCart as c, createCart as l, applyDiscount as y, removeDiscount as m, addCartItem as p, updateCartItem as C, removeCartItem as q, checkoutCart as f, fetchCart as d } from "./index25.mjs";
 function Q(e, t) {

package/dist/index33.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useMutation as t } from "@tanstack/react-query";
-import { useQueryUnwrapped as u } from "./index67.mjs";
+import { useQueryUnwrapped as u } from "./index62.mjs";
 import { queryKeys as n } from "./index29.mjs";
 import { confirmOrder as i, fetchOrder as m } from "./index26.mjs";
 function y(e, r, o) {

package/dist/index34.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { useQueryUnwrapped as u } from "./index67.mjs";
+import { useQueryUnwrapped as u } from "./index62.mjs";
 import { queryKeys as t } from "./index29.mjs";
 import { fetchProductsByBrand as o, fetchProductBySlug as c } from "./index24.mjs";
 function n(r, e) {

package/dist/index35.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { useQueryUnwrapped as o } from "./index67.mjs";
+import { useQueryUnwrapped as o } from "./index62.mjs";
 import { queryKeys as i } from "./index29.mjs";
 import { fetchDeliveryZones as t } from "./index27.mjs";
 function p(e, r) {

package/dist/index36.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { useQueryUnwrapped as t } from "./index67.mjs";
+import { useQueryUnwrapped as t } from "./index62.mjs";
 import { queryKeys as u } from "./index29.mjs";
 import { fetchBrandBySlug as n } from "./index28.mjs";
 function i(r, e) {

package/dist/index37.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { getDefaultExportFromCjs as x } from "./index60.mjs";
-import { __module as q } from "./index61.mjs";
+import { __module as q } from "./index64.mjs";
 function S(b, p) {
   for (var s = 0; s < p.length; s++) {
     const c = p[s];

package/dist/index38.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { getDefaultExportFromCjs as n } from "./index60.mjs";
-import { __require as i } from "./index62.mjs";
+import { __require as i } from "./index61.mjs";
 function s(t, a) {
   for (var o = 0; o < a.length; o++) {
     const e = a[o];

package/dist/index39.mjs

@@ -1,7 +1,7 @@
 'use client';
-import { p as S } from "./index64.mjs";
-import { t as U } from "./index65.mjs";
-import he from "./index66.mjs";
+import { p as S } from "./index65.mjs";
+import { t as U } from "./index66.mjs";
+import he from "./index67.mjs";
 const fe = Object.prototype.toString, de = Error.prototype.toString, pe = RegExp.prototype.toString, me = typeof Symbol < "u" ? Symbol.prototype.toString : () => "", ye = /^Symbol\((.*)\)(.*)$/;
 function ge(n) {
   return n != +n ? "NaN" : n === 0 && 1 / n < 0 ? "-0" : "" + n;

package/dist/index47.mjs

@@ -1,21 +1,21 @@
 'use client';
-import a from "./index76.mjs";
-import p from "./index77.mjs";
-import m from "./index78.mjs";
-import i from "./index79.mjs";
-import f from "./index80.mjs";
-import l from "./index81.mjs";
-import c from "./index82.mjs";
-import d from "./index83.mjs";
-import u from "./index84.mjs";
-import { VERSION as x } from "./index85.mjs";
-import C from "./index86.mjs";
-import A from "./index87.mjs";
-import E from "./index88.mjs";
-import O from "./index89.mjs";
-import S from "./index90.mjs";
-import H from "./index91.mjs";
-import T from "./index92.mjs";
+import a from "./index77.mjs";
+import p from "./index78.mjs";
+import m from "./index79.mjs";
+import i from "./index80.mjs";
+import f from "./index81.mjs";
+import l from "./index82.mjs";
+import c from "./index83.mjs";
+import d from "./index84.mjs";
+import u from "./index85.mjs";
+import { VERSION as x } from "./index86.mjs";
+import C from "./index87.mjs";
+import A from "./index88.mjs";
+import E from "./index89.mjs";
+import O from "./index90.mjs";
+import S from "./index91.mjs";
+import H from "./index92.mjs";
+import T from "./index93.mjs";
 function n(o) {
   const t = new m(o), e = p(m.prototype.request, t);
   return a.extend(e, m.prototype, t, { allOwnKeys: !0 }), a.extend(e, t, null, { allOwnKeys: !0 }), e.create = function(s) {

package/dist/index48.mjs

@@ -2,8 +2,8 @@
 var p = Object.defineProperty;
 var k = (r, e, i) => e in r ? p(r, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[e] = i;
 var h = (r, e, i) => k(r, typeof e != "symbol" ? e + "" : e, i);
-import { serialize as j } from "./index93.mjs";
-import { mergePath as U, replaceUrlParam as P, buildSearchParams as S, removeIndexString as w, replaceUrlProtocol as x, deepMerge as C } from "./index94.mjs";
+import { serialize as j } from "./index75.mjs";
+import { mergePath as U, replaceUrlParam as P, buildSearchParams as S, removeIndexString as w, replaceUrlProtocol as x, deepMerge as C } from "./index76.mjs";
 var v = (r, e) => new Proxy(() => {
 }, {
   get(t, s) {

package/dist/index49.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as m, useMutation as w } from "@tanstack/react-query";
-import { useQueryUnwrapped as p } from "./index67.mjs";
+import { useQueryUnwrapped as p } from "./index62.mjs";
 import { createAdminRpcClients as d, authHeaders as l } from "./index23.mjs";
 import { queryKeys as u } from "./index29.mjs";
 import { useApiConfig as y } from "./index21.mjs";

package/dist/index50.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as m, useMutation as w } from "@tanstack/react-query";
-import { useQueryUnwrapped as b } from "./index67.mjs";
+import { useQueryUnwrapped as b } from "./index62.mjs";
 import { createAdminRpcClients as c, authHeaders as d } from "./index23.mjs";
 import { queryKeys as u } from "./index29.mjs";
 import { useApiConfig as l } from "./index21.mjs";

package/dist/index51.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as y, useMutation as m } from "@tanstack/react-query";
-import { useQueryUnwrapped as w } from "./index67.mjs";
+import { useQueryUnwrapped as w } from "./index62.mjs";
 import { createAdminRpcClients as c, authHeaders as d } from "./index23.mjs";
 import { queryKeys as a } from "./index29.mjs";
 import { useApiConfig as l } from "./index21.mjs";

package/dist/index52.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as v, useMutation as m } from "@tanstack/react-query";
-import { useQueryUnwrapped as w } from "./index67.mjs";
+import { useQueryUnwrapped as w } from "./index62.mjs";
 import { createAdminRpcClients as c, authHeaders as d } from "./index23.mjs";
 import { queryKeys as o } from "./index29.mjs";
 import { useApiConfig as l } from "./index21.mjs";

package/dist/index53.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as y, useMutation as d } from "@tanstack/react-query";
-import { useQueryUnwrapped as m } from "./index67.mjs";
+import { useQueryUnwrapped as m } from "./index62.mjs";
 import { createAdminRpcClients as c, authHeaders as l } from "./index23.mjs";
 import { queryKeys as u } from "./index29.mjs";
 import { useApiConfig as w } from "./index21.mjs";

package/dist/index54.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as w, useMutation as v } from "@tanstack/react-query";
-import { useQueryUnwrapped as d } from "./index67.mjs";
+import { useQueryUnwrapped as d } from "./index62.mjs";
 import { createAdminRpcClients as c, authHeaders as y } from "./index23.mjs";
 import { queryKeys as i } from "./index29.mjs";
 import { useApiConfig as l } from "./index21.mjs";

package/dist/index55.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { useQueryUnwrapped as n } from "./index67.mjs";
+import { useQueryUnwrapped as n } from "./index62.mjs";
 import { createAdminRpcClients as u, authHeaders as a } from "./index23.mjs";
 import { queryKeys as c } from "./index29.mjs";
 import { useApiConfig as m } from "./index21.mjs";

package/dist/index56.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { useQueryUnwrapped as i } from "./index67.mjs";
+import { useQueryUnwrapped as i } from "./index62.mjs";
 import { createAdminRpcClients as u, authHeaders as c } from "./index23.mjs";
 import { queryKeys as a } from "./index29.mjs";
 import { useApiConfig as d } from "./index21.mjs";

package/dist/index57.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as y, useMutation as b } from "@tanstack/react-query";
-import { useQueryUnwrapped as l } from "./index67.mjs";
+import { useQueryUnwrapped as l } from "./index62.mjs";
 import { createAdminRpcClients as r, authHeaders as i } from "./index23.mjs";
 import { queryKeys as u } from "./index29.mjs";
 import { useApiConfig as d } from "./index21.mjs";

package/dist/index58.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as y, useMutation as w } from "@tanstack/react-query";
-import { useQueryUnwrapped as C } from "./index67.mjs";
+import { useQueryUnwrapped as C } from "./index62.mjs";
 import { createAdminRpcClients as a, authHeaders as d } from "./index23.mjs";
 import { queryKeys as r } from "./index29.mjs";
 import { useApiConfig as l } from "./index21.mjs";

package/dist/index59.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as v, useMutation as w } from "@tanstack/react-query";
-import { useQueryUnwrapped as m } from "./index67.mjs";
+import { useQueryUnwrapped as m } from "./index62.mjs";
 import { createAdminRpcClients as l, authHeaders as c } from "./index23.mjs";
 import { queryKeys as a } from "./index29.mjs";
 import { useApiConfig as d } from "./index21.mjs";