@instockng/storefront-ui 1.0.31 → 1.0.33

package/dist/index9.mjs

@@ -1,101 +1,83 @@
 'use client';
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { Package as g, Trash2 as p } from "lucide-react";
-import { cn as N, formatCurrency as h } from "./index19.mjs";
-import { useCart as w } from "./index3.mjs";
-import { useState as f, useCallback as y } from "react";
-function U({
-  item: e,
-  className: b,
-  disabled: r = !1
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import "./index21.mjs";
+import "@tanstack/react-query";
+import { useGetProducts as C } from "./index35.mjs";
+import { ProductCard as k } from "./index8.mjs";
+import { Loader2 as j, Package as d } from "lucide-react";
+import { cn as P } from "./index20.mjs";
+function q({
+  brandId: o,
+  onAddToCart: l,
+  onProductClick: t,
+  columns: n = 3,
+  showStock: m = !0,
+  className: g,
+  cardClassName: p,
+  showLoading: u = !0,
+  emptyMessage: x = "No products available at the moment.",
+  errorMessage: h = "Failed to load products. Please try again later.",
+  loadingVariantId: f
 }) {
-  const [i, n] = f(!1), [s, c] = f(!1), { removeItem: o, updateItem: d } = w(), m = y(async (l) => {
-    if (!(l <= 0)) {
-      c(!0);
-      try {
-        await d(e.id, l);
-      } catch (v) {
-        console.error("Failed to update item quantity:", v);
-      }
-      c(!1);
-    }
-  }, [e.id, d]), x = y(async () => {
-    n(!0);
-    try {
-      await o(e.id);
-    } catch (l) {
-      console.error("Failed to remove item:", l);
-    }
-    n(!1);
-  }, [e.id, o]), u = e.variant.thumbnailUrl ?? e.variant.product.thumbnailUrl;
-  return /* @__PURE__ */ t(
+  const { data: N, isLoading: v, error: y } = C(o);
+  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 (y)
+    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: N(
-        "flex gap-3 transition-opacity",
-        (r || i || s) && "opacity-50",
-        b
+      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"
+        }[n],
+        g
       ),
-      children: [
-        /* @__PURE__ */ a("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-gray-100", children: u ? /* @__PURE__ */ a(
-          "img",
+      children: a.map((i) => {
+        const c = {
+          id: i.id,
+          name: i.name,
+          description: i.description || void 0,
+          imageUrl: 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
+          }))
+        }, b = i.variants.some((r) => r.id === f);
+        return /* @__PURE__ */ e(
+          k,
           {
-            src: u,
-            alt: e.variant.product.name,
-            className: "h-full w-full object-cover"
-          }
-        ) : /* @__PURE__ */ a("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ a(g, { className: "h-6 w-6 text-gray-400" }) }) }),
-        /* @__PURE__ */ t("div", { className: "flex flex-1 flex-col justify-between py-1", children: [
-          /* @__PURE__ */ a("div", { children: /* @__PURE__ */ t("div", { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ t("div", { className: "flex-1", children: [
-              /* @__PURE__ */ a("h3", { className: "text-base font-semibold leading-tight", children: e.variant.product.name }),
-              e.variant.name && /* @__PURE__ */ a("p", { className: "mt-0.5 text-sm text-gray-600", children: e.variant.name })
-            ] }),
-            /* @__PURE__ */ a(
-              "button",
-              {
-                onClick: x,
-                disabled: r || i,
-                className: "text-gray-400 hover:text-red-600 disabled:cursor-not-allowed disabled:opacity-50",
-                "aria-label": "Remove item",
-                children: /* @__PURE__ */ a(p, { className: "h-5 w-5" })
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ t("div", { className: "flex items-center justify-between mt-2", children: [
-            /* @__PURE__ */ t("div", { className: "inline-flex items-center overflow-hidden rounded-full bg-gray-200 text-gray-700", children: [
-              /* @__PURE__ */ a(
-                "button",
-                {
-                  "aria-label": "Decrease quantity",
-                  onClick: () => m(e.quantity - 1),
-                  disabled: r || e.quantity <= 1 || s,
-                  className: "flex h-8 w-8 items-center justify-center transition-colors hover:bg-gray-300 disabled:cursor-not-allowed disabled:opacity-50",
-                  children: "−"
-                }
-              ),
-              /* @__PURE__ */ a("span", { className: "px-3 text-base font-medium select-none", children: e.quantity }),
-              /* @__PURE__ */ a(
-                "button",
-                {
-                  "aria-label": "Increase quantity",
-                  onClick: () => m(e.quantity + 1),
-                  disabled: r || s,
-                  className: "flex h-8 w-8 items-center justify-center transition-colors hover:bg-gray-300 disabled:cursor-not-allowed disabled:opacity-50",
-                  children: "+"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ t("div", { className: "text-right", children: [
-              /* @__PURE__ */ a("p", { className: "text-base font-medium", children: h(e.subtotal) }),
-              e.basePrice !== e.finalPrice && /* @__PURE__ */ a("p", { className: "text-xs text-[#DC143C] line-through", children: h(e.basePrice * e.quantity) })
-            ] })
-          ] })
-        ] })
-      ]
+            product: c,
+            onAddToCart: l,
+            onClick: t ? () => t(c) : void 0,
+            showStock: m,
+            className: p,
+            isAddingToCart: b
+          },
+          i.id
+        );
+      })
     }
   );
 }
 export {
-  U as CartItem
+  q as ProductGrid
 };

package/dist/index90.mjs

@@ -1,182 +1,23 @@
 'use client';
-import i from "./index76.mjs";
-import S from "./index142.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);
-  }
-}
-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));
-    }
-    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;
-  }
-  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");
-      }
-    }
-  }
-  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 !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);
+import { __exports as e } from "./index132.mjs";
+import "./index88.mjs";
+import u from "react";
+import { __exports as n } from "./index93.mjs";
+var o;
+function d() {
+  return o ? e : (o = 1, function(t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), Object.defineProperty(t, "RouterContext", {
+      enumerable: !0,
+      get: function() {
+        return r;
       }
-    }
-    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;
-  }
+    });
+    const r = (/* @__PURE__ */ n._(u)).default.createContext(null);
+    process.env.NODE_ENV !== "production" && (r.displayName = "RouterContext");
+  }(e), e);
 }
