@instockng/storefront-ui 1.0.12 → 1.0.14

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

@@ -1 +1 @@
-{"version":3,"file":"Checkout.d.ts","sourceRoot":"","sources":["../../src/components/Checkout.tsx"],"names":[],"mappings":"AA4FA,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,uCAAuC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wBAAwB;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACxC,sCAAsC;IACtC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qCAAqC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,4BAA4B;IAC5B,YAAY,CAAC,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;CACH;AAID,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,EACT,OAAO,EACP,gBAAgC,EAChC,YAAY,GACb,EAAE,aAAa,2CA8yBf"}
+{"version":3,"file":"Checkout.d.ts","sourceRoot":"","sources":["../../src/components/Checkout.tsx"],"names":[],"mappings":"AA4FA,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,uCAAuC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wBAAwB;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACxC,sCAAsC;IACtC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qCAAqC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,4BAA4B;IAC5B,YAAY,CAAC,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;CACH;AAID,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,EACT,OAAO,EACP,gBAAgC,EAChC,YAAY,GACb,EAAE,aAAa,2CAszBf"}

package/dist/contexts/CartContext.d.ts

@@ -32,6 +32,8 @@ interface CartContextValue {
     removeDiscount: () => Promise<void>;
     /** Clear cart (removes from localStorage) */
     clearCart: () => void;
+    /** Clear cart and create a new one immediately */
+    clearAndCreateNewCart: () => void;
     /** Refresh cart data */
     refetch: () => void;
     /** Whether the cart modal is open */

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,2CAsOxG;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,kDAAkD;IAClD,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,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,2CAoPxG;AAED;;GAEG;AACH,wBAAgB,OAAO,qBAMtB"}

package/dist/index10.mjs

@@ -1,51 +1,51 @@
 'use client';
-import { jsxs as a, jsx as e, Fragment as fe } from "react/jsx-runtime";
-import { useState as N, useEffect as q, useMemo as te, useCallback as pe } from "react";
-import { object as $, string as y, ValidationError as ve } from "./index34.mjs";
+import { jsxs as a, jsx as e, Fragment as pe } from "react/jsx-runtime";
+import { useState as N, useEffect as q, useMemo as re, useCallback as ve } from "react";
+import { object as $, string as y, ValidationError as Ne } from "./index34.mjs";
 import "./index18.mjs";
 import "@tanstack/react-query";
-import { useGetDeliveryZones as Ne } from "./index32.mjs";
-import { useCart as ge } from "./index3.mjs";
-import { Modal as re } from "./index14.mjs";
+import { useGetDeliveryZones as ge } from "./index32.mjs";
+import { useCart as be } from "./index3.mjs";
+import { Modal as ae } from "./index14.mjs";
 import { FormInput as P } from "./index15.mjs";
-import { FormSelect as ae } from "./index16.mjs";
+import { FormSelect as se } from "./index16.mjs";
 import { Button as L } from "./index11.mjs";
-import { Loader2 as R, ChevronLeft as be, ChevronRight as xe, CheckCircle as we, Package as Ce, Mail as Pe, Phone as ke, Zap as Me, Banknote as qe, ChevronDown as Ie } from "lucide-react";
+import { Loader2 as R, ChevronLeft as xe, ChevronRight as we, CheckCircle as Ce, Package as Pe, Mail as ke, Phone as Me, Zap as qe, Banknote as Ie, ChevronDown as Ze } from "lucide-react";
 import { formatCurrency as k, cn as w } from "./index17.mjs";
-import Ze from "./index35.mjs";
-import { usePaystackPayment as je } from "./index36.mjs";
-const Se = (d) => d.replace(/\D/g, ""), ze = $({
+import je from "./index35.mjs";
+import { usePaystackPayment as Se } from "./index36.mjs";
+const ze = (d) => d.replace(/\D/g, ""), Fe = $({
   firstName: y().required("First name is required").min(2, "First name must be at least 2 characters").max(50, "First name must be less than 50 characters"),
   lastName: y().required("Last name is required").min(2, "Last name must be at least 2 characters").max(50, "Last name must be less than 50 characters"),
   email: y().required("Email is required").email("Please enter a valid email address"),
   phone: y().required("Phone number is required").test("nigerian-phone", "Please enter a valid Nigerian phone number (e.g. 0812 564 8668)", (d) => {
     if (!d) return !1;
-    const M = Se(d);
+    const M = ze(d);
     return [
       /^0[789]\d{9}$/
       // 0xxxxxxxxx (11 digits total)
     ].some((f) => f.test(M));
   })
-}), Fe = $({
+}), Le = $({
   address: y().required("Street address is required").min(10, "Please provide a complete address"),
   city: y().required("City is required").min(3, "City name must be at least 3 characters"),
   state: y().required("State is required").test("not-empty", "State is required", (d) => !!d && d.trim() !== ""),
   deliveryZoneId: y().required("Delivery zone is required").test("not-empty", "Delivery zone is required", (d) => !!d && d.trim() !== "")
-}), Le = $({
+}), Be = $({
   paymentMethod: y().oneOf(["cod", "online"], "Please select a payment method").required("Payment method is required")
 });
-function Xe({
+function Ee({
   isOpen: d,
   onClose: M,
   initialData: l,
   onSuccess: f,
   onError: c,
-  submitButtonText: se = "Place Order",
+  submitButtonText: ne = "Place Order",
   refundPolicy: I
 }) {
-  var W, J, Q, U, X, E, D, ee;
-  const ne = "pk_live_dfb74efb5f74d2acbc253d5ca396ab9015ef0fa7", [o, p] = N("customer"), [Z, le] = N(void 0), [g, G] = N(void 0), [u, B] = N(null), { refetch: K, isLoading: O, cart: s, updateCartMutation: T, checkoutMutation: de } = ge(), V = je({
-    publicKey: ne,
+  var J, Q, U, X, E, D, ee, te;
+  const le = "pk_live_dfb74efb5f74d2acbc253d5ca396ab9015ef0fa7", [o, p] = N("customer"), [Z, de] = N(void 0), [g, G] = N(void 0), [u, B] = N(null), { refetch: K, isLoading: O, cart: s, updateCartMutation: T, checkoutMutation: ie, clearAndCreateNewCart: V } = be(), Y = Se({
+    publicKey: le,
     onSuccess: async (t) => {
       try {
         const n = await C.mutateAsync({
@@ -64,7 +64,7 @@ function Xe({
           c == null || c(new Error((i == null ? void 0 : i.message) || "Checkout failed"));
           return;
         }
-        B(n), f == null || f(n.id);
+        B(n), V(), f == null || f(n.id);
       } catch (n) {
         c == null || c(n);
       }
@@ -76,9 +76,9 @@ function Xe({
   q(() => {
     d && K();
   }, [d, K]);
-  const { data: b } = Ne(((W = s == null ? void 0 : s.brand) == null ? void 0 : W.id) || "", {
-    enabled: !!((J = s == null ? void 0 : s.brand) != null && J.id)
-  }), h = te(() => b == null ? void 0 : b.find((t) => t.id === Z), [b, Z]), C = de;
+  const { data: b } = ge(((J = s == null ? void 0 : s.brand) == null ? void 0 : J.id) || "", {
+    enabled: !!((Q = s == null ? void 0 : s.brand) != null && Q.id)
+  }), h = re(() => b == null ? void 0 : b.find((t) => t.id === Z), [b, Z]), C = ie;
   q(() => {
     d || (B(null), p("customer"), C.reset());
   }, [d]);
@@ -96,9 +96,9 @@ function Xe({
   q(() => {
     d && p("customer");
   }, [d]);
-  const [Y, H] = N(!1);
+  const [H, W] = N(!1);
   q(() => {
-    d && s && !l && !Y && (_((t) => {
+    d && s && !l && !H && (_((t) => {
       var n;
       return {
         ...t,
@@ -108,8 +108,8 @@ function Xe({
         phone: s.customerPhone || t.phone,
         deliveryZoneId: ((n = s.deliveryZone) == null ? void 0 : n.id) || t.deliveryZoneId
       };
-    }), H(!0)), d || H(!1);
-  }, [d, s, l, Y]), q(() => {
+    }), W(!0)), d || W(!1);
+  }, [d, s, l, H]), q(() => {
     if (g) {
       const t = h == null ? void 0 : h.zones.find((n) => n.id === g);
       t && _((n) => ({
@@ -118,10 +118,10 @@ function Xe({
       }));
     }
   }, [g, h]);
-  const [m, j] = N({}), [A, ie] = N(!1), v = (t) => {
+  const [m, j] = N({}), [A, ce] = N(!1), v = (t) => {
     const { name: n, value: i } = t.target;
     _((x) => ({ ...x, [n]: i })), m[n] && j((x) => ({ ...x, [n]: void 0 }));
-  }, S = pe(
+  }, S = ve(
     (t) => {
       const n = r[t];
       if (!n) return;
@@ -133,7 +133,7 @@ function Xe({
     const n = {};
     try {
       if (t === "customer")
-        ze.validateSync(r, { abortEarly: !1 });
+        Fe.validateSync(r, { abortEarly: !1 });
       else if (t === "delivery") {
         const i = {
           address: r.address,
@@ -141,19 +141,19 @@ function Xe({
           state: Z || r.state || "",
           deliveryZoneId: g || r.deliveryZoneId || ""
         };
-        Fe.validateSync(i, { abortEarly: !1 });
-      } else t === "payment" && Le.validateSync(r, { abortEarly: !1 });
+        Le.validateSync(i, { abortEarly: !1 });
+      } else t === "payment" && Be.validateSync(r, { abortEarly: !1 });
     } catch (i) {
-      i instanceof ve && i.inner.forEach((x) => {
+      i instanceof Ne && i.inner.forEach((x) => {
         x.path && (n[x.path] = x.message);
       });
     }
     return j(n), Object.keys(n).length === 0;
-  }, ce = () => {
-    z(o) && (o === "customer" ? p("delivery") : o === "delivery" && p("payment"));
   }, oe = () => {
+    z(o) && (o === "customer" ? p("delivery") : o === "delivery" && p("payment"));
+  }, me = () => {
     o === "payment" ? p("delivery") : o === "delivery" && p("customer");
-  }, me = async () => {
+  }, ue = async () => {
     if (!z("customer")) {
       p("customer");
       return;
@@ -164,12 +164,12 @@ function Xe({
     }
     if (z("payment")) {
       if (r.paymentMethod === "online") {
-        if (!V.isLoaded) {
+        if (!Y.isLoaded) {
           c == null || c(new Error("Payment system is loading. Please try again."));
           return;
         }
         const t = Math.round(s.pricing.total * 100);
-        V.initializePayment({
+        Y.initializePayment({
           email: r.email || (s == null ? void 0 : s.customerEmail) || "customer@example.com",
           amount: t,
           currency: "NGN",
@@ -207,37 +207,37 @@ function Xe({
           c == null || c(new Error((n == null ? void 0 : n.message) || "Checkout failed"));
           return;
         }
-        B(t), f == null || f(t.id);
+        B(t), V(), f == null || f(t.id);
       } catch (t) {
         c == null || c(t);
       }
     }
-  }, ue = {
+  }, he = {
     customer: "Customer Information",
     delivery: "Delivery Address",
     payment: "Payment Method"
-  }, he = te(() => ue[o], [o]), ye = /* @__PURE__ */ a("div", { className: "space-y-3", children: [
-    (o === "payment" || o === "delivery") && ((Q = s == null ? void 0 : s.pricing) == null ? void 0 : Q.total) && /* @__PURE__ */ a("div", { className: "text-sm text-black relative", children: [
+  }, ye = re(() => he[o], [o]), fe = /* @__PURE__ */ a("div", { className: "space-y-3", children: [
+    (o === "payment" || o === "delivery") && ((U = s == null ? void 0 : s.pricing) == null ? void 0 : U.total) && /* @__PURE__ */ a("div", { className: "text-sm text-black relative", children: [
       O && /* @__PURE__ */ e("div", { className: "absolute flex items-center justify-center inset-0 bg-white opacity-50", children: /* @__PURE__ */ e(R, { className: "animate-spin text-accent-500" }) }),
       /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Subtotal" }),
-        /* @__PURE__ */ e("span", { children: k(((U = s == null ? void 0 : s.pricing) == null ? void 0 : U.subtotal) ?? 0) })
+        /* @__PURE__ */ e("span", { children: k(((X = s == null ? void 0 : s.pricing) == null ? void 0 : X.subtotal) ?? 0) })
       ] }),
       s.pricing.discount && /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Discount" }),
         /* @__PURE__ */ a("span", { className: "text-green-600", children: [
           "-",
-          k(((E = (X = s == null ? void 0 : s.pricing) == null ? void 0 : X.discount) == null ? void 0 : E.amount) ?? 0)
+          k(((D = (E = s == null ? void 0 : s.pricing) == null ? void 0 : E.discount) == null ? void 0 : D.amount) ?? 0)
         ] })
       ] }),
       /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Delivery Fee" }),
-        /* @__PURE__ */ e("span", { children: k(((D = s == null ? void 0 : s.pricing) == null ? void 0 : D.deliveryCharge) ?? 0) })
+        /* @__PURE__ */ e("span", { children: k(((ee = s == null ? void 0 : s.pricing) == null ? void 0 : ee.deliveryCharge) ?? 0) })
       ] }),
       /* @__PURE__ */ e("hr", { className: "border-gray-200 my-2" }),
       /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Total" }),
-        /* @__PURE__ */ e("span", { children: k(((ee = s == null ? void 0 : s.pricing) == null ? void 0 : ee.total) ?? 0) })
+        /* @__PURE__ */ e("span", { children: k(((te = s == null ? void 0 : s.pricing) == null ? void 0 : te.total) ?? 0) })
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: "flex gap-3", children: [
@@ -246,11 +246,11 @@ function Xe({
         {
           type: "button",
           variant: "outline",
-          onClick: oe,
+          onClick: me,
           className: "flex-1 border-gray-400",
           size: "lg",
           children: [
-            /* @__PURE__ */ e(be, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ e(xe, { className: "mr-2 h-4 w-4" }),
             "Back"
           ]
         }
@@ -259,33 +259,33 @@ function Xe({
         L,
         {
           type: "button",
-          onClick: ce,
+          onClick: oe,
           className: "flex-1 bg-accent-500 text-white hover:bg-accent-600",
           size: "lg",
           children: [
             "Next",
-            /* @__PURE__ */ e(xe, { className: "ml-2 h-4 w-4" })
+            /* @__PURE__ */ e(we, { className: "ml-2 h-4 w-4" })
           ]
         }
       ) : /* @__PURE__ */ e(
         L,
         {
           type: "button",
-          onClick: me,
+          onClick: ue,
           disabled: C.isPending,
           className: "flex-1 bg-accent-500 text-white hover:bg-accent-600",
           size: "lg",
-          children: C.isPending ? /* @__PURE__ */ a(fe, { children: [
+          children: C.isPending ? /* @__PURE__ */ a(pe, { children: [
             /* @__PURE__ */ e(R, { className: "mr-2 h-4 w-4 animate-spin" }),
             "Processing..."
-          ] }) : se
+          ] }) : ne
         }
       )
     ] }),
     C.isError && /* @__PURE__ */ e("div", { className: "rounded-lg bg-red-50 p-3 text-sm text-red-600", children: "Failed to place order. Please check your information and try again." })
   ] }), F = (t) => !(s != null && s.availablePaymentMethods.includes(t));
   return u ? /* @__PURE__ */ e(
-    re,
+    ae,
     {
       isOpen: d,
       onClose: M,
@@ -302,14 +302,14 @@ function Xe({
       size: "lg",
       contentClassName: "p-6",
       children: /* @__PURE__ */ a("div", { className: "text-center space-y-6", children: [
-        /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e("div", { className: "w-20 h-20 bg-green-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ e(we, { className: "h-12 w-12 text-green-600" }) }) }),
+        /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e("div", { className: "w-20 h-20 bg-green-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ e(Ce, { className: "h-12 w-12 text-green-600" }) }) }),
         /* @__PURE__ */ a("div", { className: "space-y-2", children: [
           /* @__PURE__ */ e("h3", { className: "text-2xl font-bold text-gray-900", children: "Thank You!" }),
           /* @__PURE__ */ e("p", { className: "text-gray-600", children: "Your order has been placed successfully." })
         ] }),
         /* @__PURE__ */ a("div", { className: "bg-gray-50 rounded-lg p-6 space-y-4", children: [
           /* @__PURE__ */ a("div", { className: "flex items-center justify-center space-x-2 text-gray-700", children: [
-            /* @__PURE__ */ e(Ce, { className: "h-5 w-5" }),
+            /* @__PURE__ */ e(Pe, { className: "h-5 w-5" }),
             /* @__PURE__ */ a("span", { className: "font-medium", children: [
               "Order #",
               u.orderNumber
@@ -350,12 +350,12 @@ function Xe({
       ] })
     }
   ) : /* @__PURE__ */ e(
-    re,
+    ae,
     {
       isOpen: d,
       onClose: M,
-      title: he,
-      footer: ye,
+      title: ye,
+      footer: fe,
       size: "lg",
       contentClassName: "p-0",
       children: O ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center min-h-[300px]", children: /* @__PURE__ */ e(R, { className: "h-8 w-8 animate-spin text-gray-600" }) }) : /* @__PURE__ */ e("div", { className: "w-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "relative w-full", children: /* @__PURE__ */ a(
@@ -407,7 +407,7 @@ function Xe({
                   onChange: v,
                   onBlur: () => S("email"),
                   error: m.email,
-                  icon: /* @__PURE__ */ e(Pe, { size: 16 }),
+                  icon: /* @__PURE__ */ e(ke, { size: 16 }),
                   autoCorrect: "off",
                   required: !0
                 }
@@ -424,7 +424,7 @@ function Xe({
                   placeholder: "e.g. 08012345678",
                   maxLength: 18,
                   error: m.phone,
-                  icon: /* @__PURE__ */ e(ke, { size: 16 }),
+                  icon: /* @__PURE__ */ e(Me, { size: 16 }),
                   autoCorrect: "off",
                   required: !0,
                   className: "font-semibold"
@@ -460,7 +460,7 @@ function Xe({
                   }
                 ),
                 /* @__PURE__ */ a(
-                  ae,
+                  se,
                   {
                     label: "State",
                     name: "state",
@@ -468,7 +468,7 @@ function Xe({
                     onChange: (t) => {
                       G("");
                       const n = t.target.value;
-                      le(n || void 0), m.state && j((i) => ({ ...i, state: void 0 }));
+                      de(n || void 0), m.state && j((i) => ({ ...i, state: void 0 }));
                     },
                     error: m.state,
                     required: !0,
@@ -479,7 +479,7 @@ function Xe({
                   }
                 ),
                 /* @__PURE__ */ a(
-                  ae,
+                  se,
                   {
                     label: "Delivery Zone",
                     value: g || "",
@@ -534,7 +534,7 @@ function Xe({
                               "p-3 rounded-full",
                               r.paymentMethod === "online" ? "bg-accent-100 text-accent-600" : "bg-gray-100 text-gray-600"
                             ),
-                            children: /* @__PURE__ */ e(Me, { size: 24 })
+                            children: /* @__PURE__ */ e(qe, { size: 24 })
                           }
                         ),
                         /* @__PURE__ */ a("div", { children: [
@@ -543,7 +543,7 @@ function Xe({
                           /* @__PURE__ */ e(
                             "img",
                             {
-                              src: Ze,
+                              src: je,
                               alt: "Paystack",
                               className: "h-4 w-auto mt-2 mx-auto"
                             }
@@ -583,7 +583,7 @@ function Xe({
                               "p-3 rounded-full",
                               r.paymentMethod === "cod" ? "bg-accent-100 text-accent-600" : "bg-gray-100 text-gray-600"
                             ),
-                            children: /* @__PURE__ */ e(qe, { size: 24 })
+                            children: /* @__PURE__ */ e(Ie, { size: 24 })
                           }
                         ),
                         /* @__PURE__ */ a("div", { children: [
@@ -602,12 +602,12 @@ function Xe({
                   "button",
                   {
                     type: "button",
-                    onClick: () => ie(!A),
+                    onClick: () => ce(!A),
                     className: "overflow-hidden w-full flex items-center overflow-hidden rounded-lg rounded-b-none justify-between p-4 text-left hover:bg-gray-50 transition-colors",
                     children: [
                       /* @__PURE__ */ e("span", { className: "text-sm font-medium text-gray-700", children: I.title || "🤔 Curious about Refunds?" }),
                       /* @__PURE__ */ e(
-                        Ie,
+                        Ze,
                         {
                           size: 16,
                           className: w(
@@ -644,5 +644,5 @@ function Xe({
   );
 }
 export {
-  Xe as Checkout
+  Ee as Checkout
 };

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 "./index61.mjs";
+import { useQueryUnwrapped as o } from "./index59.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,145 +1,150 @@
 'use client';
-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 { 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 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 { 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 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(() => {
+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);
-  }, []), a(() => {
-    if (u || I.current) return;
-    I.current = !0;
+  }, []), c(() => {
+    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 v = localStorage.getItem(m);
-    v && s(v);
-  }, [u]);
-  const { data: A, isLoading: R, error: i, refetch: o } = J(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
-  }), y = Q({
+  }), 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
   });
-  a(() => {
+  c(() => {
     if (h.current) return;
     h.current = !0;
     const e = setTimeout(() => {
-      !t && !u && y.mutate(f);
+      !(typeof window < "u" ? localStorage.getItem(u) : null) && !m && d.mutate(s);
     }, 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;
+  }, []), c(() => {
+    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));
-  }, [i, t, f]);
-  const x = V(t || "", {
+  }, [f, t, s]);
+  const N = X(t || "", {
     onSuccess: () => o()
-  }), P = W(t || "", {
+  }), P = Z(t || "", {
     onSuccess: () => o()
-  }), N = X(t || "", {
+  }), F = $(t || "", {
     onSuccess: () => o()
-  }), F = Z(t || "", {
-    onSuccess: () => o()
-  }), T = $(t || "", {
+  }), T = b(t || "", {
     onSuccess: () => o()
   }), U = tt(t || "", {
     onSuccess: () => o()
-  }), _ = et(t || "");
-  a(() => {
-    t && typeof window < "u" && localStorage.setItem(m, t);
+  }), _ = et(t || "", {
+    onSuccess: () => o(),
+    retry: 3
+  }), k = rt(t || "");
+  c(() => {
+    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]
-  ), L = 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]
-  ), j = r(
+  ), O = r(
     async (e) => {
       if (!t) throw new Error("No cart ID");
-      await N.mutateAsync(e);
+      await F.mutateAsync(e);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), O = r(
+  ), G = r(
     async (e) => {
       if (!t) throw new Error("No cart ID");
-      await F.mutateAsync({ code: e });
+      await T.mutateAsync({ code: e });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), b = r(async () => {
+  ), H = r(async () => {
     if (!t) throw new Error("No cart ID");
-    await T.mutateAsync();
-  }, [t]), G = r(() => {
-    s(null), typeof window < "u" && localStorage.removeItem(m);
-  }, []), H = r(() => {
-    C(!0);
-  }, []), S = r(() => {
-    C(!1);
-  }, []), K = {
-    cart: A || null,
+    await U.mutateAsync();
+  }, [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: R,
-    error: i,
-    updateCartMutation: U,
-    checkoutMutation: _,
-    addItem: k,
-    updateItem: L,
-    removeItem: j,
-    applyDiscount: O,
-    removeDiscount: b,
-    clearCart: G,
+    isLoading: x,
+    error: f,
+    updateCartMutation: _,
+    checkoutMutation: k,
+    addItem: L,
+    updateItem: j,
+    removeItem: O,
+    applyDiscount: G,
+    removeDiscount: H,
+    clearCart: v,
+    clearAndCreateNewCart: K,
     refetch: o,
     isOpen: p,
-    open: H,
-    close: S
+    open: Y,
+    close: D
   };
-  return /* @__PURE__ */ Y(D.Provider, { value: K, children: [
-    c,
-    M && /* @__PURE__ */ q(
-      rt,
+  return /* @__PURE__ */ z(A.Provider, { value: q, children: [
+    i,
+    M && /* @__PURE__ */ B(
+      ot,
       {
         isOpen: p,
-        onClose: S,
+        onClose: D,
         ...E
       }
     )
   ] });
 }
-function mt() {
-  const c = B(D);
-  if (!c)
+function ft() {
+  const i = Q(A);
+  if (!i)
     throw new Error("useCart must be used within CartProvider");
-  return c;
+  return i;
 }
 export {
-  D as CartContext,
-  it as CartProvider,
-  mt 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 "./index61.mjs";
+import { useQueryUnwrapped as u } from "./index59.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 "./index61.mjs";
+import { useQueryUnwrapped as u } from "./index59.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 "./index61.mjs";
+import { useQueryUnwrapped as o } from "./index59.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 "./index61.mjs";
+import { useQueryUnwrapped as p } from "./index59.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 "./index61.mjs";
+import { useQueryUnwrapped as b } from "./index59.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 "./index61.mjs";
+import { useQueryUnwrapped as m } from "./index59.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 "./index61.mjs";
+import { useQueryUnwrapped as m } from "./index59.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 "./index61.mjs";
+import { useQueryUnwrapped as d } from "./index59.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 "./index61.mjs";
+import { useQueryUnwrapped as l } from "./index59.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 "./index61.mjs";
+import { useQueryUnwrapped as i } from "./index59.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 "./index61.mjs";
+import { useQueryUnwrapped as s } from "./index59.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 "./index61.mjs";
+import { useQueryUnwrapped as c } from "./index59.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 "./index61.mjs";
+import { useQueryUnwrapped as C } from "./index59.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 "./index61.mjs";
+import { useQueryUnwrapped as m } from "./index59.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 "./index59.mjs";
-import { __module as v } from "./index60.mjs";
+import { getDefaultExportFromCjs as d } from "./index60.mjs";
+import { __module as v } from "./index61.mjs";
 v.exports = function(n) {
   return g(m(n), n);
 };

package/dist/index59.mjs

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

package/dist/index60.mjs

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

package/dist/index61.mjs

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

package/dist/test-utils/MockCartProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MockCartProvider.d.ts","sourceRoot":"","sources":["../../src/test-utils/MockCartProvider.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EAAE,IAAI,EAAuB,MAAM,iBAAiB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAiHpE,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;IAClE,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EAAE,YAAY,EAClB,SAAiB,EACjB,KAAY,EACZ,iBAAiB,EACjB,UAAiB,GAClB,EAAE,qBAAqB,2CA0RvB"}
+{"version":3,"file":"MockCartProvider.d.ts","sourceRoot":"","sources":["../../src/test-utils/MockCartProvider.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EAAE,IAAI,EAAuB,MAAM,iBAAiB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAiHpE,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;IAClE,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EAAE,YAAY,EAClB,SAAiB,EACjB,KAAY,EACZ,iBAAiB,EACjB,UAAiB,GAClB,EAAE,qBAAqB,2CAkSvB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instockng/storefront-ui",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "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/shared": "1.0.0",
-    "@oms/api-client": "1.0.0"
+    "@oms/api-client": "1.0.0",
+    "@oms/shared": "1.0.0"
   },
   "scripts": {
     "type-check": "tsc --noEmit",

package/src/components/Checkout.tsx

@@ -147,7 +147,7 @@ export function Checkout({
   const [completedOrder, setCompletedOrder] = useState<Order | null>(null);
 
   // Get cart from CartProvider context (required)
-  const { refetch: refetchCart, isLoading: isLoadingCart, cart, updateCartMutation, checkoutMutation } = useCart();
+  const { refetch: refetchCart, isLoading: isLoadingCart, cart, updateCartMutation, checkoutMutation, clearAndCreateNewCart } = useCart();
 
   // Paystack payment integration
   const paystack = usePaystackPayment({
@@ -176,6 +176,10 @@ export function Checkout({
 
         // Store the completed order to show success view
         setCompletedOrder(order as Order);
+
+        // Clear the cart and create a new one for next purchase
+        clearAndCreateNewCart();
+
         onSuccess?.(order.id);
       } catch (error) {
         onError?.(error as Error);
@@ -431,6 +435,10 @@ export function Checkout({
 
       // Store the completed order to show success view
       setCompletedOrder(order as Order);
+
+      // Clear the cart and create a new one for next purchase
+      clearAndCreateNewCart();
+
       onSuccess?.(order.id);
     } catch (error) {
       onError?.(error as Error);

package/src/contexts/CartContext.tsx

@@ -50,6 +50,8 @@ interface CartContextValue {
   removeDiscount: () => Promise<void>;
   /** Clear cart (removes from localStorage) */
   clearCart: () => void;
+  /** Clear cart and create a new one immediately */
+  clearAndCreateNewCart: () => void;
   /** Refresh cart data */
   refetch: () => void;
   /** Whether the cart modal is open */
@@ -135,6 +137,7 @@ export function CartProvider({ children, brandSlug, initialCartId, shoppingCartP
     onError: (error) => {
       console.error('Failed to create cart:', error);
     },
+    retry: 10,
   });
 
   // Auto-create cart ONLY on initial mount if no cartId in localStorage
@@ -147,8 +150,11 @@ export function CartProvider({ children, brandSlug, initialCartId, shoppingCartP
 
     // Defer cart creation to allow localStorage to load first
     const timeoutId = setTimeout(() => {
+      // Check localStorage directly (don't rely on state due to closure)
+      const storedCartId = typeof window !== 'undefined' ? localStorage.getItem(CART_ID_KEY) : null;
+
       // Only create if we still don't have a cartId after localStorage loaded
-      if (!cartId && !initialCartId) {
+      if (!storedCartId && !initialCartId) {
         createCartMutation.mutate(brandSlug);
       }
     }, 150); // Delay to ensure localStorage effect has run
@@ -202,6 +208,7 @@ export function CartProvider({ children, brandSlug, initialCartId, shoppingCartP
 
   const updateCartMutation = useUpdateCart(cartId || '', {
     onSuccess: () => refetch(),
+    retry: 3
   });
 
   const checkoutMutation = useCheckoutCart(cartId || '');
@@ -262,6 +269,14 @@ export function CartProvider({ children, brandSlug, initialCartId, shoppingCartP
     }
   }, []);
 
+  const clearAndCreateNewCart = useCallback(() => {
+    clearCart();
+
+    // Create a new cart immediately
+    createCartMutation.mutate(brandSlug);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [brandSlug]);
+
   const open = useCallback(() => {
     setIsOpen(true);
   }, []);
@@ -283,6 +298,7 @@ export function CartProvider({ children, brandSlug, initialCartId, shoppingCartP
     applyDiscount,
     removeDiscount,
     clearCart,
+    clearAndCreateNewCart,
     refetch,
     isOpen,
     open,

package/src/test-utils/MockCartProvider.tsx

@@ -400,6 +400,14 @@ export function MockCartProvider({
       }));
     },
 
+    clearAndCreateNewCart: () => {
+      console.log('Mock clearAndCreateNewCart');
+      setCart(prev => ({
+        ...prev,
+        items: [],
+      }));
+    },
+
     refetch: () => {
       console.log('Mock refetch');
     },