@instockng/storefront-ui 1.0.31 → 1.0.33

package/dist/index8.mjs

@@ -1,83 +1,113 @@
 'use client';
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import "./index20.mjs";
-import "@tanstack/react-query";
-import { useGetProducts as C } from "./index34.mjs";
-import { ProductCard as k } from "./index7.mjs";
-import { Loader2 as j, Package as d } from "lucide-react";
-import { cn as P } from "./index19.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
+import { jsxs as s, jsx as t, Fragment as u } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { Card as P, CardContent as S, CardFooter as j } from "./index15.mjs";
+import { Button as I } from "./index14.mjs";
+import { Badge as p } from "./index16.mjs";
+import { Package as O, ShoppingCart as q } from "lucide-react";
+import { cn as g, formatCurrency as h } from "./index20.mjs";
+function D({
+  product: r,
+  onAddToCart: o,
+  showStock: b = !0,
+  className: x,
+  imageClassName: N,
+  disableAddToCart: v = !1,
+  isAddingToCart: n = !1,
+  onClick: i
 }) {
-  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",
+  var d;
+  const [c, y] = f(
+    ((d = r.variants[0]) == null ? void 0 : d.id) || ""
+  ), [m, k] = f(1), a = r.variants.find((e) => e.id === c), C = r.variants.length > 1, l = a ? a.stock === void 0 || a.stock > 0 : !1, w = (e) => {
+    e.stopPropagation(), a && o && o(a.id, m);
+  };
+  return /* @__PURE__ */ s(
+    P,
     {
-      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
+      className: g(
+        "group overflow-hidden transition-all hover:shadow-lg",
+        i && "cursor-pointer",
+        x
       ),
-      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,
+      onClick: i,
+      children: [
+        /* @__PURE__ */ s("div", { className: "relative aspect-square overflow-hidden bg-gray-100", children: [
+          r.imageUrl ? /* @__PURE__ */ t(
+            "img",
+            {
+              src: r.imageUrl,
+              alt: r.name,
+              className: g(
+                "h-full w-full object-cover transition-transform group-hover:scale-105",
+                N
+              )
+            }
+          ) : /* @__PURE__ */ t("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ t(O, { className: "h-16 w-16 text-gray-400" }) }),
+          !l && /* @__PURE__ */ t(p, { className: "absolute right-2 top-2 bg-red-600", children: "Out of Stock" }),
+          b && l && (a == null ? void 0 : a.stock) !== void 0 && a.stock < 10 && /* @__PURE__ */ s(p, { className: "absolute right-2 top-2 bg-orange-600", children: [
+            "Only ",
+            a.stock,
+            " left"
+          ] })
+        ] }),
+        /* @__PURE__ */ s(S, { className: "p-4", children: [
+          /* @__PURE__ */ t("h3", { className: "mb-1 font-semibold line-clamp-2", children: r.name }),
+          r.description && /* @__PURE__ */ t("p", { className: "mb-2 text-sm text-gray-600 line-clamp-2", children: r.description }),
+          C && /* @__PURE__ */ s("div", { className: "mb-3", children: [
+            /* @__PURE__ */ t("label", { className: "mb-1 block text-xs font-medium text-gray-700", children: "Select Option" }),
+            /* @__PURE__ */ t(
+              "select",
+              {
+                value: c,
+                onChange: (e) => {
+                  e.stopPropagation(), y(e.target.value);
+                },
+                className: "w-full rounded-md border border-gray-300 px-2 py-1 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500",
+                onClick: (e) => e.stopPropagation(),
+                children: r.variants.map((e) => /* @__PURE__ */ s("option", { value: e.id, children: [
+                  e.name,
+                  " - ",
+                  h(e.price)
+                ] }, e.id))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t("div", { className: "mb-3 text-2xl font-bold text-blue-600", children: a && h(a.price) }),
+          /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ t("label", { className: "text-xs font-medium text-gray-700", children: "Qty:" }),
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "number",
+                min: "1",
+                max: (a == null ? void 0 : a.stock) || 999,
+                value: m,
+                onChange: (e) => {
+                  e.stopPropagation(), k(Math.max(1, parseInt(e.target.value) || 1));
+                },
+                onClick: (e) => e.stopPropagation(),
+                className: "w-20 rounded-md border border-gray-300 px-2 py-1 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ t(j, { className: "p-4 pt-0", children: /* @__PURE__ */ t(
+          I,
           {
-            product: c,
-            onAddToCart: l,
-            onClick: t ? () => t(c) : void 0,
-            showStock: m,
-            className: p,
-            isAddingToCart: b
-          },
-          i.id
-        );
-      })
+            onClick: w,
+            disabled: v || !l || n,
+            className: "w-full",
+            children: n ? /* @__PURE__ */ t(u, { children: "Adding..." }) : /* @__PURE__ */ s(u, { children: [
+              /* @__PURE__ */ t(q, { className: "mr-2 h-4 w-4" }),
+              "Add to Cart"
+            ] })
+          }
+        ) })
+      ]
     }
   );
 }
 export {
-  q as ProductGrid
+  D as ProductCard
 };

package/dist/index80.mjs

@@ -1,90 +1,86 @@
 'use client';
-import t from "./index76.mjs";
-import c from "./index87.mjs";
-import u from "./index139.mjs";
-import S from "./index86.mjs";
-import h from "./index140.mjs";
-import a from "./index141.mjs";
-import O from "./index81.mjs";
-function y(i, r, e) {
-  if (t.isString(i))
-    try {
-      return (r || JSON.parse)(i), t.trim(i);
-    } catch (n) {
-      if (n.name !== "SyntaxError")
-        throw n;
-    }
-  return (e || JSON.stringify)(i);
+import t from "./index70.mjs";
+import E from "./index81.mjs";
+function B(i) {
+  return t.isPlainObject(i) || t.isArray(i);
 }
-const l = {
-  transitional: u,
-  adapter: ["xhr", "http", "fetch"],
-  transformRequest: [function(r, e) {
-    const n = e.getContentType() || "", s = n.indexOf("application/json") > -1, f = t.isObject(r);
-    if (f && t.isHTMLForm(r) && (r = new FormData(r)), t.isFormData(r))
-      return s ? JSON.stringify(O(r)) : r;
-    if (t.isArrayBuffer(r) || t.isBuffer(r) || t.isStream(r) || t.isFile(r) || t.isBlob(r) || t.isReadableStream(r))
-      return r;
-    if (t.isArrayBufferView(r))
-      return r.buffer;
-    if (t.isURLSearchParams(r))
-      return e.setContentType("application/x-www-form-urlencoded;charset=utf-8", !1), r.toString();
-    let o;
-    if (f) {
-      if (n.indexOf("application/x-www-form-urlencoded") > -1)
-        return h(r, this.formSerializer).toString();
-      if ((o = t.isFileList(r)) || n.indexOf("multipart/form-data") > -1) {
-        const p = this.env && this.env.FormData;
-        return S(
-          o ? { "files[]": r } : r,
-          p && new p(),
-          this.formSerializer
-        );
-      }
-    }
-    return f || s ? (e.setContentType("application/json", !1), y(r)) : r;
-  }],
-  transformResponse: [function(r) {
-    const e = this.transitional || l.transitional, n = e && e.forcedJSONParsing, s = this.responseType === "json";
-    if (t.isResponse(r) || t.isReadableStream(r))
-      return r;
-    if (r && t.isString(r) && (n && !this.responseType || s)) {
-      const m = !(e && e.silentJSONParsing) && s;
-      try {
-        return JSON.parse(r, this.parseReviver);
-      } catch (o) {
-        if (m)
-          throw o.name === "SyntaxError" ? c.from(o, c.ERR_BAD_RESPONSE, this, null, this.response) : o;
-      }
+function h(i) {
+  return t.endsWith(i, "[]") ? i.slice(0, -2) : i;
+}
+function O(i, e, s) {
+  return i ? i.concat(e).map(function(o, d) {
+    return o = h(o), !s && d ? "[" + o + "]" : o;
+  }).join(s ? "." : "") : e;
+}
+function T(i) {
+  return t.isArray(i) && !i.some(B);
+}
+const S = t.toFlatObject(t, {}, null, function(e) {
+  return /^is[A-Z]/.test(e);
+});
+function W(i, e, s) {
+  if (!t.isObject(i))
+    throw new TypeError("target must be an object");
+  e = e || new FormData(), s = t.toFlatObject(s, {
+    metaTokens: !0,
+    dots: !1,
+    indexes: !1
+  }, !1, function(n, u) {
+    return !t.isUndefined(u[n]);
+  });
+  const p = s.metaTokens, o = s.visitor || j, d = s.dots, m = s.indexes, w = (s.Blob || typeof Blob < "u" && Blob) && t.isSpecCompliantForm(e);
+  if (!t.isFunction(o))
+    throw new TypeError("visitor must be a function");
+  function l(r) {
+    if (r === null) return "";
+    if (t.isDate(r))
+      return r.toISOString();
+    if (t.isBoolean(r))
+      return r.toString();
+    if (!w && t.isBlob(r))
+      throw new E("Blob is not supported. Use a Buffer instead.");
+    return t.isArrayBuffer(r) || t.isTypedArray(r) ? w && typeof Blob == "function" ? new Blob([r]) : Buffer.from(r) : r;
+  }
+  function j(r, n, u) {
+    let f = r;
+    if (r && !u && typeof r == "object") {
+      if (t.endsWith(n, "{}"))
+        n = p ? n : n.slice(0, -2), r = JSON.stringify(r);
+      else if (t.isArray(r) && T(r) || (t.isFileList(r) || t.endsWith(n, "[]")) && (f = t.toArray(r)))
+        return n = h(n), f.forEach(function(b, x) {
+          !(t.isUndefined(b) || b === null) && e.append(
+            // eslint-disable-next-line no-nested-ternary
+            m === !0 ? O([n], x, d) : m === null ? n : n + "[]",
+            l(b)
+          );
+        }), !1;
     }
-    return r;
-  }],
-  /**
-   * A timeout in milliseconds to abort a request. If set to 0 (default) a
-   * timeout is not created.
-   */
-  timeout: 0,
-  xsrfCookieName: "XSRF-TOKEN",
-  xsrfHeaderName: "X-XSRF-TOKEN",
-  maxContentLength: -1,
-  maxBodyLength: -1,
-  env: {
-    FormData: a.classes.FormData,
-    Blob: a.classes.Blob
-  },
-  validateStatus: function(r) {
-    return r >= 200 && r < 300;
-  },
-  headers: {
-    common: {
-      Accept: "application/json, text/plain, */*",
-      "Content-Type": void 0
+    return B(r) ? !0 : (e.append(O(u, n, d), l(r)), !1);
+  }
+  const a = [], F = Object.assign(S, {
+    defaultVisitor: j,
+    convertValue: l,
+    isVisitable: B
+  });
+  function A(r, n) {
+    if (!t.isUndefined(r)) {
+      if (a.indexOf(r) !== -1)
+        throw Error("Circular reference detected in " + n.join("."));
+      a.push(r), t.forEach(r, function(f, c) {
+        (!(t.isUndefined(f) || f === null) && o.call(
+          e,
+          f,
+          t.isString(c) ? c.trim() : c,
+          n,
+          F
+        )) === !0 && A(f, n ? n.concat(c) : [c]);
+      }), a.pop();
     }
   }
-};
-t.forEach(["delete", "get", "head", "post", "put", "patch"], (i) => {
-  l.headers[i] = {};
-});
+  if (!t.isObject(i))
+    throw new TypeError("data must be an object");
+  return A(i), e;
+}
 export {
-  l as default
+  W as default
 };

package/dist/index81.mjs

@@ -1,32 +1,57 @@
 'use client';
-import u from "./index76.mjs";
-function f(e) {
-  return u.matchAll(/\w+|\[(\w*)]/g, e).map((o) => o[0] === "[]" ? "" : o[1] || o[0]);
+import c from "./index70.mjs";
+function r(t, i, o, a, e) {
+  Error.call(this), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack, this.message = t, this.name = "AxiosError", i && (this.code = i), o && (this.config = o), a && (this.request = a), e && (this.response = e, this.status = e.status ? e.status : null);
 }
-function y(e) {
-  const o = {}, r = Object.keys(e);
-  let i;
-  const n = r.length;
-  let c;
-  for (i = 0; i < n; i++)
-    c = r[i], o[c] = e[c];
-  return o;
-}
-function m(e) {
-  function o(r, i, n, c) {
-    let s = r[c++];
-    if (s === "__proto__") return !0;
-    const t = Number.isFinite(+s), l = c >= r.length;
-    return s = !s && u.isArray(n) ? n.length : s, l ? (u.hasOwnProp(n, s) ? n[s] = [n[s], i] : n[s] = i, !t) : ((!n[s] || !u.isObject(n[s])) && (n[s] = []), o(r, i, n[s], c) && u.isArray(n[s]) && (n[s] = y(n[s])), !t);
-  }
-  if (u.isFormData(e) && u.isFunction(e.entries)) {
-    const r = {};
-    return u.forEachEntry(e, (i, n) => {
-      o(f(i), n, r, 0);
-    }), r;
+c.inherits(r, Error, {
+  toJSON: function() {
+    return {
+      // Standard
+      message: this.message,
+      name: this.name,
+      // Microsoft
+      description: this.description,
+      number: this.number,
+      // Mozilla
+      fileName: this.fileName,
+      lineNumber: this.lineNumber,
+      columnNumber: this.columnNumber,
+      stack: this.stack,
+      // Axios
+      config: c.toJSONObject(this.config),
+      code: this.code,
+      status: this.status
+    };
   }
-  return null;
-}
+});
+const u = r.prototype, R = {};
+[
+  "ERR_BAD_OPTION_VALUE",
+  "ERR_BAD_OPTION",
+  "ECONNABORTED",
+  "ETIMEDOUT",
+  "ERR_NETWORK",
+  "ERR_FR_TOO_MANY_REDIRECTS",
+  "ERR_DEPRECATED",
+  "ERR_BAD_RESPONSE",
+  "ERR_BAD_REQUEST",
+  "ERR_CANCELED",
+  "ERR_NOT_SUPPORT",
+  "ERR_INVALID_URL"
+  // eslint-disable-next-line func-names
+].forEach((t) => {
+  R[t] = { value: t };
+});
+Object.defineProperties(r, R);
+Object.defineProperty(u, "isAxiosError", { value: !0 });
+r.from = (t, i, o, a, e, E) => {
+  const s = Object.create(u);
+  c.toFlatObject(t, s, function(m) {
+    return m !== Error.prototype;
+  }, (n) => n !== "isAxiosError");
+  const l = t && t.message ? t.message : "Error", h = i == null && t ? t.code : i;
+  return r.call(s, l, h, o, a, e), t && s.cause == null && Object.defineProperty(s, "cause", { value: t, configurable: !0 }), s.name = t && t.name || "Error", E && Object.assign(s, E), s;
+};
 export {
-  m as default
+  r as default
 };

package/dist/index82.mjs

@@ -1,12 +1,9 @@
 'use client';
-import r from "./index87.mjs";
-import i from "./index76.mjs";
-function l(o, t, e) {
-  r.call(this, o ?? "canceled", r.ERR_CANCELED, t, e), this.name = "CanceledError";
+function u(n) {
+  return function(r) {
+    return n.apply(null, r);
+  };
 }
-i.inherits(l, r, {
-  __CANCEL__: !0
-});
 export {
-  l as default
+  u as default
 };

package/dist/index83.mjs

@@ -1,78 +1,8 @@
 'use client';
-import u from "./index82.mjs";
-class c {
-  constructor(e) {
-    if (typeof e != "function")
-      throw new TypeError("executor must be a function.");
-    let t;
-    this.promise = new Promise(function(r) {
-      t = r;
-    });
-    const s = this;
-    this.promise.then((n) => {
-      if (!s._listeners) return;
-      let r = s._listeners.length;
-      for (; r-- > 0; )
-        s._listeners[r](n);
-      s._listeners = null;
-    }), this.promise.then = (n) => {
-      let r;
-      const o = new Promise((i) => {
-        s.subscribe(i), r = i;
-      }).then(n);
-      return o.cancel = function() {
-        s.unsubscribe(r);
-      }, o;
-    }, e(function(r, o, i) {
-      s.reason || (s.reason = new u(r, o, i), t(s.reason));
-    });
-  }
-  /**
-   * Throws a `CanceledError` if cancellation has been requested.
-   */
-  throwIfRequested() {
-    if (this.reason)
-      throw this.reason;
-  }
-  /**
-   * Subscribe to the cancel signal
-   */
-  subscribe(e) {
-    if (this.reason) {
-      e(this.reason);
-      return;
-    }
-    this._listeners ? this._listeners.push(e) : this._listeners = [e];
-  }
-  /**
-   * Unsubscribe from the cancel signal
-   */
-  unsubscribe(e) {
-    if (!this._listeners)
-      return;
-    const t = this._listeners.indexOf(e);
-    t !== -1 && this._listeners.splice(t, 1);
-  }
-  toAbortSignal() {
-    const e = new AbortController(), t = (s) => {
-      e.abort(s);
-    };
-    return this.subscribe(t), e.signal.unsubscribe = () => this.unsubscribe(t), e.signal;
-  }
-  /**
-   * Returns an object that contains a new `CancelToken` and a function that, when called,
-   * cancels the `CancelToken`.
-   */
-  static source() {
-    let e;
-    return {
-      token: new c(function(n) {
-        e = n;
-      }),
-      cancel: e
-    };
-  }
+import i from "./index70.mjs";
+function o(r) {
+  return i.isObject(r) && r.isAxiosError === !0;
 }
 export {
-  c as default
+  o as default
 };