@instockng/storefront-ui 1.0.17 → 1.0.19

package/dist/index8.mjs

@@ -1,167 +1,83 @@
 'use client';
-import { jsxs as a, Fragment as N, jsx as e } from "react/jsx-runtime";
-import { useState as Y, useEffect as b } from "react";
-import { useCart as q } from "./index3.mjs";
-import { CartItem as B } from "./index7.mjs";
-import { DiscountCodeInput as T } from "./index9.mjs";
-import { Checkout as X } from "./index10.mjs";
-import { Button as v } from "./index11.mjs";
-import { X as Z, Loader2 as A, Package as f } from "lucide-react";
-import { cn as c, formatCurrency as n } from "./index17.mjs";
-function W({
-  isOpen: s,
-  onClose: l,
-  onCheckout: d,
-  onContinueShopping: o,
-  className: w,
-  showDiscountCode: j = !0,
-  checkoutButtonText: k = "Checkout",
-  continueShoppingText: C = "Continue Shopping",
-  checkoutButtonClassName: E,
-  continueShoppingButtonClassName: L,
-  disableCheckout: z = !1,
-  emptyMessage: I = "Your cart is empty"
+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
 }) {
-  var x, y, g;
-  const { cart: t, isLoading: i, error: m } = q(), [S, u] = Y(!1);
-  b(() => (s ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
-    document.body.style.overflow = "";
-  }), [s]), b(() => {
-    const r = (h) => {
-      h.key === "Escape" && s && l();
-    };
-    return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
-  }, [s, l]);
-  const D = ((x = t == null ? void 0 : t.pricing) == null ? void 0 : x.subtotal) || 0, p = ((y = t == null ? void 0 : t.pricing.discount) == null ? void 0 : y.amount) || 0, F = () => {
-    u(!0), d == null || d();
-  }, P = () => {
-    o == null || o(), l();
-  };
-  return /* @__PURE__ */ a(N, { children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: c(
-          "fixed inset-0 z-40 bg-black/50 transition-opacity duration-300",
-          s ? "opacity-100" : "pointer-events-none opacity-0"
-        ),
-        onClick: l,
-        "aria-hidden": "true"
-      }
-    ),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: c(
-          "fixed right-0 top-0 z-50 h-full w-full bg-white shadow-2xl transition-transform duration-300 ease-in-out sm:w-[480px]",
-          s ? "translate-x-0" : "translate-x-full",
-          w
-        ),
-        children: /* @__PURE__ */ a("div", { className: "flex h-full flex-col", children: [
-          /* @__PURE__ */ e("div", { className: "border-b border-gray-300 px-4 py-2", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e("div", { className: "bg-accent-500 text-white px-2 py-1 rounded-full text-sm aspect-square flex items-center justify-center w-8 h-8", children: (g = t == null ? void 0 : t.items) == null ? void 0 : g.length }),
-              /* @__PURE__ */ e("h2", { className: "text-lg font-medium", children: "Your Cart" })
-            ] }),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                onClick: l,
-                className: "rounded-full p-2 transition-colors hover:bg-gray-100",
-                "aria-label": "Close cart",
-                children: /* @__PURE__ */ e(Z, { className: "h-6 w-6" })
-              }
-            )
-          ] }) }),
-          i && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
-            /* @__PURE__ */ e(A, { className: "mx-auto mb-4 h-12 w-12 animate-spin text-accent-500" }),
-            /* @__PURE__ */ e("p", { className: "text-gray-600", children: "Loading cart..." })
-          ] }) }),
-          m && !i && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
-            /* @__PURE__ */ e(f, { className: "mx-auto mb-4 h-12 w-12 text-red-600" }),
-            /* @__PURE__ */ e("p", { className: "text-red-600", children: "Failed to load cart. Please try again." })
-          ] }) }),
-          !i && !m && (!t || !t.items || t.items.length === 0) && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
-            /* @__PURE__ */ e(f, { className: "mx-auto mb-4 h-12 w-12 text-gray-400" }),
-            /* @__PURE__ */ e("p", { className: "text-gray-600", children: I })
-          ] }) }),
-          !i && !m && t && t.items && t.items.length > 0 && /* @__PURE__ */ a(N, { children: [
-            /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto p-4", children: [
-              /* @__PURE__ */ e("div", { className: "space-y-4", children: t.items.map((r, h) => /* @__PURE__ */ a("div", { children: [
-                /* @__PURE__ */ e(
-                  B,
-                  {
-                    item: r
-                  }
-                ),
-                h < t.items.length - 1 && /* @__PURE__ */ e("hr", { className: "border-gray-200 mt-2" })
-              ] }, r.id)) }),
-              j && /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(T, {}) })
-            ] }),
-            /* @__PURE__ */ a("div", { className: "border-t border-gray-300 bg-white", children: [
-              /* @__PURE__ */ a("div", { className: " text-base", children: [
-                /* @__PURE__ */ a("div", { className: "p-4 space-y-2", children: [
-                  /* @__PURE__ */ a("div", { className: "flex justify-between", children: [
-                    /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Subtotal" }),
-                    /* @__PURE__ */ e("span", { className: "font-semibold", children: n(D) })
-                  ] }),
-                  p > 0 && /* @__PURE__ */ a("div", { className: "flex justify-between text-green-600", children: [
-                    /* @__PURE__ */ e("span", { children: "Discount" }),
-                    /* @__PURE__ */ a("span", { className: "font-semibold", children: [
-                      "-",
-                      n(p)
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ a("div", { className: "flex justify-between", children: [
-                    /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Shipping" }),
-                    /* @__PURE__ */ e("span", { className: "font-semibold", children: t.pricing && t.deliveryZone ? n(t.pricing.deliveryCharge) : "-" })
-                  ] })
-                ] }),
-                /* @__PURE__ */ a("div", { className: "flex justify-between p-4 border-t border-gray-300 text-lg", children: [
-                  /* @__PURE__ */ e("span", { className: "font-bold", children: "Total" }),
-                  /* @__PURE__ */ e("span", { className: "font-bold", children: n(t.pricing.total) })
-                ] })
-              ] }),
-              /* @__PURE__ */ a("div", { className: "p-4 space-y-2", children: [
-                /* @__PURE__ */ a(
-                  v,
-                  {
-                    onClick: F,
-                    disabled: z || t.items.length === 0,
-                    className: c("w-full bg-accent-500 text-white hover:bg-accent-600", E),
-                    size: "lg",
-                    children: [
-                      /* @__PURE__ */ e(f, { className: "h-5 w-5" }),
-                      k
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  v,
-                  {
-                    onClick: P,
-                    variant: "outline",
-                    className: c("w-full border-gray-300 text-gray-600 hover:bg-gray-100", L),
-                    size: "lg",
-                    children: C
-                  }
-                )
-              ] })
-            ] })
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ e(
-      X,
-      {
-        isOpen: S,
-        onSuccess: () => l(),
-        onClose: () => u(!1)
-      }
-    )
-  ] });
+  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: 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: 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,
+          {
+            product: c,
+            onAddToCart: l,
+            onClick: t ? () => t(c) : void 0,
+            showStock: m,
+            className: p,
+            isAddingToCart: b
+          },
+          i.id
+        );
+      })
+    }
+  );
 }
 export {
-  W as ShoppingCart
+  q as ProductGrid
 };

