@instockng/storefront-ui 1.0.32 → 1.0.33

package/dist/index76.mjs

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

package/dist/index77.mjs

@@ -1,137 +1,78 @@
 'use client';
-import d from "./index75.mjs";
-import U from "./index134.mjs";
-import q from "./index135.mjs";
-import R from "./index136.mjs";
-import w from "./index78.mjs";
-import A from "./index137.mjs";
-import m from "./index138.mjs";
-import T from "./index89.mjs";
-const i = m.validators;
-class k {
-  constructor(t) {
-    this.defaults = t || {}, this.interceptors = {
-      request: new q(),
-      response: new q()
-    };
+import u from "./index76.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));
+    });
   }
   /**
-   * Dispatch a request
-   *
-   * @param {String|Object} configOrUrl The config specific for this request (merged with this.defaults)
-   * @param {?Object} config
-   *
-   * @returns {Promise} The Promise to be fulfilled
+   * Throws a `CanceledError` if cancellation has been requested.
    */
-  async request(t, e) {
-    try {
-      return await this._request(t, e);
-    } catch (r) {
-      if (r instanceof Error) {
-        let o = {};
-        Error.captureStackTrace ? Error.captureStackTrace(o) : o = new Error();
-        const s = o.stack ? o.stack.replace(/^.+\n/, "") : "";
-        try {
-          r.stack ? s && !String(r.stack).endsWith(s.replace(/^.+\n.+\n/, "")) && (r.stack += `
-` + s) : r.stack = s;
-        } catch {
-        }
-      }
-      throw r;
-    }
+  throwIfRequested() {
+    if (this.reason)
+      throw this.reason;
   }
-  _request(t, e) {
-    typeof t == "string" ? (e = e || {}, e.url = t) : e = t || {}, e = w(this.defaults, e);
-    const { transitional: r, paramsSerializer: o, headers: s } = e;
-    r !== void 0 && m.assertOptions(r, {
-      silentJSONParsing: i.transitional(i.boolean),
-      forcedJSONParsing: i.transitional(i.boolean),
-      clarifyTimeoutError: i.transitional(i.boolean)
-    }, !1), o != null && (d.isFunction(o) ? e.paramsSerializer = {
-      serialize: o
-    } : m.assertOptions(o, {
-      encode: i.function,
-      serialize: i.function
-    }, !0)), e.allowAbsoluteUrls !== void 0 || (this.defaults.allowAbsoluteUrls !== void 0 ? e.allowAbsoluteUrls = this.defaults.allowAbsoluteUrls : e.allowAbsoluteUrls = !0), m.assertOptions(e, {
-      baseUrl: i.spelling("baseURL"),
-      withXsrfToken: i.spelling("withXSRFToken")
-    }, !0), e.method = (e.method || this.defaults.method || "get").toLowerCase();
-    let f = s && d.merge(
-      s.common,
-      s[e.method]
-    );
-    s && d.forEach(
-      ["delete", "get", "head", "post", "put", "patch", "common"],
-      (a) => {
-        delete s[a];
-      }
-    ), e.headers = T.concat(f, s);
-    const h = [];
-    let b = !0;
-    this.interceptors.request.forEach(function(n) {
-      typeof n.runWhen == "function" && n.runWhen(e) === !1 || (b = b && n.synchronous, h.unshift(n.fulfilled, n.rejected));
-    });
-    const c = [];
-    this.interceptors.response.forEach(function(n) {
-      c.push(n.fulfilled, n.rejected);
-    });
-    let u, l = 0, p;
-    if (!b) {
-      const a = [R.bind(this), void 0];
-      for (a.unshift(...h), a.push(...c), p = a.length, u = Promise.resolve(e); l < p; )
-        u = u.then(a[l++], a[l++]);
-      return u;
-    }
-    p = h.length;
-    let y = e;
-    for (; l < p; ) {
-      const a = h[l++], n = h[l++];
-      try {
-        y = a(y);
-      } catch (S) {
-        n.call(this, S);
-        break;
-      }
-    }
-    try {
-      u = R.call(this, y);
-    } catch (a) {
-      return Promise.reject(a);
+  /**
+   * Subscribe to the cancel signal
+   */
+  subscribe(e) {
+    if (this.reason) {
+      e(this.reason);
+      return;
     }
-    for (l = 0, p = c.length; l < p; )
-      u = u.then(c[l++], c[l++]);
-    return u;
+    this._listeners ? this._listeners.push(e) : this._listeners = [e];
   }
-  getUri(t) {
-    t = w(this.defaults, t);
-    const e = A(t.baseURL, t.url, t.allowAbsoluteUrls);
-    return U(e, t.params, t.paramsSerializer);
+  /**
+   * Unsubscribe from the cancel signal
+   */
+  unsubscribe(e) {
+    if (!this._listeners)
+      return;
+    const t = this._listeners.indexOf(e);
+    t !== -1 && this._listeners.splice(t, 1);
   }
-}
-d.forEach(["delete", "get", "head", "options"], function(t) {
-  k.prototype[t] = function(e, r) {
-    return this.request(w(r || {}, {
-      method: t,
-      url: e,
-      data: (r || {}).data
-    }));
-  };
-});
-d.forEach(["post", "put", "patch"], function(t) {
-  function e(r) {
-    return function(s, f, h) {
-      return this.request(w(h || {}, {
-        method: t,
-        headers: r ? {
-          "Content-Type": "multipart/form-data"
-        } : {},
-        url: s,
-        data: f
-      }));
+  toAbortSignal() {
+    const e = new AbortController(), t = (s) => {
+      e.abort(s);
     };
+    return this.subscribe(t), e.signal.unsubscribe = () => this.unsubscribe(t), e.signal;
   }
-  k.prototype[t] = e(), k.prototype[t + "Form"] = e(!0);
-});
+  /**
+   * 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
+    };
+  }
+}
 export {
-  k as default
+  c as default
 };

package/dist/index78.mjs

@@ -1,71 +1,7 @@
 'use client';
-import i from "./index75.mjs";
-import h from "./index89.mjs";
-const c = (s) => s instanceof h ? { ...s } : s;
-function C(s, f) {
-  f = f || {};
-  const u = {};
-  function d(t, e, r, o) {
-    return i.isPlainObject(t) && i.isPlainObject(e) ? i.merge.call({ caseless: o }, t, e) : i.isPlainObject(e) ? i.merge({}, e) : i.isArray(e) ? e.slice() : e;
-  }
-  function l(t, e, r, o) {
-    if (i.isUndefined(e)) {
-      if (!i.isUndefined(t))
-        return d(void 0, t, r, o);
-    } else return d(t, e, r, o);
-  }
-  function a(t, e) {
-    if (!i.isUndefined(e))
-      return d(void 0, e);
-  }
-  function n(t, e) {
-    if (i.isUndefined(e)) {
-      if (!i.isUndefined(t))
-        return d(void 0, t);
-    } else return d(void 0, e);
-  }
-  function m(t, e, r) {
-    if (r in f)
-      return d(t, e);
-    if (r in s)
-      return d(void 0, t);
-  }
-  const g = {
-    url: a,
-    method: a,
-    data: a,
-    baseURL: n,
-    transformRequest: n,
-    transformResponse: n,
-    paramsSerializer: n,
-    timeout: n,
-    timeoutMessage: n,
-    withCredentials: n,
-    withXSRFToken: n,
-    adapter: n,
-    responseType: n,
-    xsrfCookieName: n,
-    xsrfHeaderName: n,
-    onUploadProgress: n,
-    onDownloadProgress: n,
-    decompress: n,
-    maxContentLength: n,
-    maxBodyLength: n,
-    beforeRedirect: n,
-    transport: n,
-    httpAgent: n,
-    httpsAgent: n,
-    cancelToken: n,
-    socketPath: n,
-    responseEncoding: n,
-    validateStatus: m,
-    headers: (t, e, r) => l(c(t), c(e), r, !0)
-  };
-  return i.forEach(Object.keys({ ...s, ...f }), function(e) {
-    const r = g[e] || l, o = r(s[e], f[e], e);
-    i.isUndefined(o) && r !== m || (u[e] = o);
-  }), u;
+function t(n) {
+  return !!(n && n.__CANCEL__);
 }
 export {
-  C as default
+  t as default
 };

package/dist/index79.mjs

@@ -1,90 +1,5 @@
 'use client';
-import t from "./index75.mjs";
-import c from "./index86.mjs";
-import u from "./index139.mjs";
-import S from "./index85.mjs";
-import h from "./index140.mjs";
-import a from "./index141.mjs";
-import O from "./index80.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);
-}
-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;
-      }
-    }
-    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
-    }
-  }
-};
-t.forEach(["delete", "get", "head", "post", "put", "patch"], (i) => {
-  l.headers[i] = {};
-});
+const o = "1.12.2";
 export {
-  l as default
+  o as VERSION
 };

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