-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 {
-  b as default
+  d as __require
 };

package/dist/index91.mjs

@@ -1,56 +1,58 @@
 'use client';
-import s from "./index76.mjs";
-import m from "./index143.mjs";
-import u from "./index144.mjs";
-import { getFetch as b } from "./index145.mjs";
-import d from "./index87.mjs";
-const p = {
-  http: m,
-  xhr: u,
-  fetch: {
-    get: b
-  }
-};
-s.forEach(p, (e, o) => {
-  if (e) {
-    try {
-      Object.defineProperty(e, "name", { value: o });
-    } catch {
+import { __exports as o } from "./index133.mjs";
+import { __require as p } from "./index134.mjs";
+var u;
+function m() {
+  return u ? o : (u = 1, function(i) {
+    Object.defineProperty(i, "__esModule", {
+      value: !0
+    });
+    function f(e, r) {
+      for (var t in r) Object.defineProperty(e, t, {
+        enumerable: !0,
+        get: r[t]
+      });
     }
-    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;
+    f(i, {
+      /**
+      * Checks whether the given value is a NextError.
+      * This can be used to print a more detailed error message with properties like `code` & `digest`.
+      */
+      default: function() {
+        return s;
+      },
+      getProperError: function() {
+        return a;
+      }
+    });
+    const c = p();
+    function s(e) {
+      return typeof e == "object" && e !== null && "name" in e && "message" in e;
     }
-    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"
-      );
+    function d(e) {
+      const r = /* @__PURE__ */ new WeakSet();
+      return JSON.stringify(e, (t, n) => {
+        if (typeof n == "object" && n !== null) {
+          if (r.has(n))
+            return "[Circular]";
+          r.add(n);
+        }
+        return n;
+      });
     }
-    return t;
-  },
-  adapters: p
-};
+    function a(e) {
+      if (s(e))
+        return e;
+      if (process.env.NODE_ENV === "development") {
+        if (typeof e > "u")
+          return new Error("An undefined error was thrown, see here for more info: https://nextjs.org/docs/messages/threw-undefined");
+        if (e === null)
+          return new Error("A null error was thrown, see here for more info: https://nextjs.org/docs/messages/threw-undefined");
+      }
+      return new Error((0, c.isPlainObject)(e) ? d(e) : e + "");
+    }
+  }(o), o);
+}
 export {
-  y as default
+  m as __require
 };

package/dist/index92.mjs

@@ -1,72 +1,36 @@
 '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
-};
-Object.entries(e).forEach(([t, o]) => {
-  e[o] = t;
-});
+import { __module as u } from "./index135.mjs";
+import d from "react/jsx-runtime";
+import "react";
+import { __require as c } from "./index65.mjs";
+var n;
+function y() {
+  return n ? u.exports : (n = 1, function(a, e) {
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "default", {
+      enumerable: !0,
+      get: function() {
+        return l;
+      }
+    });
+    const f = d, o = c();
+    function l(t) {
+      function r(i) {
+        return /* @__PURE__ */ (0, f.jsx)(t, {
+          router: (0, o.useRouter)(),
+          ...i
+        });
+      }
+      if (r.getInitialProps = t.getInitialProps, r.origGetInitialProps = t.origGetInitialProps, process.env.NODE_ENV !== "production") {
+        const i = t.displayName || t.name || "Unknown";
+        r.displayName = "withRouter(" + i + ")";
+      }
+      return r;
+    }
+    (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), a.exports = e.default);
+  }(u, u.exports), u.exports);
+}
 export {
-  e as default
+  y as __require
 };