package/dist/index80.mjs

@@ -1,24 +1,90 @@
 'use client';
-import f from "./index59.mjs";
-import d from "./index92.mjs";
-function l(e) {
-  return encodeURIComponent(e).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+");
+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);
 }
-function m(e, c, i) {
-  if (!c)
-    return e;
-  const t = i && i.encode || l;
-  f.isFunction(i) && (i = {
-    serialize: i
-  });
-  const r = i && i.serialize;
-  let n;
-  if (r ? n = r(c, i) : n = f.isURLSearchParams(c) ? c.toString() : new d(c, i).toString(t), n) {
-    const a = e.indexOf("#");
-    a !== -1 && (e = e.slice(0, a)), e += (e.indexOf("?") === -1 ? "?" : "&") + n;
+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
+    }
   }
-  return e;
-}
+};
+t.forEach(["delete", "get", "head", "post", "put", "patch"], (i) => {
+  l.headers[i] = {};
+});
 export {
-  m as default
+  l as default
 };

package/dist/index81.mjs

@@ -1,59 +1,32 @@
 'use client';
-import n from "./index59.mjs";
-class a {
-  constructor() {
-    this.handlers = [];
-  }
-  /**
-   * Add a new interceptor to the stack
-   *
-   * @param {Function} fulfilled The function to handle `then` for a `Promise`
-   * @param {Function} rejected The function to handle `reject` for a `Promise`
-   *
-   * @return {Number} An ID used to remove interceptor later
-   */
-  use(s, h, r) {
-    return this.handlers.push({
-      fulfilled: s,
-      rejected: h,
-      synchronous: r ? r.synchronous : !1,
-      runWhen: r ? r.runWhen : null
-    }), this.handlers.length - 1;
-  }
-  /**
-   * Remove an interceptor from the stack
-   *
-   * @param {Number} id The ID that was returned by `use`
-   *
-   * @returns {Boolean} `true` if the interceptor was removed, `false` otherwise
-   */
-  eject(s) {
-    this.handlers[s] && (this.handlers[s] = null);
-  }
-  /**
-   * Clear all interceptors from the stack
-   *
-   * @returns {void}
-   */
-  clear() {
-    this.handlers && (this.handlers = []);
+import u from "./index76.mjs";
+function f(e) {
+  return u.matchAll(/\w+|\[(\w*)]/g, e).map((o) => o[0] === "[]" ? "" : o[1] || o[0]);
+}
+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);
   }
