@instockng/storefront-ui 1.0.14 → 1.0.16

package/dist/index92.mjs

@@ -1,170 +1,34 @@
 'use client';
-import K from "./index88.mjs";
-import t from "./index64.mjs";
-import b from "./index75.mjs";
-import ee from "./index103.mjs";
-import { trackStream as z } from "./index104.mjs";
-import te from "./index78.mjs";
-import { progressEventDecorator as I, progressEventReducer as M, asyncDecorator as j } from "./index101.mjs";
-import se from "./index102.mjs";
-import re from "./index99.mjs";
-const J = 64 * 1024, { isFunction: P } = t, ne = (({ Request: r, Response: n }) => ({
-  Request: r,
-  Response: n
-}))(t.global), {
-  ReadableStream: V,
-  TextEncoder: W
-} = t.global, Z = (r, ...n) => {
-  try {
-    return !!r(...n);
-  } catch {
-    return !1;
-  }
-}, oe = (r) => {
-  r = t.merge.call({
-    skipUndefined: !0
-  }, ne, r);
-  const { fetch: n, Request: o, Response: y } = r, g = n ? P(n) : typeof fetch == "function", f = P(o), F = P(y);
-  if (!g)
-    return !1;
-  const w = g && P(V), R = g && (typeof W == "function" ? /* @__PURE__ */ ((e) => (s) => e.encode(s))(new W()) : async (e) => new Uint8Array(await new o(e).arrayBuffer())), d = f && w && Z(() => {
-    let e = !1;
-    const s = new o(K.origin, {
-      body: new V(),
-      method: "POST",
-      get duplex() {
-        return e = !0, "half";
-      }
-    }).headers.has("Content-Type");
-    return e && !s;
-  }), h = F && w && Z(() => t.isReadableStream(new y("").body)), x = {
-    stream: h && ((e) => e.body)
+import p from "./index73.mjs";
+function i(n) {
+  const t = {
+    "!": "%21",
+    "'": "%27",
+    "(": "%28",
+    ")": "%29",
+    "~": "%7E",
+    "%20": "+",
+    "%00": "\0"
   };
-  g && ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((e) => {
-    !x[e] && (x[e] = (s, i) => {
-      let c = s && s[e];
-      if (c)
-        return c.call(s);
-      throw new b(`Response type '${e}' is not supported`, b.ERR_NOT_SUPPORT, i);
-    });
+  return encodeURIComponent(n).replace(/[!'()~]|%20|%00/g, function(r) {
+    return t[r];
   });
-  const $ = async (e) => {
-    if (e == null)
-      return 0;
-    if (t.isBlob(e))
-      return e.size;
-    if (t.isSpecCompliantForm(e))
-      return (await new o(K.origin, {
-        method: "POST",
-        body: e
-      }).arrayBuffer()).byteLength;
-    if (t.isArrayBufferView(e) || t.isArrayBuffer(e))
-      return e.byteLength;
-    if (t.isURLSearchParams(e) && (e = e + ""), t.isString(e))
-      return (await R(e)).byteLength;
-  }, G = async (e, s) => {
-    const i = t.toFiniteNumber(e.getContentLength());
-    return i ?? $(s);
-  };
-  return async (e) => {
-    let {
-      url: s,
-      method: i,
-      data: c,
-      signal: Q,
-      cancelToken: _,
-      timeout: X,
-      onDownloadProgress: O,
-      onUploadProgress: B,
-      responseType: l,
-      headers: q,
-      withCredentials: C = "same-origin",
-      fetchOptions: U
-    } = se(e), v = n || fetch;
-    l = l ? (l + "").toLowerCase() : "text";
-    let E = ee([Q, _ && _.toAbortSignal()], X), T = null;
-    const m = E && E.unsubscribe && (() => {
-      E.unsubscribe();
-    });
-    let D;
-    try {
-      if (B && d && i !== "get" && i !== "head" && (D = await G(q, c)) !== 0) {
-        let p = new o(s, {
-          method: "POST",
-          body: c,
-          duplex: "half"
-        }), S;
-        if (t.isFormData(c) && (S = p.headers.get("content-type")) && q.setContentType(S), p.body) {
-          const [A, L] = I(
-            D,
-            M(j(B))
-          );
-          c = z(p.body, J, A, L);
-        }
-      }
-      t.isString(C) || (C = C ? "include" : "omit");
-      const a = f && "credentials" in o.prototype, N = {
-        ...U,
-        signal: E,
-        method: i.toUpperCase(),
-        headers: q.normalize().toJSON(),
-        body: c,
-        duplex: "half",
-        credentials: a ? C : void 0
-      };
-      T = f && new o(s, N);
-      let u = await (f ? v(T, U) : v(s, N));
-      const k = h && (l === "stream" || l === "response");
-      if (h && (O || k && m)) {
-        const p = {};
-        ["status", "statusText", "headers"].forEach((H) => {
-          p[H] = u[H];
-        });
-        const S = t.toFiniteNumber(u.headers.get("content-length")), [A, L] = O && I(
-          S,
-          M(j(O), !0)
-        ) || [];
-        u = new y(
-          z(u.body, J, A, () => {
-            L && L(), m && m();
-          }),
-          p
-        );
-      }
-      l = l || "text";
-      let Y = await x[t.findKey(x, l) || "text"](u, e);
-      return !k && m && m(), await new Promise((p, S) => {
-        re(p, S, {
-          data: Y,
-          headers: te.from(u.headers),
-          status: u.status,
-          statusText: u.statusText,
-          config: e,
-          request: T
-        });
-      });
-    } catch (a) {
-      throw m && m(), a && a.name === "TypeError" && /Load failed|fetch/i.test(a.message) ? Object.assign(
-        new b("Network Error", b.ERR_NETWORK, e, T),
-        {
-          cause: a.cause || a
-        }
-      ) : b.from(a, a && a.code, e, T);
-    }
-  };
-}, ae = /* @__PURE__ */ new Map(), ie = (r) => {
-  let n = r ? r.env : {};
-  const { fetch: o, Request: y, Response: g } = n, f = [
-    y,
-    g,
-    o
-  ];
-  let F = f.length, w = F, R, d, h = ae;
-  for (; w--; )
-    R = f[w], d = h.get(R), d === void 0 && h.set(R, d = w ? /* @__PURE__ */ new Map() : oe(n)), h = d;
-  return d;
+}
+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("&");
 };
-ie();
 export {
-  ie as getFetch
+  a as default
 };

package/dist/index93.mjs

@@ -1,16 +1,14 @@
 '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"]
-};
+import i from "./index63.mjs";
+import m from "./index67.mjs";
+import s from "./index77.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 {
-  l as default
+  h as default
 };

package/dist/index94.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 e(t) {
+  return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(t);
+}
 export {
-  e as hasBrowserEnv,
-  n as hasStandardBrowserEnv,
-  t as hasStandardBrowserWebWorkerEnv,
-  o as navigator,
-  r as origin
+  e as default
 };

package/dist/index95.mjs

@@ -1,34 +1,7 @@
 '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 n(e, c) {
+  return c ? e.replace(/\/?\/$/, "") + "/" + c.replace(/^\/+/, "") : e;
 }