package/dist/index93.mjs

@@ -1,37 +1,5 @@
 'use client';
-var a = (i, t, e = {}) => {
-  let r = `${i}=${t}`;
-  if (i.startsWith("__Secure-") && !e.secure)
-    throw new Error("__Secure- Cookie must have Secure attributes");
-  if (i.startsWith("__Host-")) {
-    if (!e.secure)
-      throw new Error("__Host- Cookie must have Secure attributes");
-    if (e.path !== "/")
-      throw new Error('__Host- Cookie must have Path attributes with "/"');
-    if (e.domain)
-      throw new Error("__Host- Cookie must not have Domain attributes");
-  }
-  if (e && typeof e.maxAge == "number" && e.maxAge >= 0) {
-    if (e.maxAge > 3456e4)
-      throw new Error(
-        "Cookies Max-Age SHOULD NOT be greater than 400 days (34560000 seconds) in duration."
-      );
-    r += `; Max-Age=${e.maxAge | 0}`;
-  }
-  if (e.domain && e.prefix !== "host" && (r += `; Domain=${e.domain}`), e.path && (r += `; Path=${e.path}`), e.expires) {
-    if (e.expires.getTime() - Date.now() > 3456e7)
-      throw new Error(
-        "Cookies Expires SHOULD NOT be greater than 400 days (34560000 seconds) in the future."
-      );
-    r += `; Expires=${e.expires.toUTCString()}`;
-  }
-  if (e.httpOnly && (r += "; HttpOnly"), e.secure && (r += "; Secure"), e.sameSite && (r += `; SameSite=${e.sameSite.charAt(0).toUpperCase() + e.sameSite.slice(1)}`), e.priority && (r += `; Priority=${e.priority.charAt(0).toUpperCase() + e.priority.slice(1)}`), e.partitioned) {
-    if (!e.secure)
-      throw new Error("Partitioned Cookie must have Secure attributes");
-    r += "; Partitioned";
-  }
-  return r;
-}, s = (i, t, e) => (t = encodeURIComponent(t), a(i, t, e));
+var e = {};
 export {
-  s as serialize
+  e as __exports
 };