@instockng/storefront-ui 1.0.56 → 1.0.58

package/dist/index21.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 "./index23.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
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import g from "react";
+import { cn as l } from "./index22.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
       }
-    }
-  }), [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;
-}
+    ),
+    e && /* @__PURE__ */ r("p", { className: "mt-1.5 text-sm text-red-600", role: "alert", children: e })
+  ] })
+);
+u.displayName = "FormSelect";
 export {
-  a as ApiClientProvider,
-  y as useApiClientContext
+  u as FormSelect
 };

package/dist/index210.mjs

@@ -1,34 +1,77 @@
 'use client';
-import p from "./index90.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];
-  });
+import { __exports as e } from "./index252.mjs";
+/**
+ * @license React
+ * react-is.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var R;
+function d() {
+  return R ? e : (R = 1, process.env.NODE_ENV !== "production" && function() {
+    function n(r) {
+      if (typeof r == "object" && r !== null) {
+        var m = r.$$typeof;
+        switch (m) {
+          case _:
+            switch (r = r.type, r) {
+              case t:
+              case f:
+              case o:
+              case a:
+              case E:
+                return r;
+              default:
+                switch (r = r && r.$$typeof, r) {
+                  case i:
+                  case u:
+                  case l:
+                  case c:
+                    return r;
+                  case s:
+                    return r;
+                  default:
+                    return m;
+                }
+            }
+          case T:
+            return m;
+        }
+      }
+    }
+    var _ = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), i = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), a = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), c = Symbol.for("react.memo"), l = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), C = Symbol.for("react.client.reference");
+    e.ContextConsumer = s, e.ContextProvider = i, e.Element = _, e.ForwardRef = u, e.Fragment = t, e.Lazy = l, e.Memo = c, e.Portal = T, e.Profiler = f, e.StrictMode = o, e.Suspense = a, e.SuspenseList = E, e.isContextConsumer = function(r) {
+      return n(r) === s;
+    }, e.isContextProvider = function(r) {
+      return n(r) === i;
+    }, e.isElement = function(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === _;
+    }, e.isForwardRef = function(r) {
+      return n(r) === u;
+    }, e.isFragment = function(r) {
+      return n(r) === t;
+    }, e.isLazy = function(r) {
+      return n(r) === l;
+    }, e.isMemo = function(r) {
+      return n(r) === c;
+    }, e.isPortal = function(r) {
+      return n(r) === T;
+    }, e.isProfiler = function(r) {
+      return n(r) === f;
+    }, e.isStrictMode = function(r) {
+      return n(r) === o;
+    }, e.isSuspense = function(r) {
+      return n(r) === a;
+    }, e.isSuspenseList = function(r) {
+      return n(r) === E;
+    }, e.isValidElementType = function(r) {
+      return typeof r == "string" || typeof r == "function" || r === t || r === f || r === o || r === a || r === E || r === S || typeof r == "object" && r !== null && (r.$$typeof === l || r.$$typeof === c || r.$$typeof === i || r.$$typeof === s || r.$$typeof === u || r.$$typeof === C || r.getModuleId !== void 0);
+    }, e.typeOf = n;
+  }(), 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
+  d as __require
 };

package/dist/index211.mjs

@@ -1,14 +1,5 @@
 'use client';
-import i from "./index80.mjs";
-import m from "./index84.mjs";
-import s from "./index94.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;
-}
+var a = {};
 export {
-  h as default
+  a as __exports
 };

package/dist/index212.mjs

@@ -1,7 +1,34 @@
 'use client';
-function e(t) {
-  return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(t);
+import p from "./index92.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/index213.mjs

@@ -1,7 +1,14 @@
 'use client';
-function n(e, c) {
-  return c ? e.replace(/\/?\/$/, "") + "/" + c.replace(/^\/+/, "") : e;
+import i from "./index82.mjs";
+import m from "./index86.mjs";
+import s from "./index96.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/index214.mjs

@@ -1,16 +1,7 @@
 'use client';
-import o from "./index253.mjs";
-import r from "./index254.mjs";
-import t from "./index255.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/index215.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/index216.mjs

@@ -1,15 +1,16 @@
 'use client';
-import a from "./index91.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
-  ));
-}
+import o from "./index268.mjs";
+import r from "./index269.mjs";
+import t from "./index270.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/index217.mjs

@@ -1,8 +1,10 @@
 'use client';
-function o(e) {
-  const t = /^([-+\w]{1,25})(:?\/\/|:)/.exec(e);
-  return t && t[1] || "";
-}
+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 {
-  o as default
+  e as hasBrowserEnv,
+  n as hasStandardBrowserEnv,
+  t as hasStandardBrowserWebWorkerEnv,
+  o as navigator,
+  r as origin
 };

package/dist/index218.mjs

@@ -1,36 +1,15 @@
 'use client';
-import i from "./index256.mjs";
-import m from "./index257.mjs";
-import f from "./index80.mjs";
-const h = (t, o, a = 3) => {
-  let r = 0;
-  const c = i(50, 250);
-  return m((s) => {
-    const n = s.loaded, e = s.lengthComputable ? s.total : void 0, l = n - r, d = c(l), p = n <= e;
-    r = n;
-    const u = {
-      loaded: n,
-      total: e,
-      progress: e ? n / e : void 0,
-      bytes: l,
-      rate: d || void 0,
-      estimated: d && e && p ? (e - n) / d : void 0,
-      event: s,
-      lengthComputable: e != null,
-      [o ? "download" : "upload"]: !0
-    };
-    t(u);
-  }, a);
-}, v = (t, o) => {
-  const a = t != null;
-  return [(r) => o[0]({
-    lengthComputable: a,
-    total: t,
-    loaded: r
-  }), o[1]];
-}, C = (t) => (...o) => f.asap(() => t(...o));
+import a from "./index93.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 {
-  C as asyncDecorator,
-  v as progressEventDecorator,
-  h as progressEventReducer
+  E as default
 };

package/dist/index219.mjs

@@ -1,34 +1,8 @@
 'use client';
-import n from "./index146.mjs";
-import m from "./index80.mjs";
-import c from "./index258.mjs";
-import h from "./index259.mjs";
-import w from "./index142.mjs";
-import b from "./index83.mjs";
-import C from "./index94.mjs";
-import g from "./index139.mjs";
-const E = (a) => {
-  const e = b({}, a);
-  let { data: i, withXSRFToken: r, xsrfHeaderName: f, xsrfCookieName: d, headers: o, auth: s } = e;
-  if (e.headers = o = C.from(o), e.url = g(w(e.baseURL, e.url, e.allowAbsoluteUrls), a.params, a.paramsSerializer), s && o.set(
-    "Authorization",
-    "Basic " + btoa((s.username || "") + ":" + (s.password ? unescape(encodeURIComponent(s.password)) : ""))
-  ), m.isFormData(i)) {
-    if (n.hasStandardBrowserEnv || n.hasStandardBrowserWebWorkerEnv)
-      o.setContentType(void 0);
-    else if (m.isFunction(i.getHeaders)) {
-      const t = i.getHeaders(), u = ["content-type", "content-length"];
-      Object.entries(t).forEach(([l, p]) => {
-        u.includes(l.toLowerCase()) && o.set(l, p);
-      });
-    }
-  }
-  if (n.hasStandardBrowserEnv && (r && m.isFunction(r) && (r = r(e)), r || r !== !1 && c(e.url))) {
-    const t = f && d && h.read(d);
-    t && o.set(f, t);
-  }
-  return e;
-};
+function o(e) {
+  const t = /^([-+\w]{1,25})(:?\/\/|:)/.exec(e);
+  return t && t[1] || "";
+}
 export {
-  E as default
+  o as default
 };

package/dist/index22.mjs

@@ -1,12 +1,70 @@
 'use client';
-import { useApiClientContext as n } from "./index21.mjs";
-function i() {
-  const { baseURL: t, getAuthToken: e } = n();
+import { clsx as i } from "./index51.mjs";
+import { twMerge as u } from "./index52.mjs";
+function l(...t) {
+  return u(i(t));
+}
+function f(t) {
+  return new Intl.NumberFormat("en-NG", {
+    style: "currency",
+    currency: "NGN",
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).format(t);
+}
+function m(t) {
+  return (typeof t == "string" ? new Date(t) : t).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+}
+function d(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 s(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 n(t) {
+  var o;
+  if (typeof document > "u") return;
+  const r = `; ${document.cookie}`.split(`; ${t}=`);
+  if (r.length === 2) return (o = r.pop()) == null ? void 0 : o.split(";").shift();
+}
+function c(t) {
+  return typeof window > "u" ? void 0 : new URLSearchParams(window.location.search).get(t) || void 0;
+}
+function p() {
+  return {
+    fbc: n("_fbc"),
+    fbp: n("_fbp")
+  };
+}
+function y() {
   return {
-    baseURL: t,
-    getAuthToken: e
+    ttp: n("_ttp"),
+    ttclid: c("ttclid")
   };
 }
 export {
-  i as useApiConfig
+  l as cn,
+  f as formatCurrency,
+  m as formatDate,
+  d as formatDateTime,
+  p as getFbCookies,
+  s as getStatusColor,
+  y as getTikTokCookies
 };

package/dist/index220.mjs

@@ -1,31 +1,36 @@
 'use client';
-import a from "./index86.mjs";
-import s from "./index91.mjs";
-import m from "./index80.mjs";
-const h = (e, t) => {
-  const { length: l } = e = e ? e.filter(Boolean) : [];
-  if (t || l) {
-    let u = new AbortController(), f;
-    const n = function(r) {
-      if (!f) {
-        f = !0, i();
-        const o = r instanceof Error ? r : this.reason;
-        u.abort(o instanceof s ? o : new a(o instanceof Error ? o.message : o));
-      }
+import i from "./index264.mjs";
+import m from "./index265.mjs";
+import f from "./index82.mjs";
+const h = (t, o, a = 3) => {
+  let r = 0;
+  const c = i(50, 250);
+  return m((s) => {
+    const n = s.loaded, e = s.lengthComputable ? s.total : void 0, l = n - r, d = c(l), p = n <= e;
+    r = n;
+    const u = {
+      loaded: n,
+      total: e,
+      progress: e ? n / e : void 0,
+      bytes: l,
+      rate: d || void 0,
+      estimated: d && e && p ? (e - n) / d : void 0,
+      event: s,
+      lengthComputable: e != null,
+      [o ? "download" : "upload"]: !0
     };
-    let c = t && setTimeout(() => {
-      c = null, n(new s(`timeout ${t} of ms exceeded`, s.ETIMEDOUT));
-    }, t);
-    const i = () => {
-      e && (c && clearTimeout(c), c = null, e.forEach((r) => {
-        r.unsubscribe ? r.unsubscribe(n) : r.removeEventListener("abort", n);
-      }), e = null);
-    };
-    e.forEach((r) => r.addEventListener("abort", n));
-    const { signal: b } = u;
-    return b.unsubscribe = () => m.asap(i), b;
-  }
-};
+    t(u);
+  }, a);
+}, v = (t, o) => {
+  const a = t != null;
+  return [(r) => o[0]({
+    lengthComputable: a,
+    total: t,
+    loaded: r
+  }), o[1]];
+}, C = (t) => (...o) => f.asap(() => t(...o));
 export {
-  h as default
+  C as asyncDecorator,
+  v as progressEventDecorator,
+  h as progressEventReducer
 };