@instockng/storefront-ui 1.0.11 → 1.0.13

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/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,6 +1,6 @@
 'use client';
-import f from "./index64.mjs";
-import d from "./index93.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 "./index94.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 r from "./index96.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/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/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/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/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/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 "./index72.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 "./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;
+  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/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.11",
+  "version": "1.0.13",
   "description": "Pre-built UI components for OMS e-commerce sites",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

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/components/ShoppingCart.tsx

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