-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 {
-  a as default
+  n as default
 };

package/dist/index96.mjs

@@ -1,14 +1,16 @@
 '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;
-}
+import o from "./index104.mjs";
+import r from "./index105.mjs";
+import t from "./index106.mjs";
+const l = {
+  isBrowser: !0,
+  classes: {
+    URLSearchParams: o,
+    FormData: r,
+    Blob: t
+  },
+  protocols: ["http", "https", "file", "blob", "url", "data"]
+};
 export {
-  h as default
+  l as default
 };

package/dist/index97.mjs

@@ -1,7 +1,10 @@
 'use client';
-function e(t) {
-  return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(t);
-}
+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 {
-  e as default
+  e as hasBrowserEnv,
+  n as hasStandardBrowserEnv,
+  t as hasStandardBrowserWebWorkerEnv,
+  o as navigator,
+  r as origin
 };

package/dist/index98.mjs

@@ -1,7 +1,15 @@
 'use client';
-function n(e, c) {
-  return c ? e.replace(/\/?\/$/, "") + "/" + c.replace(/^\/+/, "") : e;
+import a from "./index74.mjs";
+function E(i, f, t) {
+  const u = t.config.validateStatus;
+  !t.status || !u || u(t.status) ? i(t) : f(new a(
+    "Request failed with status code " + t.status,
+    [a.ERR_BAD_REQUEST, a.ERR_BAD_RESPONSE][Math.floor(t.status / 100) - 4],
+    t.config,
+    t.request,
+    t
+  ));
 }
 export {
-  n as default
+  E as default
 };

package/dist/index99.mjs

@@ -1,15 +1,8 @@
 'use client';
-import a from "./index75.mjs";
-function E(i, f, t) {
-  const u = t.config.validateStatus;
-  !t.status || !u || u(t.status) ? i(t) : f(new a(
-    "Request failed with status code " + t.status,
-    [a.ERR_BAD_REQUEST, a.ERR_BAD_RESPONSE][Math.floor(t.status / 100) - 4],
-    t.config,
-    t.request,
-    t
-  ));
+function o(e) {
+  const t = /^([-+\w]{1,25})(:?\/\/|:)/.exec(e);
+  return t && t[1] || "";
 }
 export {
-  E as default
+  o as default
 };

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

@@ -4,7 +4,7 @@
  * Provides fake cart data for UI prototyping without needing a real backend.
  */
 import { ReactNode } from 'react';
-import type { Cart } from '@oms/api-client';
+import type { Cart } from '@instockng/api-client';
 import type { ShoppingCartProps } from '../components/ShoppingCart';
 interface MockCartProviderProps {
     children: ReactNode;

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,2CAkSvB"}
+{"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,uBAAuB,CAAC;AACvE,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.14",
+  "version": "1.0.16",
   "description": "Pre-built UI components for OMS e-commerce sites",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -34,6 +34,7 @@
   "author": "Ola Wale",
   "license": "MIT",
   "dependencies": {
+    "@instockng/api-client": "^1.0.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.0",
     "tailwind-merge": "^2.2.0",
@@ -65,9 +66,7 @@
     "storybook": "^9.1.12",
     "tailwindcss": "^4.1.14",
     "typescript": "^5.3.3",
-    "vite": "^5.4.20",
-    "@oms/api-client": "1.0.0",
-    "@oms/shared": "1.0.0"
+    "vite": "^5.4.20"
   },
   "scripts": {
     "type-check": "tsc --noEmit",

package/src/components/CartItem.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { CartItem } from './CartItem';
-import type {CartItem as CartItemType} from '@oms/api-client';
+import type {CartItem as CartItemType} from '@instockng/api-client';
 
 const meta = {
   title: 'Components/CartItem',

package/src/components/CartItem.tsx

@@ -6,7 +6,7 @@
 
 import { Trash2, Package } from 'lucide-react';
 import { formatCurrency, cn } from '../lib/utils';
-import type { CartItem as CartItemType } from '@oms/api-client';
+import type { CartItem as CartItemType } from '@instockng/api-client';
 import { useCart } from '@/contexts/CartContext';
 import { useCallback, useState } from 'react';
 

package/src/components/Checkout.stories.tsx

@@ -11,7 +11,7 @@ import { Checkout, type CheckoutProps } from './Checkout';
 import { Button } from './ui/button';
 import { MockCartProvider } from '../test-utils/MockCartProvider';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import type { Cart } from '@oms/api-client';
+import type { Cart } from '@instockng/api-client';
 
 // Mock delivery zones data
 const mockDeliveryZones = [

package/src/components/Checkout.tsx

@@ -9,8 +9,8 @@
 
 import { useState, useEffect, useMemo, useCallback } from 'react';
 import * as Yup from 'yup';
-import { useGetDeliveryZones } from '@oms/api-client';
-import type { Order } from '@oms/api-client';
+import { useGetDeliveryZones } from '@instockng/api-client';
+import type { Order } from '@instockng/api-client';
 import { useCart } from '../contexts/CartContext';
 import { Modal } from './ui/modal';
 import { FormInput } from './ui/form-input';

package/src/components/OrderConfirmation.tsx

@@ -6,14 +6,19 @@
  */
 
 import { useState } from 'react';
-import { useGetOrder, useConfirmOrder } from '@oms/api-client';
-import { WHATSAPP_HELP_LINK, WHATSAPP_HELP_NUMBER_FORMATTED } from '@oms/shared';
+import { useGetOrder, useConfirmOrder } from '@instockng/api-client';
 import { Card, CardContent, CardHeader, CardTitle } from './ui/card';
 import { Button } from './ui/button';
 import { Badge } from './ui/badge';
 import { CheckCircle, XCircle, Loader2, Package } from 'lucide-react';
 import { formatCurrency, formatDateTime, cn } from '../lib/utils';
 
+// WhatsApp support contact constants
+const WHATSAPP_HELP_NUMBER = '2348125648668';
+const localPart = '0' + WHATSAPP_HELP_NUMBER.slice(3);
+const WHATSAPP_HELP_NUMBER_FORMATTED = `${localPart.slice(0, 4)} ${localPart.slice(4, 7)} ${localPart.slice(7)}`;
+const WHATSAPP_HELP_LINK = `https://wa.me/${WHATSAPP_HELP_NUMBER}`;
+
 export interface OrderConfirmationProps {
   /** Order UUID */
   orderId: string;

package/src/components/ProductGrid.tsx

@@ -5,7 +5,7 @@
  * Handles loading, empty states, and integrates with useGetProducts hook.
  */
 
-import { useGetProducts } from '@oms/api-client';
+import { useGetProducts } from '@instockng/api-client';
 import { ProductCard, type ProductCardProduct } from './ProductCard';
 import { Loader2, Package } from 'lucide-react';
 import { cn } from '../lib/utils';

package/src/components/ShoppingCart.stories.tsx

@@ -10,7 +10,7 @@ import { MockCartProvider } from '../test-utils/MockCartProvider';
 import { fn } from '@storybook/test';
 import { Button } from './ui/button';
 import { ShoppingCart as ShoppingCartIcon } from 'lucide-react';
-import type { Cart } from '@oms/api-client';
+import type { Cart } from '@instockng/api-client';
 
 // Demo component showing how to use the cart context
 const CartDemo = ({ title, description }: { title?: string; description?: string }) => {

package/src/contexts/CartContext.tsx

@@ -4,7 +4,7 @@
  * Cart Context Provider
  *
  * Manages cart state with localStorage persistence and auto-creation.
- * Uses @oms/api-client hooks for all cart operations.
+ * Uses @instockng/api-client hooks for all cart operations.
  * Includes built-in ShoppingCart modal that can be opened/closed from anywhere.
  */
 
@@ -20,7 +20,7 @@ import {
   useRemoveDiscount,
   useCheckoutCart,
   type Cart,
-} from '@oms/api-client';
+} from '@instockng/api-client';
 import { ShoppingCart } from '../components/ShoppingCart';
 
 const CART_ID_KEY = 'oms_cart_id';

package/src/index.ts

@@ -47,5 +47,6 @@ export type { FormSelectProps } from './components/ui/form-select';
 // Export utilities
 export { cn, formatCurrency, formatDate, formatDateTime, getStatusColor } from './lib/utils';
 
-// Re-export API client hooks for convenience
-export * from '@oms/api-client';
+// Re-export API client hooks and fetchers for convenience
+// This includes all hooks (useGetProducts, useGetCart, etc.) and fetchers (fetchProductsByBrand, fetchCartById, etc.)
+export * from '@instockng/api-client';

package/src/providers/StorefrontProvider.tsx

@@ -26,7 +26,7 @@
  */
 
 import { ReactNode } from 'react';
-import { ApiClientProvider } from '@oms/api-client';
+import { ApiClientProvider } from '@instockng/api-client';
 import { CartProvider, CartProviderProps } from '../contexts/CartContext';
 
 export interface StorefrontProviderProps {

package/src/test-utils/MockCartProvider.tsx

@@ -7,7 +7,7 @@
 import { ReactNode, useState, useCallback } from 'react';
 import { CartContext } from '../contexts/CartContext';
 import { ShoppingCart } from '../components/ShoppingCart';
-import type { Cart, PublicOrderResponse } from '@oms/api-client';
+import type { Cart, PublicOrderResponse } from '@instockng/api-client';
 import type { ShoppingCartProps } from '../components/ShoppingCart';
 
 // Use the proper type from the API client

package/dist/index111.mjs

@@ -1,33 +0,0 @@
-'use client';
-import r from "./index64.mjs";
-import c from "./index88.mjs";
-const p = c.hasStandardBrowserEnv ? (
-  // Standard browser envs support document.cookie
-  {
-    write(e, t, n, i, s, u) {
-      const o = [e + "=" + encodeURIComponent(t)];
-      r.isNumber(n) && o.push("expires=" + new Date(n).toGMTString()), r.isString(i) && o.push("path=" + i), r.isString(s) && o.push("domain=" + s), u === !0 && o.push("secure"), document.cookie = o.join("; ");
-    },
-    read(e) {
-      const t = document.cookie.match(new RegExp("(^|;\\s*)(" + e + ")=([^;]*)"));
-      return t ? decodeURIComponent(t[3]) : null;
-    },
-    remove(e) {
-      this.write(e, "", Date.now() - 864e5);
-    }
-  }
-) : (
-  // Non-standard browser env (web workers, react-native) lack needed support.
-  {
-    write() {
-    },
-    read() {
-      return null;
-    },
-    remove() {
-    }
-  }
-);
-export {
-  p as default
-};