@instockng/storefront-ui 1.0.11 → 1.0.12

package/dist/components/ShoppingCart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShoppingCart.d.ts","sourceRoot":"","sources":["../../src/components/ShoppingCart.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,2BAA2B;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uCAAuC;IACvC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gDAAgD;IAChD,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,gBAAuB,EACvB,kBAA+B,EAC/B,oBAA0C,EAC1C,uBAAuB,EACvB,+BAA+B,EAC/B,eAAuB,EACvB,YAAmC,GACpC,EAAE,iBAAiB,2CA2MnB"}
+{"version":3,"file":"ShoppingCart.d.ts","sourceRoot":"","sources":["../../src/components/ShoppingCart.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,2BAA2B;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uCAAuC;IACvC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gDAAgD;IAChD,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,gBAAuB,EACvB,kBAA+B,EAC/B,oBAA0C,EAC1C,uBAAuB,EACvB,+BAA+B,EAC/B,eAAuB,EACvB,YAAmC,GACpC,EAAE,iBAAiB,2CA4MnB"}

package/dist/contexts/CartContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CartContext.d.ts","sourceRoot":"","sources":["../../src/contexts/CartContext.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,EAAkD,SAAS,EAAuB,MAAM,OAAO,CAAC;AACvG,OAAO,EAGL,aAAa,EAMb,eAAe,EACf,KAAK,IAAI,EACV,MAAM,iBAAiB,CAAC;AAKzB,UAAU,gBAAgB;IACxB,wBAAwB;IACxB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,mDAAmD;IACnD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oBAAoB;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,gDAAgD;IAChD,kBAAkB,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IACrD,+CAA+C;IAC/C,gBAAgB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;IACrD,8BAA8B;IAC9B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,2BAA2B;IAC3B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,4BAA4B;IAC5B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,0BAA0B;IAC1B,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,2BAA2B;IAC3B,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,6CAA6C;IAC7C,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,wBAAwB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qCAAqC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAC;AAExE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,IAAI,CAAC,OAAO,4BAA4B,EAAE,iBAAiB,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;CACxG;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,EAAE,iBAAiB,2CA2NxG;AAED;;GAEG;AACH,wBAAgB,OAAO,qBAMtB"}
+{"version":3,"file":"CartContext.d.ts","sourceRoot":"","sources":["../../src/contexts/CartContext.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,EAAkD,SAAS,EAAuB,MAAM,OAAO,CAAC;AACvG,OAAO,EAGL,aAAa,EAMb,eAAe,EACf,KAAK,IAAI,EACV,MAAM,iBAAiB,CAAC;AAKzB,UAAU,gBAAgB;IACxB,wBAAwB;IACxB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,mDAAmD;IACnD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oBAAoB;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,gDAAgD;IAChD,kBAAkB,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IACrD,+CAA+C;IAC/C,gBAAgB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;IACrD,8BAA8B;IAC9B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,2BAA2B;IAC3B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,4BAA4B;IAC5B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,0BAA0B;IAC1B,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,2BAA2B;IAC3B,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,6CAA6C;IAC7C,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,wBAAwB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qCAAqC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAC;AAExE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,IAAI,CAAC,OAAO,4BAA4B,EAAE,iBAAiB,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;CACxG;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,EAAE,iBAAiB,2CAsOxG;AAED;;GAEG;AACH,wBAAgB,OAAO,qBAMtB"}

package/dist/index105.mjs

@@ -1,5 +1,5 @@
 'use client';
-import a from "./index93.mjs";
+import a from "./index95.mjs";
 const e = typeof URLSearchParams < "u" ? URLSearchParams : a;
 export {
   e as default

package/dist/index29.mjs

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

package/dist/index3.mjs

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

package/dist/index8.mjs

@@ -23,7 +23,7 @@ function W({
   emptyMessage: I = "Your cart is empty"
 }) {
   var x, y, g;
-  const { cart: t, isLoading: i, error: m } = q(), [D, u] = Y(!1);
+  const { cart: t, isLoading: i, error: m } = q(), [S, u] = Y(!1);
   b(() => (s ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
   }), [s]), b(() => {
@@ -32,9 +32,9 @@ function W({
     };
     return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
   }, [s, l]);
-  const F = ((x = t == null ? void 0 : t.pricing) == null ? void 0 : x.subtotal) || 0, p = ((y = t == null ? void 0 : t.pricing.discount) == null ? void 0 : y.amount) || 0, P = () => {
+  const D = ((x = t == null ? void 0 : t.pricing) == null ? void 0 : x.subtotal) || 0, p = ((y = t == null ? void 0 : t.pricing.discount) == null ? void 0 : y.amount) || 0, F = () => {
     u(!0), d == null || d();
-  }, S = () => {
+  }, P = () => {
     o == null || o(), l();
   };
   return /* @__PURE__ */ a(N, { children: [
@@ -103,7 +103,7 @@ function W({
                 /* @__PURE__ */ a("div", { className: "p-4 space-y-2", children: [
                   /* @__PURE__ */ a("div", { className: "flex justify-between", children: [
                     /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Subtotal" }),
-                    /* @__PURE__ */ e("span", { className: "font-semibold", children: n(F) })
+                    /* @__PURE__ */ e("span", { className: "font-semibold", children: n(D) })
                   ] }),
                   p > 0 && /* @__PURE__ */ a("div", { className: "flex justify-between text-green-600", children: [
                     /* @__PURE__ */ e("span", { children: "Discount" }),
@@ -126,7 +126,7 @@ function W({
                 /* @__PURE__ */ a(
                   v,
                   {
-                    onClick: P,
+                    onClick: F,
                     disabled: z || t.items.length === 0,
                     className: c("w-full bg-accent-500 text-white hover:bg-accent-600", E),
                     size: "lg",
@@ -139,7 +139,7 @@ function W({
                 /* @__PURE__ */ e(
                   v,
                   {
-                    onClick: S,
+                    onClick: P,
                     variant: "outline",
                     className: c("w-full border-gray-300 text-gray-600 hover:bg-gray-100", L),
                     size: "lg",
@@ -155,7 +155,8 @@ function W({
     /* @__PURE__ */ e(
       X,
       {
-        isOpen: D,
+        isOpen: S,
+        onSuccess: () => l(),
         onClose: () => u(!1)
       }
     )

package/dist/index81.mjs

@@ -1,6 +1,6 @@
 'use client';
 import f from "./index64.mjs";
-import d from "./index93.mjs";
+import d from "./index95.mjs";
 function l(e) {
   return encodeURIComponent(e).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+");
 }

package/dist/index83.mjs

@@ -1,5 +1,5 @@
 'use client';
-import r from "./index94.mjs";
+import r from "./index96.mjs";
 import p from "./index72.mjs";
 import l from "./index68.mjs";
 import m from "./index70.mjs";

package/dist/index84.mjs

@@ -1,6 +1,6 @@
 'use client';
-import r from "./index95.mjs";
-import f from "./index96.mjs";
+import r from "./index97.mjs";
+import f from "./index98.mjs";
 function u(l, i, t) {
   let o = !r(i);
   return l && (o || t == !1) ? f(l, i) : i;

package/dist/index88.mjs

@@ -1,6 +1,6 @@
 'use client';
-import o from "./index97.mjs";
-import * as t from "./index98.mjs";
+import o from "./index93.mjs";
+import * as t from "./index94.mjs";
 const m = {
   ...t,
   ...o

package/dist/index93.mjs

@@ -1,34 +1,16 @@
 'use client';
-import p from "./index74.mjs";
-function i(n) {
-  const t = {
-    "!": "%21",
-    "'": "%27",
-    "(": "%28",
-    ")": "%29",
-    "~": "%7E",
-    "%20": "+",
-    "%00": "\0"
-  };
-  return encodeURIComponent(n).replace(/[!'()~]|%20|%00/g, function(r) {
-    return t[r];
-  });
-}
-function a(n, t) {
-  this._pairs = [], n && p(n, this, t);
-}
-const c = a.prototype;
-c.append = function(t, o) {
-  this._pairs.push([t, o]);
-};
-c.toString = function(t) {
-  const o = t ? function(r) {
-    return t.call(this, r, i);
-  } : i;
-  return this._pairs.map(function(e) {
-    return o(e[0]) + "=" + o(e[1]);
-  }, "").join("&");
+import o from "./index105.mjs";
+import r from "./index106.mjs";
+import t from "./index107.mjs";
+const l = {
+  isBrowser: !0,
+  classes: {
+    URLSearchParams: o,
+    FormData: r,
+    Blob: t
+  },
+  protocols: ["http", "https", "file", "blob", "url", "data"]
 };
 export {
-  a as default
+  l as default
 };

package/dist/index94.mjs

@@ -1,14 +1,10 @@
 'use client';
-import i from "./index64.mjs";
-import m from "./index68.mjs";
-import s from "./index78.mjs";
-function h(f, t) {
-  const o = this || m, r = t || o, n = s.from(r.headers);
-  let a = r.data;
-  return i.forEach(f, function(e) {
-    a = e.call(o, a, n.normalize(), t ? t.status : void 0);
-  }), n.normalize(), a;
-}
+const e = typeof window < "u" && typeof document < "u", o = typeof navigator == "object" && navigator || void 0, n = e && (!o || ["ReactNative", "NativeScript", "NS"].indexOf(o.product) < 0), t = typeof WorkerGlobalScope < "u" && // eslint-disable-next-line no-undef
+self instanceof WorkerGlobalScope && typeof self.importScripts == "function", r = e && window.location.href || "http://localhost";
 export {
-  h as default
+  e as hasBrowserEnv,
+  n as hasStandardBrowserEnv,
+  t as hasStandardBrowserWebWorkerEnv,
+  o as navigator,
+  r as origin
 };

package/dist/index95.mjs

@@ -1,7 +1,34 @@
 'use client';
-function e(t) {
-  return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(t);
+import p from "./index74.mjs";
+function i(n) {
+  const t = {
+    "!": "%21",
+    "'": "%27",
+    "(": "%28",
+    ")": "%29",
+    "~": "%7E",
+    "%20": "+",
+    "%00": "\0"
+  };
+  return encodeURIComponent(n).replace(/[!'()~]|%20|%00/g, function(r) {
+    return t[r];
+  });
 }
+function a(n, t) {
+  this._pairs = [], n && p(n, this, t);
+}
+const c = a.prototype;
+c.append = function(t, o) {
+  this._pairs.push([t, o]);
+};
+c.toString = function(t) {
+  const o = t ? function(r) {
+    return t.call(this, r, i);
+  } : i;
+  return this._pairs.map(function(e) {
+    return o(e[0]) + "=" + o(e[1]);
+  }, "").join("&");
+};
 export {
-  e as default
+  a as default
 };

package/dist/index96.mjs

@@ -1,7 +1,14 @@
 'use client';
-function n(e, c) {
-  return c ? e.replace(/\/?\/$/, "") + "/" + c.replace(/^\/+/, "") : e;
+import i from "./index64.mjs";
+import m from "./index68.mjs";
+import s from "./index78.mjs";
+function h(f, t) {
+  const o = this || m, r = t || o, n = s.from(r.headers);
+  let a = r.data;
+  return i.forEach(f, function(e) {
+    a = e.call(o, a, n.normalize(), t ? t.status : void 0);
+  }), n.normalize(), a;
 }
 export {
-  n as default
+  h as default
 };

package/dist/index97.mjs

@@ -1,16 +1,7 @@
 'use client';
-import o from "./index105.mjs";
-import r from "./index106.mjs";
-import t from "./index107.mjs";
-const l = {
-  isBrowser: !0,
-  classes: {
-    URLSearchParams: o,
-    FormData: r,
-    Blob: t
-  },
-  protocols: ["http", "https", "file", "blob", "url", "data"]
-};
+function e(t) {
+  return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(t);
+}
 export {
-  l as default
+  e as default
 };

package/dist/index98.mjs

@@ -1,10 +1,7 @@
 'use client';
-const e = typeof window < "u" && typeof document < "u", o = typeof navigator == "object" && navigator || void 0, n = e && (!o || ["ReactNative", "NativeScript", "NS"].indexOf(o.product) < 0), t = typeof WorkerGlobalScope < "u" && // eslint-disable-next-line no-undef
-self instanceof WorkerGlobalScope && typeof self.importScripts == "function", r = e && window.location.href || "http://localhost";
+function n(e, c) {
+  return c ? e.replace(/\/?\/$/, "") + "/" + c.replace(/^\/+/, "") : e;
+}
 export {
-  e as hasBrowserEnv,
-  n as hasStandardBrowserEnv,
-  t as hasStandardBrowserWebWorkerEnv,
-  o as navigator,
-  r as origin
+  n as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instockng/storefront-ui",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "Pre-built UI components for OMS e-commerce sites",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -66,8 +66,8 @@
     "tailwindcss": "^4.1.14",
     "typescript": "^5.3.3",
     "vite": "^5.4.20",
-    "@oms/api-client": "1.0.0",
-    "@oms/shared": "1.0.0"
+    "@oms/shared": "1.0.0",
+    "@oms/api-client": "1.0.0"
   },
   "scripts": {
     "type-check": "tsc --noEmit",

package/src/components/ShoppingCart.tsx

@@ -255,6 +255,7 @@ export function ShoppingCart({
       {/* Checkout Modal */}
       <Checkout
         isOpen={isCheckoutOpen}
+        onSuccess={() => onClose()}
         onClose={() => setIsCheckoutOpen(false)}
       />
     </>

package/src/contexts/CartContext.tsx

@@ -84,7 +84,8 @@ export function CartProvider({ children, brandSlug, initialCartId, shoppingCartP
   const [isMounted, setIsMounted] = useState(false);
 
   // Use refs to prevent infinite loops
-  const hasInitializedRef = useRef(false);
+  const hasLoadedFromStorageRef = useRef(false);
+  const hasAutoCreatedRef = useRef(false);
   const isHandlingErrorRef = useRef(false);
 
   // Set mounted flag on client
@@ -95,7 +96,9 @@ export function CartProvider({ children, brandSlug, initialCartId, shoppingCartP
   // Load cartId from URL/localStorage after mount (client-side only)
   // This avoids hydration mismatch between server and client
   useEffect(() => {
-    if (initialCartId || hasInitializedRef.current) return;
+    if (initialCartId || hasLoadedFromStorageRef.current) return;
+
+    hasLoadedFromStorageRef.current = true;
 
     // Check URL query params first
     const urlParams = new URLSearchParams(window.location.search);
@@ -134,39 +137,47 @@ export function CartProvider({ children, brandSlug, initialCartId, shoppingCartP
     },
   });
 
-  // Auto-create cart on mount if no cartId exists - only runs ONCE
-  // Use a layout effect to run before paint
+  // Auto-create cart ONLY on initial mount if no cartId in localStorage
+  // After the first mount, we don't auto-create (user must explicitly add items)
   useEffect(() => {
-    if (!hasInitializedRef.current && !cartId && !initialCartId) {
-      hasInitializedRef.current = true;
-      // Defer cart creation to next tick
-      const timeoutId = setTimeout(() => {
-        if (!hasInitializedRef.current) return; // Double check
+    // Only run on initial mount
+    if (hasAutoCreatedRef.current) return;
+
+    hasAutoCreatedRef.current = true;
+
+    // Defer cart creation to allow localStorage to load first
+    const timeoutId = setTimeout(() => {
+      // Only create if we still don't have a cartId after localStorage loaded
+      if (!cartId && !initialCartId) {
         createCartMutation.mutate(brandSlug);
-      }, 0);
+      }
+    }, 150); // Delay to ensure localStorage effect has run
 
-      return () => clearTimeout(timeoutId);
-    }
+    return () => clearTimeout(timeoutId);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, []); // Empty deps - truly only run once on mount
 
   // Handle cart fetch error (invalid/expired cart from URL or localStorage)
-  // Only clear the cart if there's an error, don't try to create a new one
+  // Clear the invalid cart and create a new one
   useEffect(() => {
     if (error && cartId && !isHandlingErrorRef.current) {
       isHandlingErrorRef.current = true;
-      console.warn('Cart fetch failed, clearing invalid cart:', error);
-
-      // Use a microtask to batch the state updates
-      Promise.resolve().then(() => {
-        setCartId(null);
-        if (typeof window !== 'undefined') {
-          localStorage.removeItem(CART_ID_KEY);
-        }
+      console.warn('Cart fetch failed, creating new cart:', error);
+
+      // Clear invalid cart
+      setCartId(null);
+      if (typeof window !== 'undefined') {
+        localStorage.removeItem(CART_ID_KEY);
+      }
+
+      // Create a new cart after clearing the invalid one
+      setTimeout(() => {
+        createCartMutation.mutate(brandSlug);
         isHandlingErrorRef.current = false;
-      });
+      }, 100);
     }
-  }, [error, cartId]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [error, cartId, brandSlug]); // Don't include createCartMutation to avoid infinite loop
 
   // Mutations
   const addItemMutation = useAddCartItem(cartId || '', {