@instockng/storefront-ui 1.0.106 → 1.0.107

package/dist/index28.mjs

@@ -1,35 +1,45 @@
 'use client';
-import { jsx as r } from "react/jsx-runtime";
-import { createContext as p, useEffect as C, useMemo as f, useContext as m } from "react";
-import { QueryClient as d, QueryClientProvider as x } from "@tanstack/react-query";
-import { initializeApiClient as u } from "./index30.mjs";
-const l = p(null);
-function a({ children: e, baseURL: t = "https://oms-api.instock.ng", getAuthToken: s, onError: i, queryClient: n }) {
-  const o = {
-    baseURL: t,
-    onError: i
-  };
-  u(o), C(() => {
-    u(o);
-  }, [t, i]);
-  const c = f(() => n || new d({
-    defaultOptions: {
-      queries: {
-        retry: 1,
-        refetchOnWindowFocus: !1,
-        staleTime: 5e3
-      }
-    }
-  }), [n]);
-  return r(x, { client: c, children: r(l.Provider, { value: { baseURL: t, getAuthToken: s }, children: e }) });
-}
-function y() {
-  const e = m(l);
-  if (!e)
-    throw new Error("useApiClientContext must be used within ApiClientProvider");
-  return e;
-}
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import u from "react";
+import { cn as a } from "./index30.mjs";
+const f = u.forwardRef(
+  ({
+    label: o,
+    error: r,
+    icon: t,
+    className: c,
+    containerClassName: d,
+    required: m,
+    disabled: s,
+    ...n
+  }, i) => /* @__PURE__ */ l("div", { className: a("w-full", d), children: [
+    o && /* @__PURE__ */ l("label", { className: "mb-1.5 block text-sm font-medium text-gray-700", children: [
+      o,
+      m && /* @__PURE__ */ e("span", { className: "ml-1 text-red-600", children: "*" })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "relative", children: [
+      t && /* @__PURE__ */ e("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-gray-400", children: t }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: i,
+          disabled: s,
+          className: a(
+            "w-full rounded-lg border px-3 py-2.5 text-sm transition-colors",
+            "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",
+            t && "pl-10",
+            r ? "border-red-500 focus:border-red-500 focus:ring-red-500" : "border-gray-300 focus:border-blue-500",
+            s && "bg-gray-50 text-gray-500 cursor-not-allowed",
+            c
+          ),
+          ...n
+        }
+      )
+    ] }),
+    r && /* @__PURE__ */ e("p", { className: "mt-1.5 text-sm text-red-600", role: "alert", children: r })
+  ] })
+);
+f.displayName = "FormInput";
 export {
-  a as ApiClientProvider,
-  y as useApiClientContext
+  f as FormInput
 };

package/dist/index280.mjs

@@ -1,5 +1,20 @@
 'use client';
-const e = {};
+function y(t, n) {
+  t = t || 10;
+  const c = new Array(t), o = new Array(t);
+  let e = 0, r = 0, i;
+  return n = n !== void 0 ? n : 1e3, function(h) {
+    const d = Date.now(), a = o[r];
+    i || (i = d), c[e] = h, o[e] = d;
+    let f = r, u = 0;
+    for (; f !== e; )
+      u += c[f++], f = f % t;
+    if (e = (e + 1) % t, e === r && (r = (r + 1) % t), d - i < n)
+      return;
+    const w = a && d - a;
+    return w ? Math.round(u * 1e3 / w) : void 0;
+  };
+}
 export {
-  e as default
+  y as default
 };

package/dist/index281.mjs

@@ -1,5 +1,16 @@
 'use client';
-var e = {};
+function h(r, a) {
+  let s = 0, u = 1e3 / a, e, t;
+  const n = (l, o = Date.now()) => {
+    s = o, e = null, t && (clearTimeout(t), t = null), r(...l);
+  };
+  return [(...l) => {
+    const o = Date.now(), i = o - s;
+    i >= u ? n(l, o) : (e = l, t || (t = setTimeout(() => {
+      t = null, n(e);
+    }, u - i)));
+  }, () => e && n(e)];
+}
 export {
-  e as __exports
+  h as default
 };

package/dist/index282.mjs

@@ -1,5 +1,9 @@
 'use client';
