@instockng/storefront-ui 1.0.12 → 1.0.13

package/dist/index80.mjs

@@ -1,72 +1,46 @@
 'use client';
-const e = {
-  Continue: 100,
-  SwitchingProtocols: 101,
-  Processing: 102,
-  EarlyHints: 103,
-  Ok: 200,
-  Created: 201,
-  Accepted: 202,
-  NonAuthoritativeInformation: 203,
-  NoContent: 204,
-  ResetContent: 205,
-  PartialContent: 206,
-  MultiStatus: 207,
-  AlreadyReported: 208,
-  ImUsed: 226,
-  MultipleChoices: 300,
-  MovedPermanently: 301,
-  Found: 302,
-  SeeOther: 303,
-  NotModified: 304,
-  UseProxy: 305,
-  Unused: 306,
-  TemporaryRedirect: 307,
-  PermanentRedirect: 308,
-  BadRequest: 400,
-  Unauthorized: 401,
-  PaymentRequired: 402,
-  Forbidden: 403,
-  NotFound: 404,
-  MethodNotAllowed: 405,
-  NotAcceptable: 406,
-  ProxyAuthenticationRequired: 407,
-  RequestTimeout: 408,
-  Conflict: 409,
-  Gone: 410,
-  LengthRequired: 411,
-  PreconditionFailed: 412,
-  PayloadTooLarge: 413,
-  UriTooLong: 414,
-  UnsupportedMediaType: 415,
-  RangeNotSatisfiable: 416,
-  ExpectationFailed: 417,
-  ImATeapot: 418,
-  MisdirectedRequest: 421,
-  UnprocessableEntity: 422,
-  Locked: 423,
-  FailedDependency: 424,
-  TooEarly: 425,
-  UpgradeRequired: 426,
-  PreconditionRequired: 428,
-  TooManyRequests: 429,
-  RequestHeaderFieldsTooLarge: 431,
-  UnavailableForLegalReasons: 451,
-  InternalServerError: 500,
-  NotImplemented: 501,
-  BadGateway: 502,
-  ServiceUnavailable: 503,
-  GatewayTimeout: 504,
-  HttpVersionNotSupported: 505,
-  VariantAlsoNegotiates: 506,
-  InsufficientStorage: 507,
-  LoopDetected: 508,
-  NotExtended: 510,
-  NetworkAuthenticationRequired: 511
-};
-Object.entries(e).forEach(([t, o]) => {
-  e[o] = t;
-});
+var s = (e, r) => (e = e.replace(/\/+$/, ""), e = e + "/", r = r.replace(/^\/+/, ""), e + r), p = (e, r) => {
+  for (const [n, t] of Object.entries(r)) {
+    const c = new RegExp("/:" + n + "(?:{[^/]+})?\\??");
+    e = e.replace(c, t ? `/${t}` : "");
+  }
+  return e;
+}, f = (e) => {
+  const r = new URLSearchParams();
+  for (const [n, t] of Object.entries(e))
+    if (t !== void 0)
+      if (Array.isArray(t))
+        for (const c of t)
+          r.append(n, c);
+      else
+        r.set(n, t);
+  return r;
+}, i = (e, r) => {
+  switch (r) {
+    case "ws":
+      return e.replace(/^http/, "ws");
+    case "http":
+      return e.replace(/^ws/, "http");
+  }
+}, l = (e) => /^https?:\/\/[^\/]+?\/index(?=\?|$)/.test(e) ? e.replace(/\/index(?=\?|$)/, "/") : e.replace(/\/index(?=\?|$)/, "");
+function a(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
+}
+function o(e, r) {
+  if (!a(e) && !a(r))
+    return r;
+  const n = { ...e };
+  for (const t in r) {
+    const c = r[t];
+    a(n[t]) && a(c) ? n[t] = o(n[t], c) : n[t] = c;
+  }
+  return n;
+}
 export {
-  e as default
+  f as buildSearchParams,
+  o as deepMerge,
+  s as mergePath,
+  l as removeIndexString,
+  p as replaceUrlParam,
+  i as replaceUrlProtocol
 };

package/dist/index81.mjs

