@instockng/storefront-ui 1.0.18 → 1.0.20

package/dist/index77.mjs

@@ -1,72 +1,137 @@
 '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 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()
+    };
+  }
+  /**
+   * 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
+   */
+  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;
+    }
+  }
+  _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);
+    }
+    for (l = 0, p = c.length; l < p; )
+      u = u.then(c[l++], c[l++]);
+    return u;
+  }
+  getUri(t) {
+    t = w(this.defaults, t);
+    const e = A(t.baseURL, t.url, t.allowAbsoluteUrls);
+    return U(e, t.params, t.paramsSerializer);
+  }
+}
+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
+      }));
+    };
+  }
+  k.prototype[t] = e(), k.prototype[t + "Form"] = e(!0);
 });
 export {
-  e as default
+  k as default
 };

package/dist/index78.mjs

@@ -1,7 +1,71 @@
 'use client';
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+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;
 }
 export {
-  e as getDefaultExportFromCjs
+  C as default
 };

package/dist/index79.mjs

@@ -1,5 +1,90 @@
 'use client';
-var o = { exports: {} };
+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] = {};
+});
 export {
-  o as __module
+  l as default
 };

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