@instockng/storefront-ui 1.0.13 → 1.0.15

package/dist/index80.mjs

@@ -1,46 +1,72 @@
 'use client';
-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;
-}
+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;
+});
 export {
-  f as buildSearchParams,
-  o as deepMerge,
-  s as mergePath,
-  l as removeIndexString,
-  p as replaceUrlParam,
-  i as replaceUrlProtocol
+  e as default
 };

package/dist/index81.mjs

@@ -1,6 +1,6 @@
 'use client';
-import f from "./index62.mjs";
-import d from "./index95.mjs";
+import f from "./index64.mjs";
+import d from "./index93.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 "./index62.mjs";
+import n from "./index64.mjs";
 class a {
   constructor() {
     this.handlers = [];

package/dist/index83.mjs

@@ -1,10 +1,10 @@
 'use client';
-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";
+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";
 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 "./index97.mjs";
-import f from "./index98.mjs";
+import r from "./index95.mjs";
+import f from "./index96.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 "./index71.mjs";
-import s from "./index73.mjs";
+import { VERSION as w } from "./index73.mjs";
+import s from "./index75.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 "./index62.mjs";
-import f from "./index72.mjs";
+import s from "./index64.mjs";
+import f from "./index74.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 "./index93.mjs";
-import * as t from "./index94.mjs";
+import o from "./index97.mjs";
+import * as t from "./index98.mjs";
 const m = {
   ...t,
   ...o

package/dist/index89.mjs

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

package/dist/index91.mjs

@@ -1,12 +1,12 @@
 'use client';
-import H from "./index62.mjs";
+import H from "./index64.mjs";
 import D from "./index99.mjs";
 import L from "./index86.mjs";
-import n from "./index73.mjs";
-import y from "./index68.mjs";
+import n from "./index75.mjs";
+import y from "./index70.mjs";
 import O from "./index100.mjs";
 import U from "./index88.mjs";
-import q from "./index76.mjs";
+import q from "./index78.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 "./index62.mjs";
-import b from "./index73.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 "./index76.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";

package/dist/index93.mjs

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

package/dist/index94.mjs

@@ -1,10 +1,14 @@
 '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";
+import i from "./index64.mjs";
+import m from "./index68.mjs";
+import s from "./index78.mjs";
+function h(f, t) {
+  const o = this || m, r = t || o, n = s.from(r.headers);
+  let a = r.data;
+  return i.forEach(f, function(e) {
+    a = e.call(o, a, n.normalize(), t ? t.status : void 0);
+  }), n.normalize(), a;
+}
 export {
-  e as hasBrowserEnv,
-  n as hasStandardBrowserEnv,
-  t as hasStandardBrowserWebWorkerEnv,
-  o as navigator,
-  r as origin
+  h as default
 };

package/dist/index95.mjs

@@ -1,34 +1,7 @@
 'use client';
-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 e(t) {
+  return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(t);
 }
-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
+  e as default
 };

package/dist/index96.mjs

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

package/dist/index97.mjs

@@ -1,7 +1,16 @@
 'use client';
-function e(t) {
-  return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(t);
-}
+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 {
-  e as default
+  l as default
 };

package/dist/index98.mjs

@@ -1,7 +1,10 @@
 'use client';
-function n(e, c) {
-  return c ? e.replace(/\/?\/$/, "") + "/" + c.replace(/^\/+/, "") : e;
-}
+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 {
-  n as default
+  e as hasBrowserEnv,
+  n as hasStandardBrowserEnv,
+  t as hasStandardBrowserWebWorkerEnv,
+  o as navigator,
+  r as origin
 };

package/dist/index99.mjs

@@ -1,5 +1,5 @@
 'use client';
-import a from "./index73.mjs";
+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(

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.13",
+  "version": "1.0.15",
   "description": "Pre-built UI components for OMS e-commerce sites",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -34,10 +34,12 @@
   "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",
-    "yup": "^1.7.1"
+    "yup": "^1.7.1",
+    "@oms/shared": "1.0.0"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",
@@ -65,9 +67,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,7 +6,7 @@
  */
 
 import { useState } from 'react';
-import { useGetOrder, useConfirmOrder } from '@oms/api-client';
+import { useGetOrder, useConfirmOrder } from '@instockng/api-client';
 import { WHATSAPP_HELP_LINK, WHATSAPP_HELP_NUMBER_FORMATTED } from '@oms/shared';
 import { Card, CardContent, CardHeader, CardTitle } from './ui/card';
 import { Button } from './ui/button';

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