@instockng/storefront-ui 1.0.11 → 1.0.13

package/dist/index3.mjs

@@ -1,145 +1,150 @@
 'use client';
-import { jsxs as H, jsx as K } from "react/jsx-runtime";
-import { createContext as Y, useState as d, useRef as h, useEffect as c, useCallback as r, useContext as q } from "react";
+import { jsxs as z, jsx as B } from "react/jsx-runtime";
+import { createContext as J, useState as w, useRef as C, useEffect as c, useCallback as r, useContext as Q } from "react";
 import "./index18.mjs";
-import { useGetCart as B, useCreateCart as J, useAddCartItem as Q, useUpdateCartItem as V, useRemoveCartItem as W, useApplyDiscount as X, useRemoveDiscount as Z, useUpdateCart as $, useCheckoutCart as tt } from "./index29.mjs";
+import { useGetCart as V, useCreateCart as W, useAddCartItem as X, useUpdateCartItem as Z, useRemoveCartItem as $, useApplyDiscount as b, useRemoveDiscount as tt, useUpdateCart as et, useCheckoutCart as rt } from "./index29.mjs";
 import "@tanstack/react-query";
-import { ShoppingCart as et } from "./index8.mjs";
-const m = "oms_cart_id", y = Y(null);
-function ut({ children: a, brandSlug: v, initialCartId: u, shoppingCartProps: S }) {
-  const [t, s] = d(u || null), [w, p] = d(!1), [D, g] = d(!1), i = h(!1), f = h(!1);
+import { ShoppingCart as ot } from "./index8.mjs";
+const u = "oms_cart_id", A = J(null);
+function mt({ children: i, brandSlug: s, initialCartId: m, shoppingCartProps: E }) {
+  const [t, a] = w(m || null), [p, I] = w(!1), [M, g] = w(!1), y = C(!1), h = C(!1), l = C(!1);
   c(() => {
     g(!0);
   }, []), c(() => {
-    if (u || i.current) return;
+    if (m || y.current) return;
+    y.current = !0;
     const n = new URLSearchParams(window.location.search).get("cartId");
     if (n) {
-      s(n);
+      a(n);
       return;
     }
-    const C = localStorage.getItem(m);
-    C && s(C);
-  }, [u]);
-  const { data: E, isLoading: M, error: l, refetch: o } = B(t || "", {
+    const S = localStorage.getItem(u);
+    S && a(S);
+  }, [m]);
+  const { data: R, isLoading: x, error: f, refetch: o } = V(t || "", {
     enabled: !!t,
     retry: !1
     // Don't retry on failure - cart might be invalid/expired
-  }), A = J({
+  }), d = W({
     onSuccess: (e) => {
       if ("error" in e) {
         console.error("Failed to create cart:", e.error);
         return;
       }
-      s(e.id);
+      a(e.id);
     },
     onError: (e) => {
       console.error("Failed to create cart:", e);
-    }
+    },
+    retry: 10
   });
   c(() => {
-    if (!i.current && !t && !u) {
-      i.current = !0;
-      const e = setTimeout(() => {
-        i.current && A.mutate(v);
-      }, 0);
-      return () => clearTimeout(e);
-    }
+    if (h.current) return;
+    h.current = !0;
+    const e = setTimeout(() => {
+      !(typeof window < "u" ? localStorage.getItem(u) : null) && !m && d.mutate(s);
+    }, 150);
+    return () => clearTimeout(e);
   }, []), c(() => {
-    l && t && !f.current && (f.current = !0, console.warn("Cart fetch failed, clearing invalid cart:", l), Promise.resolve().then(() => {
-      s(null), typeof window < "u" && localStorage.removeItem(m), f.current = !1;
-    }));
-  }, [l, t]);
-  const x = Q(t || "", {
+    f && t && !l.current && (l.current = !0, console.warn("Cart fetch failed, creating new cart:", f), a(null), typeof window < "u" && localStorage.removeItem(u), setTimeout(() => {
+      d.mutate(s), l.current = !1;
+    }, 100));
+  }, [f, t, s]);
+  const N = X(t || "", {
     onSuccess: () => o()
-  }), P = V(t || "", {
+  }), P = Z(t || "", {
     onSuccess: () => o()
-  }), R = W(t || "", {
+  }), F = $(t || "", {
     onSuccess: () => o()
-  }), N = X(t || "", {
+  }), T = b(t || "", {
     onSuccess: () => o()
-  }), U = Z(t || "", {
+  }), U = tt(t || "", {
     onSuccess: () => o()
-  }), _ = $(t || "", {
-    onSuccess: () => o()
-  }), b = tt(t || "");
+  }), _ = et(t || "", {
+    onSuccess: () => o(),
+    retry: 3
+  }), k = rt(t || "");
   c(() => {
-    t && typeof window < "u" && localStorage.setItem(m, t);
+    t && typeof window < "u" && localStorage.setItem(u, t);
   }, [t]);