@@ -1,5 +1,5 @@
 'use client';
-import f from "./index64.mjs";
+import f from "./index62.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/index82.mjs

@@ -1,5 +1,5 @@
 'use client';
-import n from "./index64.mjs";
+import n from "./index62.mjs";
 class a {
   constructor() {
     this.handlers = [];

package/dist/index83.mjs

@@ -1,10 +1,10 @@
 'use client';
 import r from "./index96.mjs";
-import p from "./index72.mjs";
-import l from "./index68.mjs";
-import m from "./index70.mjs";
-import a from "./index78.mjs";
-import o from "./index79.mjs";
+import p from "./index70.mjs";
+import l from "./index66.mjs";
+import m from "./index68.mjs";
+import a from "./index76.mjs";
+import o from "./index77.mjs";
 function d(e) {
   if (e.cancelToken && e.cancelToken.throwIfRequested(), e.signal && e.signal.aborted)
     throw new m(null, e);

package/dist/index85.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { VERSION as w } from "./index73.mjs";
-import s from "./index75.mjs";
+import { VERSION as w } from "./index71.mjs";
+import s from "./index73.mjs";
 const l = {};
 ["object", "boolean", "number", "function", "string", "symbol"].forEach((n, t) => {
   l[n] = function(o) {

package/dist/index87.mjs

@@ -1,6 +1,6 @@
 'use client';
-import s from "./index64.mjs";
-import f from "./index74.mjs";
+import s from "./index62.mjs";
+import f from "./index72.mjs";
 import r from "./index88.mjs";
 function d(o, i) {
   return f(o, new r.classes.URLSearchParams(), {

package/dist/index89.mjs

@@ -1,5 +1,5 @@
 'use client';
-import n from "./index64.mjs";
+import n from "./index62.mjs";
 const a = n.toObjectSet([
   "age",
   "authorization",

package/dist/index91.mjs

@@ -1,12 +1,12 @@
 'use client';
-import H from "./index64.mjs";
+import H from "./index62.mjs";
 import D from "./index99.mjs";
 import L from "./index86.mjs";
-import n from "./index75.mjs";
-import y from "./index70.mjs";
+import n from "./index73.mjs";
+import y from "./index68.mjs";
 import O from "./index100.mjs";
 import U from "./index88.mjs";
-import q from "./index78.mjs";
+import q from "./index76.mjs";
 import { progressEventReducer as A } from "./index101.mjs";
 import v from "./index102.mjs";
 const N = typeof XMLHttpRequest < "u", Q = N && function(s) {

package/dist/index92.mjs

@@ -1,10 +1,10 @@
 'use client';
 import K from "./index88.mjs";
-import t from "./index64.mjs";
-import b from "./index75.mjs";
+import t from "./index62.mjs";
+import b from "./index73.mjs";
 import ee from "./index103.mjs";
 import { trackStream as z } from "./index104.mjs";
-import te from "./index78.mjs";
+import te from "./index76.mjs";
 import { progressEventDecorator as I, progressEventReducer as M, asyncDecorator as j } from "./index101.mjs";
 import se from "./index102.mjs";
 import re from "./index99.mjs";

package/dist/index95.mjs

@@ -1,5 +1,5 @@
 'use client';
-import p from "./index74.mjs";
+import p from "./index72.mjs";
 function i(n) {
   const t = {
     "!": "%21",

package/dist/index96.mjs

@@ -1,7 +1,7 @@
 'use client';
-import i from "./index64.mjs";
-import m from "./index68.mjs";
-import s from "./index78.mjs";
+import i from "./index62.mjs";
+import m from "./index66.mjs";
+import s from "./index76.mjs";
 function h(f, t) {
   const o = this || m, r = t || o, n = s.from(r.headers);
   let a = r.data;

package/dist/index99.mjs

@@ -1,5 +1,5 @@
 'use client';
-import a from "./index75.mjs";
+import a from "./index73.mjs";
 function E(i, f, t) {
   const u = t.config.validateStatus;
   !t.status || !u || u(t.status) ? i(t) : f(new a(

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.13",
   "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');
     },