-  /**
-   * Iterate over all the registered interceptors
-   *
-   * This method is particularly useful for skipping over any
-   * interceptors that may have become `null` calling `eject`.
-   *
-   * @param {Function} fn The function to call for each interceptor
-   *
-   * @returns {void}
-   */
-  forEach(s) {
-    n.forEach(this.handlers, function(r) {
-      r !== null && s(r);
-    });
+  if (u.isFormData(e) && u.isFunction(e.entries)) {
+    const r = {};
+    return u.forEachEntry(e, (i, n) => {
+      o(f(i), n, r, 0);
+    }), r;
   }
+  return null;
 }
 export {
-  a as default
+  m as default
 };

package/dist/index82.mjs

@@ -1,32 +1,12 @@
 'use client';
-import r from "./index93.mjs";
-import p from "./index67.mjs";
-import l from "./index63.mjs";
-import m from "./index65.mjs";
-import a from "./index73.mjs";
-import o from "./index74.mjs";
-function d(e) {
-  if (e.cancelToken && e.cancelToken.throwIfRequested(), e.signal && e.signal.aborted)
-    throw new m(null, e);
-}
-function q(e) {
-  return d(e), e.headers = a.from(e.headers), e.data = r.call(
-    e,
-    e.transformRequest
-  ), ["post", "put", "patch"].indexOf(e.method) !== -1 && e.headers.setContentType("application/x-www-form-urlencoded", !1), o.getAdapter(e.adapter || l.adapter, e)(e).then(function(t) {
-    return d(e), t.data = r.call(
-      e,
-      e.transformResponse,
-      t
-    ), t.headers = a.from(t.headers), t;
-  }, function(t) {
-    return p(t) || (d(e), t && t.response && (t.response.data = r.call(
-      e,
-      e.transformResponse,
-      t.response
-    ), t.response.headers = a.from(t.response.headers))), Promise.reject(t);
-  });
+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";
 }
+i.inherits(l, r, {
+  __CANCEL__: !0
+});
 export {
-  q as default
+  l as default
 };

package/dist/index83.mjs

@@ -1,10 +1,78 @@
 'use client';
-import r from "./index94.mjs";
-import f from "./index95.mjs";
-function u(l, i, t) {
-  let o = !r(i);
-  return l && (o || t == !1) ? f(l, i) : i;
+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
+    };
+  }
 }
 export {
-  u as default
+  c as default
 };

package/dist/index84.mjs

@@ -1,55 +1,7 @@
 'use client';
-import { VERSION as w } from "./index68.mjs";
-import s from "./index70.mjs";
-const l = {};
-["object", "boolean", "number", "function", "string", "symbol"].forEach((n, t) => {
-  l[n] = function(o) {
-    return typeof o === n || "a" + (t < 1 ? "n " : " ") + n;
-  };
-});
-const f = {};
-l.transitional = function(t, i, o) {
-  function a(r, e) {
-    return "[Axios v" + w + "] Transitional option '" + r + "'" + e + (o ? ". " + o : "");
-  }
-  return (r, e, u) => {
-    if (t === !1)
-      throw new s(
-        a(e, " has been removed" + (i ? " in " + i : "")),
-        s.ERR_DEPRECATED
-      );
-    return i && !f[e] && (f[e] = !0, console.warn(
-      a(
-        e,
-        " has been deprecated since v" + i + " and will be removed in the near future"
-      )
-    )), t ? t(r, e, u) : !0;
-  };
-};
-l.spelling = function(t) {
-  return (i, o) => (console.warn(`${o} is likely a misspelling of ${t}`), !0);
-};
-function b(n, t, i) {
-  if (typeof n != "object")
-    throw new s("options must be an object", s.ERR_BAD_OPTION_VALUE);
-  const o = Object.keys(n);
-  let a = o.length;
-  for (; a-- > 0; ) {
-    const r = o[a], e = t[r];
-    if (e) {
-      const u = n[r], c = u === void 0 || e(u, r, n);
-      if (c !== !0)
-        throw new s("option " + r + " must be " + c, s.ERR_BAD_OPTION_VALUE);
-      continue;
-    }
-    if (i !== !0)
-      throw new s("Unknown option " + r, s.ERR_BAD_OPTION);
-  }
+function t(n) {
+  return !!(n && n.__CANCEL__);
 }
-const m = {
-  assertOptions: b,
-  validators: l
-};
 export {
-  m as default
+  t as default
 };

package/dist/index85.mjs

@@ -1,9 +1,5 @@
 'use client';
-const r = {
-  silentJSONParsing: !0,
-  forcedJSONParsing: !0,
-  clarifyTimeoutError: !1
-};
+const o = "1.12.2";
 export {
-  r as default
+  o as VERSION
 };