-  const k = r(
+  const L = r(
     async (e, n) => {
       if (!t) throw new Error("No cart ID");
-      await x.mutateAsync({ sku: e, quantity: n });
+      await N.mutateAsync({ sku: e, quantity: n });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), F = r(
+  ), j = r(
     async (e, n) => {
       if (!t) throw new Error("No cart ID");
       await P.mutateAsync({ itemId: e, quantity: n });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), T = r(
+  ), O = r(
     async (e) => {
       if (!t) throw new Error("No cart ID");
-      await R.mutateAsync(e);
+      await F.mutateAsync(e);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), j = r(
+  ), G = r(
     async (e) => {
       if (!t) throw new Error("No cart ID");
-      await N.mutateAsync({ code: e });
+      await T.mutateAsync({ code: e });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), L = r(async () => {
+  ), H = r(async () => {
     if (!t) throw new Error("No cart ID");
     await U.mutateAsync();
-  }, [t]), O = r(() => {
-    s(null), typeof window < "u" && localStorage.removeItem(m);
-  }, []), z = r(() => {
-    p(!0);
-  }, []), I = r(() => {
-    p(!1);
-  }, []), G = {
-    cart: E || null,
+  }, [t]), v = r(() => {
+    a(null), typeof window < "u" && localStorage.removeItem(u);
+  }, []), K = r(() => {
+    v(), d.mutate(s);
+  }, [s]), Y = r(() => {
+    I(!0);
+  }, []), D = r(() => {
+    I(!1);
+  }, []), q = {
+    cart: R || null,
     cartId: t,
-    isLoading: M,
-    error: l,
+    isLoading: x,
+    error: f,
     updateCartMutation: _,
-    checkoutMutation: b,
-    addItem: k,
-    updateItem: F,
-    removeItem: T,
-    applyDiscount: j,
-    removeDiscount: L,
-    clearCart: O,
+    checkoutMutation: k,
+    addItem: L,
+    updateItem: j,
+    removeItem: O,
+    applyDiscount: G,
+    removeDiscount: H,
+    clearCart: v,
+    clearAndCreateNewCart: K,
     refetch: o,
-    isOpen: w,
-    open: z,
-    close: I
+    isOpen: p,
+    open: Y,
+    close: D
   };
-  return /* @__PURE__ */ H(y.Provider, { value: G, children: [
-    a,
-    D && /* @__PURE__ */ K(
-      et,
+  return /* @__PURE__ */ z(A.Provider, { value: q, children: [
+    i,
+    M && /* @__PURE__ */ B(
+      ot,
       {
-        isOpen: w,
-        onClose: I,
-        ...S
+        isOpen: p,
+        onClose: D,
+        ...E
       }
     )
   ] });
 }
-function it() {
-  const a = q(y);
-  if (!a)
+function ft() {
+  const i = Q(A);
+  if (!i)
     throw new Error("useCart must be used within CartProvider");
-  return a;
+  return i;
 }
 export {
-  y as CartContext,
-  ut as CartProvider,
-  it as useCart
+  A as CartContext,
+  mt as CartProvider,
+  ft as useCart
 };

package/dist/index30.mjs

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

package/dist/index31.mjs

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

package/dist/index32.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { useQueryUnwrapped as o } from "./index59.mjs";
+import { useQueryUnwrapped as o } from "./index61.mjs";
 import { queryKeys as i } from "./index26.mjs";
 import { fetchDeliveryZones as t } from "./index25.mjs";
 function p(e, r) {

package/dist/index42.mjs

@@ -1,21 +1,21 @@
 'use client';
-import a from "./index64.mjs";
-import p from "./index65.mjs";
-import m from "./index66.mjs";
-import i from "./index67.mjs";
-import f from "./index68.mjs";
-import l from "./index69.mjs";
-import c from "./index70.mjs";
-import d from "./index71.mjs";
-import u from "./index72.mjs";
-import { VERSION as x } from "./index73.mjs";
-import C from "./index74.mjs";
-import A from "./index75.mjs";
-import E from "./index76.mjs";
-import O from "./index77.mjs";
-import S from "./index78.mjs";
-import H from "./index79.mjs";
-import T from "./index80.mjs";
+import a from "./index62.mjs";
+import p from "./index63.mjs";
+import m from "./index64.mjs";
+import i from "./index65.mjs";
+import f from "./index66.mjs";
+import l from "./index67.mjs";
+import c from "./index68.mjs";
+import d from "./index69.mjs";
+import u from "./index70.mjs";
+import { VERSION as x } from "./index71.mjs";
+import C from "./index72.mjs";
+import A from "./index73.mjs";
+import E from "./index74.mjs";
+import O from "./index75.mjs";
+import S from "./index76.mjs";
+import H from "./index77.mjs";
+import T from "./index78.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/index43.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 "./index62.mjs";
-import { mergePath as U, replaceUrlParam as P, buildSearchParams as S, removeIndexString as w, replaceUrlProtocol as x, deepMerge as C } from "./index63.mjs";
+import { serialize as j } from "./index79.mjs";
+import { mergePath as U, replaceUrlParam as P, buildSearchParams as S, removeIndexString as w, replaceUrlProtocol as x, deepMerge as C } from "./index80.mjs";
 var v = (r, e) => new Proxy(() => {
 }, {
   get(t, s) {

package/dist/index44.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as y, useMutation as m } from "@tanstack/react-query";
-import { useQueryUnwrapped as p } from "./index59.mjs";
+import { useQueryUnwrapped as p } from "./index61.mjs";
 import { createAdminRpcClients as d, authHeaders as c } from "./index21.mjs";
 import { queryKeys as i } from "./index26.mjs";
 import { useApiConfig as l } from "./index19.mjs";

package/dist/index45.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as y, useMutation as m } from "@tanstack/react-query";
-import { useQueryUnwrapped as b } from "./index59.mjs";
+import { useQueryUnwrapped as b } from "./index61.mjs";
 import { createAdminRpcClients as u, authHeaders as c } from "./index21.mjs";
 import { queryKeys as o } from "./index26.mjs";
 import { useApiConfig as d } from "./index19.mjs";

package/dist/index46.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as p, useMutation as y } from "@tanstack/react-query";
-import { useQueryUnwrapped as m } from "./index59.mjs";
+import { useQueryUnwrapped as m } from "./index61.mjs";
 import { createAdminRpcClients as a, authHeaders as c } from "./index21.mjs";
 import { queryKeys as i } from "./index26.mjs";
 import { useApiConfig as d } from "./index19.mjs";

package/dist/index47.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as y, useMutation as v } from "@tanstack/react-query";
-import { useQueryUnwrapped as m } from "./index59.mjs";
+import { useQueryUnwrapped as m } from "./index61.mjs";
 import { createAdminRpcClients as u, authHeaders as c } from "./index21.mjs";
 import { queryKeys as i } from "./index26.mjs";
 import { useApiConfig as d } from "./index19.mjs";

package/dist/index48.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as w, useMutation as y } from "@tanstack/react-query";
-import { useQueryUnwrapped as d } from "./index59.mjs";
+import { useQueryUnwrapped as d } from "./index61.mjs";
 import { createAdminRpcClients as i, authHeaders as c } from "./index21.mjs";
 import { queryKeys as u } from "./index26.mjs";
 import { useApiConfig as l } from "./index19.mjs";

package/dist/index49.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as d, useMutation as v } from "@tanstack/react-query";
-import { useQueryUnwrapped as l } from "./index59.mjs";
+import { useQueryUnwrapped as l } from "./index61.mjs";
 import { createAdminRpcClients as u, authHeaders as c } from "./index21.mjs";
 import { queryKeys as s } from "./index26.mjs";
 import { useApiConfig as y } from "./index19.mjs";

package/dist/index50.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { useQueryUnwrapped as i } from "./index59.mjs";
+import { useQueryUnwrapped as i } from "./index61.mjs";
 import { createAdminRpcClients as n, authHeaders as u } from "./index21.mjs";
 import { queryKeys as m } from "./index26.mjs";
 import { useApiConfig as a } from "./index19.mjs";

package/dist/index51.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { useQueryUnwrapped as s } from "./index59.mjs";
+import { useQueryUnwrapped as s } from "./index61.mjs";
 import { createAdminRpcClients as i, authHeaders as u } from "./index21.mjs";
 import { queryKeys as c } from "./index26.mjs";
 import { useApiConfig as d } from "./index19.mjs";

package/dist/index52.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as l, useMutation as y } from "@tanstack/react-query";
-import { useQueryUnwrapped as c } from "./index59.mjs";
+import { useQueryUnwrapped as c } from "./index61.mjs";
 import { createAdminRpcClients as s, authHeaders as o } from "./index21.mjs";
 import { queryKeys as i } from "./index26.mjs";
 import { useApiConfig as u } from "./index19.mjs";

package/dist/index53.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as l, useMutation as y } from "@tanstack/react-query";
-import { useQueryUnwrapped as C } from "./index59.mjs";
+import { useQueryUnwrapped as C } from "./index61.mjs";
 import { createAdminRpcClients as c, authHeaders as a } from "./index21.mjs";
 import { queryKeys as r } from "./index26.mjs";
 import { useApiConfig as d } from "./index19.mjs";

package/dist/index54.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as y, useMutation as v } from "@tanstack/react-query";
-import { useQueryUnwrapped as m } from "./index59.mjs";
+import { useQueryUnwrapped as m } from "./index61.mjs";
 import { createAdminRpcClients as u, authHeaders as l } from "./index21.mjs";
 import { queryKeys as o } from "./index26.mjs";
 import { useApiConfig as c } from "./index19.mjs";

package/dist/index58.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { getDefaultExportFromCjs as d } from "./index60.mjs";
-import { __module as v } from "./index61.mjs";
+import { getDefaultExportFromCjs as d } from "./index59.mjs";
+import { __module as v } from "./index60.mjs";
 v.exports = function(n) {
   return g(m(n), n);
 };

package/dist/index59.mjs

@@ -1,8 +1,7 @@
 'use client';
-import { useQuery as e } from "@tanstack/react-query";
-function n(r) {
-  return e(r);
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 export {
-  n as useQueryUnwrapped
+  e as getDefaultExportFromCjs
 };

package/dist/index60.mjs

@@ -1,7 +1,5 @@
 'use client';
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
+var o = { exports: {} };
 export {
-  e as getDefaultExportFromCjs
+  o as __module
 };

package/dist/index61.mjs

@@ -1,5 +1,8 @@
 'use client';
-var o = { exports: {} };
+import { useQuery as e } from "@tanstack/react-query";
+function n(r) {
+  return e(r);
+}
 export {
-  o as __module
+  n as useQueryUnwrapped
 };