@instockng/storefront-ui 1.0.105 → 1.0.107

package/dist/index27.mjs

@@ -1,92 +1,112 @@
 'use client';
-import { clsx as u } from "./index57.mjs";
-import { twMerge as a } from "./index58.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 (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;
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { useRef as j, useState as u, useEffect as f } from "react";
+import { createPortal as A } from "react-dom";
+import { X as R } from "lucide-react";
+import { cn as o } from "./index30.mjs";
+import { useHideBodyOverflow as z } from "./index53.mjs";
+function H({
+  isOpen: e,
+  onClose: a,
+  title: l,
+  children: x,
+  footer: i,
+  className: y,
+  contentClassName: h,
+  size: b = "md",
+  closeOnOverlayClick: g = !0,
+  showCloseButton: n = !0
+}) {
+  const v = j(null), [s, d] = u(!1), [p, m] = u(e);
+  if (f(() => {
+    if (e)
+      m(!0), requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          d(!0);
+        });
+      });
+    else {
+      d(!1);
+      const t = setTimeout(() => {
+        m(!1);
+      }, 200);
+      return () => clearTimeout(t);
     }
-  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 h() {
-  return {
-    ttp: i("_ttp"),
-    ttclid: l("ttclid")
-  };
-}
-function k(t, e, n) {
-  return `${t}_${e}_${n}`;
+  }, [e]), f(() => {
+    const t = (E) => {
+      E.key === "Escape" && e && a();
+    };
+    if (e)
+      return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [e, a]), z(e), !p) return null;
+  const w = {
+    sm: "max-w-md",
+    md: "max-w-lg",
+    lg: "max-w-2xl",
+    xl: "max-w-4xl",
+    full: "max-w-full mx-4"
+  }, k = (t) => {
+    g && t.target === t.currentTarget && a();
+  }, N = /* @__PURE__ */ r(
+    "div",
+    {
+      className: o(
+        "fixed inset-0 z-50 flex items-center justify-center sm:p-4 bg-black/50 backdrop-blur-sm transition-opacity duration-200",
+        s ? "opacity-100" : "opacity-0"
+      ),
+      onClick: k,
+      children: /* @__PURE__ */ c(
+        "div",
+        {
+          ref: v,
+          className: o(
+            "relative w-full bg-white rounded-xl shadow-xl flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] transition-all duration-200",
+            s ? "opacity-100 scale-100" : "opacity-0 scale-95",
+            w[b],
+            y
+          ),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": l ? "modal-title" : void 0,
+          children: [
+            (l || n) && /* @__PURE__ */ c("div", { className: "flex items-center justify-between p-4 border-b border-gray-200 flex-shrink-0", children: [
+              l && /* @__PURE__ */ r(
+                "h2",
+                {
+                  id: "modal-title",
+                  className: "text-md font-semibold text-gray-900",
+                  children: l
+                }
+              ),
+              n && /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  onClick: a,
+                  className: "ml-auto p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-lg transition-colors",
+                  "aria-label": "Close modal",
+                  children: /* @__PURE__ */ r(R, { size: 20 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r(
+              "div",
+              {
+                className: o(
+                  "flex-1 overflow-y-auto p-4 min-h-0",
+                  h
+                ),
+                children: x
+              }
+            ),
+            i && /* @__PURE__ */ r("div", { className: "p-4 border-t border-gray-200 bg-gray-50 flex-shrink-0 rounded-b-xl", children: i })
+          ]
+        }
+      )
+    }
+  );
+  return A(N, document.body);
 }
 export {
-  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
+  H as Modal
 };

package/dist/index270.mjs

@@ -1,5 +1,50 @@
 'use client';
-var e = { exports: {} };
+import { __exports as u } from "./index285.mjs";
+var _;
+function g() {
+  return _ ? u : (_ = 1, function(i) {
+    Object.defineProperty(i, "__esModule", {
+      value: !0
+    });
+    function a(e, n) {
+      for (var t in n) Object.defineProperty(e, t, {
+        enumerable: !0,
+        get: n[t]
+      });
+    }
+    a(i, {
+      DEFAULT_SEGMENT_KEY: function() {
+        return E;
+      },
+      PAGE_SEGMENT_KEY: function() {
+        return r;
+      },
+      addSearchParamsIfPageSegment: function() {
+        return s;
+      },
+      isGroupSegment: function() {
+        return c;
+      },
+      isParallelRouteSegment: function() {
+        return f;
+      }
+    });
+    function c(e) {
+      return e[0] === "(" && e.endsWith(")");
+    }
+    function f(e) {
+      return e.startsWith("@") && e !== "@children";
+    }
+    function s(e, n) {
+      if (e.includes(r)) {
+        const o = JSON.stringify(n);
+        return o !== "{}" ? r + "?" + o : r;
+      }
+      return e;
+    }
+    const r = "__PAGE__", E = "__DEFAULT__";
+  }(u), u);
+}
 export {
-  e as __module
+  g as __require
 };

package/dist/index271.mjs

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

package/dist/index272.mjs

@@ -1,94 +1,5 @@
 'use client';
-import { __module as c } from "./index281.mjs";
-var l;
-function T() {
-  return l ? c.exports : (l = 1, (() => {
-    typeof __nccwpck_require__ < "u" && (__nccwpck_require__.ab = __dirname + "/");
-    var m = {};
-    (() => {
-      var v = m;
-      /*!
-       * cookie
-       * Copyright(c) 2012-2014 Roman Shtylman
-       * Copyright(c) 2015 Douglas Christopher Wilson
-       * MIT Licensed
-       */
-      v.parse = S, v.serialize = x;
-      var w = decodeURIComponent, h = encodeURIComponent, y = /; */, f = /^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;
-      function S(i, n) {
-        if (typeof i != "string")
-          throw new TypeError("argument str must be a string");
-        for (var a = {}, e = n || {}, o = i.split(y), s = e.decode || w, r = 0; r < o.length; r++) {
-          var t = o[r], p = t.indexOf("=");
-          if (!(p < 0)) {
-            var d = t.substr(0, p).trim(), u = t.substr(++p, t.length).trim();
-            u[0] == '"' && (u = u.slice(1, -1)), a[d] == null && (a[d] = _(u, s));
-          }
-        }
-        return a;
-      }
-      function x(i, n, a) {
-        var e = a || {}, o = e.encode || h;
-        if (typeof o != "function")
-          throw new TypeError("option encode is invalid");
-        if (!f.test(i))
-          throw new TypeError("argument name is invalid");
-        var s = o(n);
-        if (s && !f.test(s))
-          throw new TypeError("argument val is invalid");
-        var r = i + "=" + s;
-        if (e.maxAge != null) {
-          var t = e.maxAge - 0;
-          if (isNaN(t) || !isFinite(t))
-            throw new TypeError("option maxAge is invalid");
-          r += "; Max-Age=" + Math.floor(t);
-        }
-        if (e.domain) {
-          if (!f.test(e.domain))
-            throw new TypeError("option domain is invalid");
-          r += "; Domain=" + e.domain;
-        }
-        if (e.path) {
-          if (!f.test(e.path))
-            throw new TypeError("option path is invalid");
-          r += "; Path=" + e.path;
-        }
-        if (e.expires) {
-          if (typeof e.expires.toUTCString != "function")
-            throw new TypeError("option expires is invalid");
-          r += "; Expires=" + e.expires.toUTCString();
-        }
-        if (e.httpOnly && (r += "; HttpOnly"), e.secure && (r += "; Secure"), e.sameSite) {
-          var p = typeof e.sameSite == "string" ? e.sameSite.toLowerCase() : e.sameSite;
-          switch (p) {
-            case !0:
-              r += "; SameSite=Strict";
-              break;
-            case "lax":
-              r += "; SameSite=Lax";
-              break;
-            case "strict":
-              r += "; SameSite=Strict";
-              break;
-            case "none":
-              r += "; SameSite=None";
-              break;
-            default:
-              throw new TypeError("option sameSite is invalid");
-          }
-        }
-        return r;
-      }
-      function _(i, n) {
-        try {
-          return n(i);
-        } catch {
-          return i;
-        }
-      }
-    })(), c.exports = m;
-  })(), c.exports);
-}
+var r = {};
 export {
-  T as __require
+  r as __exports
 };

package/dist/index273.mjs

@@ -1,5 +1,5 @@
 'use client';
-const e = {};
+var e = { exports: {} };
 export {
-  e as default
+  e as __module
 };

package/dist/index274.mjs

@@ -1,6 +1,5 @@
 'use client';
-import a from "./index252.mjs";
-const e = typeof URLSearchParams < "u" ? URLSearchParams : a;
+var e = {};
 export {
-  e as default
+  e as __exports
 };

package/dist/index275.mjs

@@ -1,5 +1,94 @@
 'use client';
-const a = typeof FormData < "u" ? FormData : null;
+import { __module as c } from "./index286.mjs";
+var l;
+function T() {
+  return l ? c.exports : (l = 1, (() => {
+    typeof __nccwpck_require__ < "u" && (__nccwpck_require__.ab = __dirname + "/");
+    var m = {};
+    (() => {
+      var v = m;
+      /*!
+       * cookie
+       * Copyright(c) 2012-2014 Roman Shtylman
+       * Copyright(c) 2015 Douglas Christopher Wilson
+       * MIT Licensed
+       */
+      v.parse = S, v.serialize = x;
+      var w = decodeURIComponent, h = encodeURIComponent, y = /; */, f = /^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;
+      function S(i, n) {
+        if (typeof i != "string")
+          throw new TypeError("argument str must be a string");
+        for (var a = {}, e = n || {}, o = i.split(y), s = e.decode || w, r = 0; r < o.length; r++) {
+          var t = o[r], p = t.indexOf("=");
+          if (!(p < 0)) {
+            var d = t.substr(0, p).trim(), u = t.substr(++p, t.length).trim();
+            u[0] == '"' && (u = u.slice(1, -1)), a[d] == null && (a[d] = _(u, s));
+          }
+        }
+        return a;
+      }
+      function x(i, n, a) {
+        var e = a || {}, o = e.encode || h;
+        if (typeof o != "function")
+          throw new TypeError("option encode is invalid");
+        if (!f.test(i))
+          throw new TypeError("argument name is invalid");
+        var s = o(n);
+        if (s && !f.test(s))
+          throw new TypeError("argument val is invalid");
+        var r = i + "=" + s;
+        if (e.maxAge != null) {
+          var t = e.maxAge - 0;
+          if (isNaN(t) || !isFinite(t))
+            throw new TypeError("option maxAge is invalid");
+          r += "; Max-Age=" + Math.floor(t);
+        }
+        if (e.domain) {
+          if (!f.test(e.domain))
+            throw new TypeError("option domain is invalid");
+          r += "; Domain=" + e.domain;
+        }
+        if (e.path) {
+          if (!f.test(e.path))
+            throw new TypeError("option path is invalid");
+          r += "; Path=" + e.path;
+        }
+        if (e.expires) {
+          if (typeof e.expires.toUTCString != "function")
+            throw new TypeError("option expires is invalid");
+          r += "; Expires=" + e.expires.toUTCString();
+        }
+        if (e.httpOnly && (r += "; HttpOnly"), e.secure && (r += "; Secure"), e.sameSite) {
+          var p = typeof e.sameSite == "string" ? e.sameSite.toLowerCase() : e.sameSite;
+          switch (p) {
+            case !0:
+              r += "; SameSite=Strict";
+              break;
+            case "lax":
+              r += "; SameSite=Lax";
+              break;
+            case "strict":
+              r += "; SameSite=Strict";
+              break;
+            case "none":
+              r += "; SameSite=None";
+              break;
+            default:
+              throw new TypeError("option sameSite is invalid");
+          }
+        }
+        return r;
+      }
+      function _(i, n) {
+        try {
+          return n(i);
+        } catch {
+          return i;
+        }
+      }
+    })(), c.exports = m;
+  })(), c.exports);
+}
 export {
-  a as default
+  T as __require
 };

package/dist/index276.mjs

@@ -1,5 +1,5 @@
 'use client';
-const l = typeof Blob < "u" ? Blob : null;
+const e = {};
 export {
-  l as default
+  e as default
 };

package/dist/index277.mjs

@@ -1,20 +1,6 @@
 'use client';
-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;
-  };
-}
+import a from "./index232.mjs";
+const e = typeof URLSearchParams < "u" ? URLSearchParams : a;
 export {
-  y as default
+  e as default
 };

package/dist/index278.mjs

@@ -1,16 +1,5 @@
 'use client';
-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)];
-}
+const a = typeof FormData < "u" ? FormData : null;
 export {
-  h as default
+  a as default
 };

package/dist/index279.mjs

@@ -1,9 +1,5 @@
 'use client';
-import o from "./index216.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;
+const l = typeof Blob < "u" ? Blob : null;
 export {
-  n as default
+  l as default
 };

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
 };