@instockng/storefront-ui 1.0.107 → 1.0.109

package/dist/index109.mjs

@@ -1,56 +1,182 @@
 'use client';
-import s from "./index94.mjs";
-import m from "./index162.mjs";
-import u from "./index163.mjs";
-import { getFetch as b } from "./index164.mjs";
-import d from "./index105.mjs";
-const p = {
-  http: m,
-  xhr: u,
-  fetch: {
-    get: b
+import i from "./index95.mjs";
+import S from "./index162.mjs";
+const h = Symbol("internals");
+function y(r) {
+  return r && String(r).trim().toLowerCase();
+}
+function m(r) {
+  return r === !1 || r == null ? r : i.isArray(r) ? r.map(m) : String(r);
+}
+function A(r) {
+  const t = /* @__PURE__ */ Object.create(null), e = /([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;
+  let s;
+  for (; s = e.exec(r); )
+    t[s[1]] = s[2];
+  return t;
+}
+const k = (r) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(r.trim());
+function g(r, t, e, s, n) {
+  if (i.isFunction(s))
+    return s.call(this, t, e);
+  if (n && (t = e), !!i.isString(t)) {
+    if (i.isString(s))
+      return t.indexOf(s) !== -1;
+    if (i.isRegExp(s))
+      return s.test(t);
   }
-};
-s.forEach(p, (e, o) => {
-  if (e) {
-    try {
-      Object.defineProperty(e, "name", { value: o });
-    } catch {
+}
+function E(r) {
+  return r.trim().toLowerCase().replace(/([a-z\d])(\w*)/g, (t, e, s) => e.toUpperCase() + s);
+}
+function j(r, t) {
+  const e = i.toCamelCase(" " + t);
+  ["get", "set", "has"].forEach((s) => {
+    Object.defineProperty(r, s + e, {
+      value: function(n, o, f) {
+        return this[s].call(this, t, n, o, f);
+      },
+      configurable: !0
+    });
+  });
+}
+class b {
+  constructor(t) {
+    t && this.set(t);
+  }
+  set(t, e, s) {
+    const n = this;
+    function o(c, l, a) {
+      const u = y(l);
+      if (!u)
+        throw new Error("header name must be a non-empty string");
+      const p = i.findKey(n, u);
+      (!p || n[p] === void 0 || a === !0 || a === void 0 && n[p] !== !1) && (n[p || l] = m(c));
     }
-    Object.defineProperty(e, "adapterName", { value: o });
+    const f = (c, l) => i.forEach(c, (a, u) => o(a, u, l));
+    if (i.isPlainObject(t) || t instanceof this.constructor)
+      f(t, e);
+    else if (i.isString(t) && (t = t.trim()) && !k(t))
+      f(S(t), e);
+    else if (i.isObject(t) && i.isIterable(t)) {
+      let c = {}, l, a;
+      for (const u of t) {
+        if (!i.isArray(u))
+          throw TypeError("Object iterator must return a key-value pair");
+        c[a = u[0]] = (l = c[a]) ? i.isArray(l) ? [...l, u[1]] : [l, u[1]] : u[1];
+      }
+      f(c, e);
+    } else
+      t != null && o(e, t, s);
+    return this;
   }
-});
-const f = (e) => `- ${e}`, g = (e) => s.isFunction(e) || e === null || e === !1, y = {
-  getAdapter: (e, o) => {
-    e = s.isArray(e) ? e : [e];
-    const { length: a } = e;
-    let i, t;
-    const c = {};
-    for (let r = 0; r < a; r++) {
-      i = e[r];
-      let n;
-      if (t = i, !g(i) && (t = p[(n = String(i)).toLowerCase()], t === void 0))
-        throw new d(`Unknown adapter '${n}'`);
-      if (t && (s.isFunction(t) || (t = t.get(o))))
-        break;
-      c[n || "#" + r] = t;
+  get(t, e) {
+    if (t = y(t), t) {
+      const s = i.findKey(this, t);
+      if (s) {
+        const n = this[s];
+        if (!e)
+          return n;
+        if (e === !0)
+          return A(n);
+        if (i.isFunction(e))
+          return e.call(this, n, s);
+        if (i.isRegExp(e))
+          return e.exec(n);
+        throw new TypeError("parser must be boolean|regexp|function");
+      }
     }
-    if (!t) {
-      const r = Object.entries(c).map(
-        ([l, h]) => `adapter ${l} ` + (h === !1 ? "is not supported by the environment" : "is not available in the build")
-      );
-      let n = a ? r.length > 1 ? `since :
-` + r.map(f).join(`
-`) : " " + f(r[0]) : "as no adapter specified";
-      throw new d(
-        "There is no suitable adapter to dispatch the request " + n,
-        "ERR_NOT_SUPPORT"
-      );
+  }
+  has(t, e) {
+    if (t = y(t), t) {
+      const s = i.findKey(this, t);
+      return !!(s && this[s] !== void 0 && (!e || g(this, this[s], s, e)));
     }
-    return t;
-  },
-  adapters: p
-};
+    return !1;
+  }
+  delete(t, e) {
+    const s = this;
+    let n = !1;
+    function o(f) {
+      if (f = y(f), f) {
+        const c = i.findKey(s, f);
+        c && (!e || g(s, s[c], c, e)) && (delete s[c], n = !0);
+      }
+    }
+    return i.isArray(t) ? t.forEach(o) : o(t), n;
+  }
+  clear(t) {
+    const e = Object.keys(this);
+    let s = e.length, n = !1;
+    for (; s--; ) {
+      const o = e[s];
+      (!t || g(this, this[o], o, t, !0)) && (delete this[o], n = !0);
+    }
+    return n;
+  }
+  normalize(t) {
+    const e = this, s = {};
+    return i.forEach(this, (n, o) => {
+      const f = i.findKey(s, o);
+      if (f) {
+        e[f] = m(n), delete e[o];
+        return;
+      }
+      const c = t ? E(o) : String(o).trim();
+      c !== o && delete e[o], e[c] = m(n), s[c] = !0;
+    }), this;
+  }
+  concat(...t) {
+    return this.constructor.concat(this, ...t);
+  }
+  toJSON(t) {
+    const e = /* @__PURE__ */ Object.create(null);
+    return i.forEach(this, (s, n) => {
+      s != null && s !== !1 && (e[n] = t && i.isArray(s) ? s.join(", ") : s);
+    }), e;
+  }
+  [Symbol.iterator]() {
+    return Object.entries(this.toJSON())[Symbol.iterator]();
+  }
+  toString() {
+    return Object.entries(this.toJSON()).map(([t, e]) => t + ": " + e).join(`
+`);
+  }
+  getSetCookie() {
+    return this.get("set-cookie") || [];
+  }
+  get [Symbol.toStringTag]() {
+    return "AxiosHeaders";
+  }
+  static from(t) {
+    return t instanceof this ? t : new this(t);
+  }
+  static concat(t, ...e) {
+    const s = new this(t);
+    return e.forEach((n) => s.set(n)), s;
+  }
+  static accessor(t) {
+    const s = (this[h] = this[h] = {
+      accessors: {}
+    }).accessors, n = this.prototype;
+    function o(f) {
+      const c = y(f);
+      s[c] || (j(n, f), s[c] = !0);
+    }
+    return i.isArray(t) ? t.forEach(o) : o(t), this;
+  }
+}
+b.accessor(["Content-Type", "Content-Length", "Accept", "Accept-Encoding", "User-Agent", "Authorization"]);
+i.reduceDescriptors(b.prototype, ({ value: r }, t) => {
+  let e = t[0].toUpperCase() + t.slice(1);
+  return {
+    get: () => r,
+    set(s) {
+      this[e] = s;
+    }
+  };
+});
+i.freezeMethods(b);
 export {
-  y as default
+  b as default
 };

package/dist/index11.mjs

@@ -1,199 +1,83 @@
 'use client';
-import { jsxs as a, jsx as t, Fragment as C } from "react/jsx-runtime";
-import { useState as f, useRef as V } from "react";
-import { ChevronLeft as U, ChevronRight as z } from "lucide-react";
-import { Switch as G } from "./index51.mjs";
-import { Badge as T } from "./index26.mjs";
-import { cn as P, formatCurrency as k } from "./index30.mjs";
-import { VariantPickerModal as _ } from "./index13.mjs";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import "./index31.mjs";
 import "@tanstack/react-query";
-import { useGetProductAddOns as $ } from "./index45.mjs";
-import { useCart as q } from "./index3.mjs";
-function le({
-  slug: g,
-  products: x,
-  onToggle: u,
-  selectedProductIds: A,
-  onProductClick: H,
+import { useGetProducts as C } from "./index45.mjs";
+import { ProductCard as k } from "./index10.mjs";
+import { Loader2 as j, Package as d } from "lucide-react";
+import { cn as P } from "./index30.mjs";
+function q({
+  brandId: l,
+  onAddToCart: n,
+  onProductClick: t,
+  columns: o = 3,
+  showStock: m = !0,
   className: p,
-  title: j = "Popular add-ons",
-  limit: D = 6
+  cardClassName: g,
+  showLoading: u = !0,
+  emptyMessage: x = "No products available at the moment.",
+  errorMessage: h = "Failed to load products. Please try again later.",
+  loadingVariantId: f
 }) {
-  const { cart: s, addItem: v, removeItem: I } = q(), { data: M, isLoading: N } = $(g || "", D, {
-    enabled: !!g && !x
-  }), c = x || M || [], W = A || c.filter((e) => s == null ? void 0 : s.items.some(
-    (n) => e.variants.some((r) => r.id === n.variant.id)
-  )).map((e) => e.id), [y, m] = f(null), [B, b] = f(!1), F = async (e, n) => {
-    if (u) {
-      u(e, n);
-      return;
-    }
-    if (n && e.variants.length > 1) {
-      m(e);
-      return;
-    }
-    const r = e.variants[0];
-    if (r)
-      if (n)
-        await v(
-          e.slug,
-          e.name,
-          r.price,
-          r.sku,
-          1
-        );
-      else {
-        const l = s == null ? void 0 : s.items.find(
-          (i) => e.variants.some((d) => d.id === i.variant.id)
+  const { data: N, isLoading: v, error: b } = C(l);
+  if (v && u)
+    return /* @__PURE__ */ e("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ s("div", { className: "text-center", children: [
+      /* @__PURE__ */ e(j, { className: "mx-auto mb-4 h-12 w-12 animate-spin text-blue-600" }),
+      /* @__PURE__ */ e("p", { className: "text-gray-600", children: "Loading products..." })
+    ] }) });
+  if (b)
+    return /* @__PURE__ */ e("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ s("div", { className: "text-center", children: [
+      /* @__PURE__ */ e(d, { className: "mx-auto mb-4 h-12 w-12 text-red-600" }),
+      /* @__PURE__ */ e("p", { className: "text-red-600", children: h })
+    ] }) });
+  const a = N || [];
+  return a.length === 0 ? /* @__PURE__ */ e("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ s("div", { className: "text-center", children: [
+    /* @__PURE__ */ e(d, { className: "mx-auto mb-4 h-12 w-12 text-gray-400" }),
+    /* @__PURE__ */ e("p", { className: "text-gray-600", children: x })
+  ] }) }) : /* @__PURE__ */ e(
+    "div",
+    {
+      className: P(
+        "grid gap-6",
+        {
+          2: "grid-cols-1 sm:grid-cols-2",
+          3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+          4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
+        }[o],
+        p
+      ),
+      children: a.map((i) => {
+        const c = {
+          id: i.id,
+          name: i.name,
+          description: i.description || void 0,
+          thumbnailUrl: i.thumbnailUrl || void 0,
+          brand: void 0,
+          // Brand info not included in product response
+          variants: i.variants.map((r) => ({
+            id: r.id,
+            name: r.name || r.sku,
+            price: typeof r.price == "string" ? parseFloat(r.price) : r.price,
+            sku: r.sku,
+            stock: r.stock || void 0
+          }))
+        }, y = i.variants.some((r) => r.id === f);
+        return /* @__PURE__ */ e(
+          k,
+          {
+            product: c,
+            onAddToCart: n,
+            onClick: t ? () => t(c) : void 0,
+            showStock: m,
+            className: g,
+            isAddingToCart: y
+          },
+          i.id
         );
-        l && await I(l.id);
-      }
-  }, S = async (e, n) => {
-    b(!0);
-    try {
-      await v(
-        e.slug,
-        e.name,
-        n.price,
-        n.sku,
-        1
-      ), m(null);
-    } finally {
-      b(!1);
+      })
     }
-  }, o = V(null), [L, O] = f(0), E = () => {
-    if (o.current) {
-      const { scrollLeft: e, scrollWidth: n, clientWidth: r } = o.current, l = e / (n - r);
-      O(l || 0);
-    }
-  }, w = (e) => {
-    if (o.current) {
-      const { clientWidth: n } = o.current, r = n * 0.9;
-      o.current.scrollBy({
-        left: e === "left" ? -r : r,
-        behavior: "smooth"
-      });
-    }
-  };
-  return (!c || c.length === 0) && !N ? null : N ? /* @__PURE__ */ a("div", { className: P("w-full py-8 space-y-4 animate-pulse", p), style: { maxWidth: "calc(100vw - calc(var(--spacing) * 7))" }, children: [
-    /* @__PURE__ */ t("div", { className: "h-4 w-32 bg-gray-200 rounded px-1 mb-6" }),
-    /* @__PURE__ */ a("div", { className: "flex gap-4 overflow-x-hidden", children: [
-      /* @__PURE__ */ t("div", { className: "min-w-[90%] h-[90px] bg-gray-100 rounded-[2rem]" }),
-      /* @__PURE__ */ t("div", { className: "min-w-[90%] h-[90px] bg-gray-100 rounded-[2rem]" })
-    ] })
-  ] }) : /* @__PURE__ */ a(C, { children: [
-    /* @__PURE__ */ a("div", { className: p, children: [
-      /* @__PURE__ */ t("div", { className: "px-1 mb-3", children: /* @__PURE__ */ t("h3", { className: "text-lg font-bold tracking-tight text-gray-900", children: j }) }),
-      /* @__PURE__ */ t("div", { className: "relative", children: /* @__PURE__ */ t(
-        "div",
-        {
-          ref: o,
-          onScroll: E,
-          className: "flex gap-4 overflow-x-auto scrollbar-hide snap-x snap-mandatory px-1",
-          style: { scrollbarWidth: "none", msOverflowStyle: "none", maxWidth: "calc(100vw - calc(var(--spacing) * 7))" },
-          children: c.map((e) => {
-            const n = W.includes(e.id), r = e.variants[0], l = (r == null ? void 0 : r.price) || 0, i = e.compareAtPrice || r.compareAtPrice, d = i && i > l, R = d ? Math.round((i - l) / i * 100) : 0;
-            return /* @__PURE__ */ a(
-              "div",
-              {
-                className: "relative flex min-w-[90%] md:min-w-[420px] snap-start items-center gap-4 rounded-xl bg-[#EBEBEB] p-3 transition-all",
-                children: [
-                  /* @__PURE__ */ a(
-                    "a",
-                    {
-                      href: `/product/${e.slug}`,
-                      className: "flex flex-1 items-center gap-4 min-w-0",
-                      children: [
-                        /* @__PURE__ */ t("div", { className: "h-16 w-16 flex-shrink-0 overflow-hidden rounded-xl bg-white/40 flex items-center justify-center", children: e.thumbnailUrl ? /* @__PURE__ */ t(
-                          "img",
-                          {
-                            src: e.thumbnailUrl,
-                            alt: e.name,
-                            className: "h-full w-full object-cover",
-                            loading: "lazy"
-                          }
-                        ) : /* @__PURE__ */ t("div", { className: "flex h-full w-full items-center justify-center text-[10px] text-gray-400", children: "No Img" }) }),
-                        /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col justify-center min-w-0", children: [
-                          /* @__PURE__ */ t("h4", { className: "text-md font-bold text-[#333] truncate pr-2", title: e.name, children: e.name }),
-                          e.addonDescription && /* @__PURE__ */ t("p", { className: "text-[11px] text-gray-500 line-clamp-3 italic mb-1", children: e.addonDescription }),
-                          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mt-1", children: [
-                            /* @__PURE__ */ t("span", { className: "text-md font-bold text-[#333]", children: k(l) }),
-                            d && /* @__PURE__ */ a(C, { children: [
-                              /* @__PURE__ */ t("span", { className: "text-sm text-[#DC143C] line-through", children: k(i) }),
-                              /* @__PURE__ */ a(T, { className: "bg-[#DC143C]/10 hover:bg-[#DC143C]/20 text-[#DC143C] border-none text-[10px] font-bold px-2 py-0.5 rounded-lg uppercase tracking-tight", children: [
-                                R,
-                                "% OFF"
-                              ] })
-                            ] })
-                          ] })
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ t("div", { className: "pl-2", onClick: (h) => h.stopPropagation(), children: /* @__PURE__ */ t(
-                    G,
-                    {
-                      checked: n,
-                      onCheckedChange: (h) => F(e, h),
-                      className: "scale-125"
-                    }
-                  ) })
-                ]
-              },
-              e.id
-            );
-          })
-        }
-      ) }),
-      /* @__PURE__ */ a("div", { className: "flex items-center justify-between px-2 mt-2", children: [
-        /* @__PURE__ */ t("div", { className: "flex gap-1.5 focus:outline-none", children: Array.from({ length: Math.min(c.length, 6) }).map((e, n) => {
-          const r = Math.round(L * (Math.min(c.length, 6) - 1)) === n;
-          return /* @__PURE__ */ t(
-            "div",
-            {
-              className: P(
-                "h-2 w-2 rounded-full transition-all duration-300",
-                r ? "bg-gray-600 scale-110" : "bg-gray-300"
-              )
-            },
-            n
-          );
-        }) }),
-        /* @__PURE__ */ a("div", { className: "flex gap-4", children: [
-          /* @__PURE__ */ t(
-            "button",
-            {
-              onClick: () => w("left"),
-              className: "text-gray-400 hover:text-gray-900 transition-colors",
-              "aria-label": "Previous",
-              children: /* @__PURE__ */ t(U, { className: "h-6 w-6 stroke-[2.5px]" })
-            }
-          ),
-          /* @__PURE__ */ t(
-            "button",
-            {
-              onClick: () => w("right"),
-              className: "text-gray-400 hover:text-gray-900 transition-colors",
-              "aria-label": "Next",
-              children: /* @__PURE__ */ t(z, { className: "h-6 w-6 stroke-[2.5px]" })
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ t(
-      _,
-      {
-        isOpen: !!y,
-        onClose: () => m(null),
-        product: y,
-        onConfirm: S,
-        isLoading: B
-      }
-    )
-  ] });
+  );
 }
 export {
-  le as ProductAddOns
+  q as ProductGrid
 };

package/dist/index110.mjs

@@ -1,72 +1,56 @@
 'use client';
-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
+import s from "./index95.mjs";
+import m from "./index163.mjs";
+import u from "./index164.mjs";
+import { getFetch as b } from "./index165.mjs";
+import d from "./index106.mjs";
+const p = {
+  http: m,
+  xhr: u,
+  fetch: {
+    get: b
+  }
 };
-Object.entries(e).forEach(([t, o]) => {
-  e[o] = t;
+s.forEach(p, (e, o) => {
+  if (e) {
+    try {
+      Object.defineProperty(e, "name", { value: o });
+    } catch {
+    }
+    Object.defineProperty(e, "adapterName", { value: o });
+  }
 });
+const f = (e) => `- ${e}`, g = (e) => s.isFunction(e) || e === null || e === !1, y = {
+  getAdapter: (e, o) => {
+    e = s.isArray(e) ? e : [e];
+    const { length: a } = e;
+    let i, t;
+    const c = {};
+    for (let r = 0; r < a; r++) {
+      i = e[r];
+      let n;
+      if (t = i, !g(i) && (t = p[(n = String(i)).toLowerCase()], t === void 0))
+        throw new d(`Unknown adapter '${n}'`);
+      if (t && (s.isFunction(t) || (t = t.get(o))))
+        break;
+      c[n || "#" + r] = t;
+    }
+    if (!t) {
+      const r = Object.entries(c).map(
+        ([l, h]) => `adapter ${l} ` + (h === !1 ? "is not supported by the environment" : "is not available in the build")
+      );
+      let n = a ? r.length > 1 ? `since :
+` + r.map(f).join(`
+`) : " " + f(r[0]) : "as no adapter specified";
+      throw new d(
+        "There is no suitable adapter to dispatch the request " + n,
+        "ERR_NOT_SUPPORT"
+      );
+    }
+    return t;
+  },
+  adapters: p
+};
 export {
-  e as default
+  y as default
 };