-var e = {};
+import o from "./index160.mjs";
+const n = o.hasStandardBrowserEnv ? /* @__PURE__ */ ((r, e) => (t) => (t = new URL(t, o.origin), r.protocol === t.protocol && r.host === t.host && (e || r.port === t.port)))(
+  new URL(o.origin),
+  o.navigator && /(msie|trident)/i.test(o.navigator.userAgent)
+) : () => !0;
 export {
-  e as __exports
+  n as default
 };

package/dist/index283.mjs

@@ -1,5 +1,33 @@
 'use client';
-var o = { exports: {} };
+import r from "./index94.mjs";
+import c from "./index160.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 {
-  o as __module
+  p as default
 };

package/dist/index284.mjs

@@ -0,0 +1,5 @@
+'use client';
+var e = {};
+export {
+  e as __exports
+};

package/dist/index285.mjs

@@ -0,0 +1,5 @@
+'use client';
+var e = {};
+export {
+  e as __exports
+};

package/dist/index286.mjs

@@ -0,0 +1,5 @@
+'use client';
+var o = { exports: {} };
+export {
+  o as __module
+};

package/dist/index29.mjs

@@ -1,12 +1,45 @@
 'use client';
-import { useApiClientContext as n } from "./index28.mjs";
-function i() {
-  const { baseURL: t, getAuthToken: e } = n();
-  return {
-    baseURL: t,
-    getAuthToken: e
-  };
-}
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import g from "react";
+import { cn as l } from "./index30.mjs";
+const u = g.forwardRef(
+  ({
+    label: t,
+    error: e,
+    className: a,
+    containerClassName: c,
+    required: m,
+    disabled: o,
+    children: n,
+    ...i
+  }, d) => /* @__PURE__ */ s("div", { className: l("w-full", c), children: [
+    t && /* @__PURE__ */ s("label", { className: "mb-1.5 block text-sm font-medium text-gray-700", children: [
+      t,
+      m && /* @__PURE__ */ r("span", { className: "ml-1 text-red-600", children: "*" })
+    ] }),
+    /* @__PURE__ */ r(
+      "select",
+      {
+        ref: d,
+        disabled: o,
+        className: l(
+          "w-full rounded-lg border px-3 py-2.5 text-sm transition-colors",
+          "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",
+          "appearance-none bg-white",
+          `bg-[url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E")] bg-no-repeat bg-[right_0.75rem_center]`,
+          "pr-10",
+          e ? "border-red-500 focus:border-red-500 focus:ring-red-500" : "border-gray-300 focus:border-blue-500",
+          o && "bg-gray-50 text-gray-500 cursor-not-allowed",
+          a
+        ),
+        ...i,
+        children: n
+      }
+    ),
+    e && /* @__PURE__ */ r("p", { className: "mt-1.5 text-sm text-red-600", role: "alert", children: e })
+  ] })
+);
+u.displayName = "FormSelect";
 export {
-  i as useApiConfig
+  u as FormSelect
 };

package/dist/index3.mjs

@@ -1,14 +1,14 @@
 'use client';
 import { jsxs as pt, jsx as It } from "react/jsx-runtime";
 import { createContext as kt, useState as P, useRef as R, useEffect as f, useCallback as c, useContext as ht } from "react";
-import "./index28.mjs";
-import { queryKeys as O } from "./index37.mjs";
-import { useGetCart as wt, useCreateCart as yt, useAddCartItem as vt, useUpdateCartItem as Tt, useRemoveCartItem as At, useApplyDiscount as Dt, useRemoveDiscount as Mt, useUpdateCart as gt, useCheckoutCart as Et, useInitiateCheckout as xt } from "./index40.mjs";
+import "./index31.mjs";
+import { queryKeys as O } from "./index40.mjs";
+import { useGetCart as wt, useCreateCart as yt, useAddCartItem as vt, useUpdateCartItem as Tt, useRemoveCartItem as At, useApplyDiscount as Dt, useRemoveDiscount as Mt, useUpdateCart as gt, useCheckoutCart as Et, useInitiateCheckout as xt } from "./index43.mjs";
 import { useQueryClient as Pt } from "@tanstack/react-query";
 import { ShoppingCart as Rt } from "./index16.mjs";
 import { useMetaPixel as St } from "./index4.mjs";
 import { useTikTokPixel as _t } from "./index5.mjs";
-import { getFbCookies as $, getTikTokCookies as G, generateClientEventId as bt } from "./index27.mjs";
+import { getFbCookies as $, getTikTokCookies as G, generateClientEventId as bt } from "./index30.mjs";
 const l = "oms_cart_id", H = kt(null);
 function Gt({ children: C, brandSlug: i, initialCartId: p, shoppingCartProps: Y }) {
   const [t, u] = P(p || null), [I, y] = P(!1), [z, B] = P(!1), S = R(!1), _ = R(!1), v = R(!1), b = Pt(), { trackAddToCart: T, trackInitiateCheckout: A } = St(), { trackAddToCart: D, trackInitiateCheckout: M } = _t();

package/dist/index30.mjs

@@ -1,25 +1,92 @@
 'use client';
-import "./index59.mjs";
-import r from "./index60.mjs";
-let e = null;
+import { clsx as u } from "./index60.mjs";
+import { twMerge as a } from "./index61.mjs";
+function g(...t) {
+  return a(u(t));
+}
+function m(t) {
+  return new Intl.NumberFormat("en-NG", {
+    style: "currency",
+    currency: "NGN",
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).format(t);
+}
 function p(t) {
-  return e = r.create({
-    baseURL: t.baseURL,
-    headers: {
-      "Content-Type": "application/json"
+  return (typeof t == "string" ? new Date(t) : t).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+}
+function b(t) {
+  return (typeof t == "string" ? new Date(t) : t).toLocaleString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function f(t, e) {
+  if (!e) return 0;
+  let n = 0;
+  const o = Object.keys(e).map(Number).sort((r, c) => c - r);
+  for (const r of o)
+    if (t >= r) {
+      n = e[r];
+      break;
     }
-  }), e.interceptors.response.use((i) => i, (i) => (t.onError && t.onError(i), Promise.reject(i))), e;
+  return n;
+}
+function y(t, e, n) {
+  if (e === 1) return t;
+  const r = (100 - f(e, n)) / 100;
+  return Math.round(t * e * r);
+}
+function w(t) {
+  return {
+    pending: "bg-yellow-100 text-yellow-800",
+    shipped: "bg-blue-100 text-blue-800",
+    delivered: "bg-green-100 text-green-800",
+    cancelled: "bg-red-100 text-red-800",
+    refunded: "bg-purple-100 text-purple-800",
+    prospect: "bg-orange-100 text-orange-800"
+  }[t] || "bg-gray-100 text-gray-800";
+}
+function i(t) {
+  var o;
+  if (typeof document > "u") return;
+  const n = `; ${document.cookie}`.split(`; ${t}=`);
+  if (n.length === 2) return (o = n.pop()) == null ? void 0 : o.split(";").shift();
+}
+function l(t) {
+  return typeof window > "u" ? void 0 : new URLSearchParams(window.location.search).get(t) || void 0;
+}
+function x() {
+  return {
+    fbc: i("_fbc"),
+    fbp: i("_fbp")
+  };
 }
-function l() {
-  if (!e)
-    throw new Error("API client not initialized. Make sure to wrap your app with ApiClientProvider.");
-  return e;
+function h() {
+  return {
+    ttp: i("_ttp"),
+    ttclid: l("ttclid")
+  };
 }
-function a() {
-  e = null;
+function k(t, e, n) {
+  return `${t}_${e}_${n}`;
 }
 export {
-  l as getApiClient,
-  p as initializeApiClient,
-  a as resetApiClient
+  y as calculateDiscountedPrice,
+  g as cn,
+  m as formatCurrency,
+  p as formatDate,
+  b as formatDateTime,
+  k as generateClientEventId,
+  f as getDiscountPercent,
+  x as getFbCookies,
+  w as getStatusColor,
+  h as getTikTokCookies
 };

package/dist/index31.mjs

@@ -1,41 +1,35 @@
 'use client';
-import { hc as r } from "./index61.mjs";
-function t(e) {
-  const s = `${e}/v1`;
-  return {
-    carts: r(`${s}/carts`),
-    orders: r(`${s}/orders`),
-    products: r(`${s}/products`),
-    deliveryZones: r(`${s}/delivery-zones`),
-    brands: r(`${s}/brands`),
-    productAddons: r(`${s}/product-addons`)
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as p, useEffect as C, useMemo as f, useContext as m } from "react";
+import { QueryClient as d, QueryClientProvider as x } from "@tanstack/react-query";
+import { initializeApiClient as u } from "./index33.mjs";
+const l = p(null);
+function a({ children: e, baseURL: t = "https://oms-api.instock.ng", getAuthToken: s, onError: i, queryClient: n }) {
+  const o = {
+    baseURL: t,
+    onError: i
   };
+  u(o), C(() => {
+    u(o);
+  }, [t, i]);
+  const c = f(() => n || new d({
+    defaultOptions: {
+      queries: {
+        retry: 1,
+        refetchOnWindowFocus: !1,
+        staleTime: 5e3
+      }
+    }
+  }), [n]);
+  return r(x, { client: c, children: r(l.Provider, { value: { baseURL: t, getAuthToken: s }, children: e }) });
 }
-function o(e) {
-  const s = `${e}/v1/admin`;
-  return {
-    orders: r(`${s}/orders`),
-    brands: r(`${s}/brands`),
-    products: r(`${s}/products`),
-    variants: r(`${s}/variants`),
-    warehouses: r(`${s}/warehouses`),
-    inventory: r(`${s}/inventory`),
-    customers: r(`${s}/customers`),
-    stats: r(`${s}/stats`),
-    abandonedCarts: r(`${s}/abandoned-carts`),
-    discountCodes: r(`${s}/discount-codes`),
-    deliveryZones: r(`${s}/delivery-zones`),
-    productAddons: r(`${s}/product-addons`),
-    media: r(`${s}/media`),
-    sales: r(`${s}/sales`),
-    dispatchRiders: r(`${s}/dispatch-riders`)
-  };
-}
-function n(e) {
-  return { headers: { Authorization: `Bearer ${e}` } };
+function y() {
+  const e = m(l);
+  if (!e)
+    throw new Error("useApiClientContext must be used within ApiClientProvider");
+  return e;
 }
 export {
-  n as authHeaders,
-  o as createAdminRpcClients,
-  t as createRpcClients
+  a as ApiClientProvider,
+  y as useApiClientContext
 };

package/dist/index32.mjs

@@ -1,43 +1,12 @@
 'use client';
-import { createRpcClients as e } from "./index31.mjs";
-const s = "https://oms-api.instock.ng";
-async function a(n) {
-  const t = await e(s).products[":brandSlug"].$get({
-    param: { brandSlug: n }
-  });
-  if (!t.ok)
-    throw new Error(`Failed to fetch products: ${t.statusText}`);
-  return t.json();
-}
-async function i(n) {
-  const t = await e(s).products.product[":slug"].$get({
-    param: { slug: n }
-  });
-  if (!t.ok)
-    throw new Error(`Failed to fetch product: ${t.statusText}`);
-  return t.json();
-}
-async function u(n, o) {
-  const r = await e(s).productAddons[":slug"].$get({
-    param: { slug: n },
-    query: o !== void 0 ? { limit: String(o) } : {}
-  });
-  if (!r.ok)
-    throw new Error(`Failed to fetch product add-ons: ${r.statusText}`);
-  return r.json();
-}
-async function d(n, o) {
-  const r = await e(s).products.product[":slug"].recommendations.$get({
-    param: { slug: n },
-    query: o !== void 0 ? { limit: String(o) } : {}
-  });
-  if (!r.ok)
-    throw new Error(`Failed to fetch product recommendations: ${r.statusText}`);
-  return r.json();
+import { useApiClientContext as n } from "./index31.mjs";
+function i() {
+  const { baseURL: t, getAuthToken: e } = n();
+  return {
+    baseURL: t,
+    getAuthToken: e
+  };
 }
 export {
-  u as fetchProductAddons,
-  i as fetchProductBySlug,
-  d as fetchProductRecommendations,
-  a as fetchProductsByBrand
+  i as useApiConfig
 };

package/dist/index33.mjs

@@ -1,129 +1,25 @@
 'use client';
-import { createRpcClients as o } from "./index31.mjs";
-const r = "https://oms-api.instock.ng";
-async function w(s) {
-  const n = await o(r).carts[":id"].$get({
-    param: { id: s }
-  });
-  if (!n.ok)
-    throw new Error(`Failed to fetch cart: ${n.statusText}`);
-  return n.json();
-}
-async function f(s) {
-  const n = await o(r).carts.index.$post({
-    json: { brandSlug: s }
-  });
-  if (!n.ok)
-    throw new Error(`Failed to create cart: ${n.statusText}`);
-  return n.json();
-}
-async function h(s, e) {
-  const t = await o(r).carts[":id"].$patch({
-    param: { id: s },
-    // @ts-expect-error - Hono RPC type inference issue
-    json: e
-  });
-  if (!t.ok)
-    throw new Error(`Failed to update cart: ${t.statusText}`);
-  return t.json();
-}
-async function $(s, e, n, t, a, c, d, u, l) {
-  const i = await o(r).carts[":id"].items.$post({
-    param: { id: s },
-    // @ts-expect-error - Hono RPC type inference issue
-    json: { sku: e, quantity: n, fbc: t, fbp: a, ttp: c, ttclid: d, fromUpsell: u, upsellDiscountPercent: l }
-  });
-  if (!i.ok)
-    throw new Error(`Failed to add item to cart: ${i.statusText}`);
-  return i.json();
-}
-async function j(s, e, n) {
-  const a = await o(r).carts[":id"].items[":itemId"].$patch({
-    param: { id: s, itemId: e },
-    // @ts-expect-error - Hono RPC type inference issue
-    json: { quantity: n }
-  });
-  if (!a.ok)
-    throw new Error(`Failed to update cart item: ${a.statusText}`);
-  return a.json();
-}
-async function k(s, e) {
-  const t = await o(r).carts[":id"].items[":itemId"].$delete({
-    param: { id: s, itemId: e }
-  });
-  if (!t.ok)
-    throw new Error(`Failed to remove cart item: ${t.statusText}`);
-  return t.json();
-}
-async function y(s, e) {
-  const t = await o(r).carts[":id"]["apply-discount"].$post({
-    param: { id: s },
-    // @ts-expect-error - Hono RPC type inference issue
-    json: { code: e }
-  });
-  if (!t.ok)
-    throw new Error(`Failed to apply discount: ${t.statusText}`);
-  return t.json();
-}
-async function x(s) {
-  const n = await o(r).carts[":id"]["remove-discount"].$post({
-    param: { id: s }
-  });
-  if (!n.ok)
-    throw new Error(`Failed to remove discount: ${n.statusText}`);
-  return n.json();
-}
-async function E(s, e) {
-  const t = await o(r).carts[":id"].checkout.$post({
-    param: { id: s },
-    // @ts-expect-error - Hono RPC type inference issue
-    json: e
-  });
-  if (!t.ok)
-    throw new Error(`Failed to checkout cart: ${t.statusText}`);
-  return t.json();
-}
-async function F(s, e) {
-  const t = await o(r).carts[":id"]["initiate-checkout"].$post({
-    param: { id: s },
-    // @ts-expect-error - Hono RPC type inference issue
-    json: e
-  });
-  if (!t.ok)
-    throw new Error(`Failed to initiate checkout intent: ${t.statusText}`);
-  return t.json();
-}
-async function T(s, e) {
-  const t = await o(r).carts[":id"]["upsell-addons"].$get({
-    param: { id: s },
-    // @ts-ignore - Hono RPC type inference issue with query parameters
-    query: e ? { limit: String(e) } : {}
-  });
-  if (!t.ok)
-    throw new Error(`Failed to fetch upsell add-ons: ${t.statusText}`);
-  return t.json();
-}
-async function C(s, e) {
-  const t = await o(r).carts[":id"].recommendations.$get({
-    param: { id: s },
-    // @ts-ignore - Hono RPC type inference issue with query parameters
-    query: { limit: e.toString() }
-  });
-  if (!t.ok)
-    throw new Error(`Failed to fetch cart recommendations: ${t.statusText}`);
-  return t.json();
+import "./index62.mjs";
+import r from "./index63.mjs";
+let e = null;
+function p(t) {
+  return e = r.create({
+    baseURL: t.baseURL,
+    headers: {
+      "Content-Type": "application/json"
+    }
+  }), e.interceptors.response.use((i) => i, (i) => (t.onError && t.onError(i), Promise.reject(i))), e;
+}
+function l() {
+  if (!e)
+    throw new Error("API client not initialized. Make sure to wrap your app with ApiClientProvider.");
+  return e;
+}
+function a() {
+  e = null;
 }
 export {
-  $ as addCartItem,
-  y as applyDiscount,
-  E as checkoutCart,
-  f as createCart,
-  w as fetchCart,
-  C as fetchCartRecommendations,
-  T as fetchCartUpsellAddons,
-  F as initiateCheckout,
-  k as removeCartItem,
-  x as removeDiscount,
-  h as updateCart,
-  j as updateCartItem
+  l as getApiClient,
+  p as initializeApiClient,
+  a as resetApiClient
 };