@instockng/storefront-ui 1.0.62 → 1.0.64

package/dist/index10.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { jsxs as l, jsx as t, Fragment as M } from "react/jsx-runtime";
-import { useRef as W, useState as E } from "react";
+import { jsxs as l, jsx as t, Fragment as B } from "react/jsx-runtime";
+import { useRef as M, useState as E } from "react";
 import { ChevronLeft as F, ChevronRight as L } from "lucide-react";
 import { Switch as O } from "./index43.mjs";
 import { Badge as R } from "./index18.mjs";
@@ -39,13 +39,13 @@ function Y({
           1
         );
       else {
-        const s = i == null ? void 0 : i.items.find((a) => a.variant.id === r.id);
-        s && await C(s.id);
+        const a = i == null ? void 0 : i.items.find((s) => s.variant.id === r.id);
+        a && await C(a.id);
       }
-  }, o = W(null), [j, D] = E(0), I = () => {
+  }, o = M(null), [j, D] = E(0), I = () => {
     if (o.current) {
-      const { scrollLeft: e, scrollWidth: n, clientWidth: r } = o.current, s = e / (n - r);
-      D(s || 0);
+      const { scrollLeft: e, scrollWidth: n, clientWidth: r } = o.current, a = e / (n - r);
+      D(a || 0);
     }
   }, g = (e) => {
     if (o.current) {
@@ -56,11 +56,11 @@ function Y({
       });
     }
   };
-  return (!c || c.length === 0) && !x ? null : x ? /* @__PURE__ */ l("div", { className: u("w-full py-8 space-y-4 animate-pulse", f), children: [
+  return (!c || c.length === 0) && !x ? null : x ? /* @__PURE__ */ l("div", { className: u("w-full py-8 space-y-4 animate-pulse", f), style: { maxWidth: "calc(100vw - calc(var(--spacing) * 4))" }, children: [
     /* @__PURE__ */ t("div", { className: "h-4 w-32 bg-gray-200 rounded px-1 mb-6" }),
     /* @__PURE__ */ l("div", { className: "flex gap-4 overflow-x-hidden", children: [
-      /* @__PURE__ */ t("div", { className: "min-w-[340px] h-[148px] bg-gray-100 rounded-[2rem]" }),
-      /* @__PURE__ */ t("div", { className: "min-w-[340px] h-[148px] bg-gray-100 rounded-[2rem]" })
+      /* @__PURE__ */ t("div", { className: "min-w-[90%] h-[148px] bg-gray-100 rounded-[2rem]" }),
+      /* @__PURE__ */ t("div", { className: "min-w-[90%] h-[148px] bg-gray-100 rounded-[2rem]" })
     ] })
   ] }) : /* @__PURE__ */ l("div", { className: f, children: [
     /* @__PURE__ */ t("div", { className: "px-1 mb-3", children: /* @__PURE__ */ t("h3", { className: "text-lg font-bold tracking-tight text-gray-900", children: b }) }),
@@ -69,10 +69,10 @@ function Y({
       {
         ref: o,
         onScroll: I,
-        className: "flex gap-4 overflow-x-auto scrollbar-hide snap-x snap-mandatory px-1 instock-product-add-ons",
-        style: { scrollbarWidth: "none", msOverflowStyle: "none" },
+        className: "flex gap-4 overflow-x-auto scrollbar-hide snap-x snap-mandatory px-1",
+        style: { scrollbarWidth: "none", msOverflowStyle: "none", maxWidth: "calc(100vw - calc(var(--spacing) * 4))" },
         children: c.map((e) => {
-          const n = k.includes(e.id), r = e.variants[0], s = (r == null ? void 0 : r.price) || 0, a = e.compareAtPrice || r.compareAtPrice, p = a && a > s, S = p ? Math.round((a - s) / a * 100) : 0;
+          const n = k.includes(e.id), r = e.variants[0], a = (r == null ? void 0 : r.price) || 0, s = e.compareAtPrice || r.compareAtPrice, p = s && s > a, S = p ? Math.round((s - a) / s * 100) : 0;
           return /* @__PURE__ */ l(
             "div",
             {
@@ -90,9 +90,9 @@ function Y({
                   /* @__PURE__ */ t("h4", { className: "text-md font-bold text-[#333] truncate pr-2", title: e.name, children: e.name }),
                   e.addonDescription && /* @__PURE__ */ t("p", { className: "text-[11px] text-gray-500 line-clamp-3 italic mb-1", children: e.addonDescription }),
                   /* @__PURE__ */ l("div", { className: "flex items-center gap-2 mt-1", children: [
-                    /* @__PURE__ */ t("span", { className: "text-md font-bold text-[#333]", children: v(s) }),
-                    p && /* @__PURE__ */ l(M, { children: [
-                      /* @__PURE__ */ t("span", { className: "text-sm text-[#DC143C] line-through", children: v(a) }),
+                    /* @__PURE__ */ t("span", { className: "text-md font-bold text-[#333]", children: v(a) }),
+                    p && /* @__PURE__ */ l(B, { children: [
+                      /* @__PURE__ */ t("span", { className: "text-sm text-[#DC143C] line-through", children: v(s) }),
                       /* @__PURE__ */ l(R, { className: "bg-[#DC143C]/10 hover:bg-[#DC143C]/20 text-[#DC143C] border-none text-[10px] font-bold px-2 py-0.5 rounded-lg uppercase tracking-tight", children: [
                         S,
                         "% OFF"
@@ -104,7 +104,7 @@ function Y({
                   O,
                   {
                     checked: n,
-                    onCheckedChange: (B) => A(e, B),
+                    onCheckedChange: (W) => A(e, W),
                     className: "scale-125"
                   }
                 ) })

package/dist/index105.mjs

@@ -1,12 +1,12 @@
 'use client';
 import { __module as m } from "./index156.mjs";
-import "./index93.mjs";
+import "./index76.mjs";
 import { __require as j } from "./index157.mjs";
 import { __require as V } from "./index158.mjs";
 import { __require as k } from "./index159.mjs";
 import { __require as G } from "./index160.mjs";
 import { __require as W } from "./index161.mjs";
-import { __exports as X } from "./index98.mjs";
+import { __exports as X } from "./index81.mjs";
 var M;
 function ee() {
   return M ? m.exports : (M = 1, function(N, c) {

package/dist/index106.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { __module as L } from "./index162.mjs";
-import "./index93.mjs";
+import "./index76.mjs";
 import { __require as K } from "./index103.mjs";
 import F from "react/jsx-runtime";
 import J from "react-dom";
@@ -8,7 +8,7 @@ import N from "react";
 import { __require as B } from "./index163.mjs";
 import { __require as D } from "./index164.mjs";
 import { __require as G } from "./index159.mjs";
-import { __exports as Q } from "./index98.mjs";
+import { __exports as Q } from "./index81.mjs";
 var w;
 function ie() {
   return w ? L.exports : (w = 1, function(x, o) {

package/dist/index139.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index153.mjs";
+import { __exports as r } from "./index141.mjs";
 var c;
 function b() {
   return c ? r : (c = 1, function(n) {

package/dist/index141.mjs

@@ -1,24 +1,5 @@
 'use client';
-import f from "./index75.mjs";
-import d from "./index214.mjs";
-function l(e) {
-  return encodeURIComponent(e).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+");
-}
-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;
-  }
-  return e;
-}
+var a = {};
 export {
-  m as default
+  a as __exports
 };

package/dist/index142.mjs

@@ -1,59 +1,24 @@
 'use client';
-import n from "./index75.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 = []);
-  }
-  /**
-   * 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);
-    });
+import f from "./index82.mjs";
+import d from "./index239.mjs";
+function l(e) {
+  return encodeURIComponent(e).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+");
+}
+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;
   }
+  return e;
 }
 export {
-  a as default
+  m as default
 };

package/dist/index143.mjs

@@ -1,32 +1,59 @@
 'use client';
-import r from "./index215.mjs";
-import p from "./index83.mjs";
-import l from "./index79.mjs";
-import m from "./index81.mjs";
-import a from "./index89.mjs";
-import o from "./index90.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 n from "./index82.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 = []);
+  }
+  /**
+   * 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);
+    });
+  }
 }
 export {
-  q as default
+  a as default
 };

package/dist/index144.mjs

@@ -1,10 +1,32 @@
 'use client';
-import r from "./index216.mjs";
-import f from "./index217.mjs";
-function u(l, i, t) {
-  let o = !r(i);
-  return l && (o || t == !1) ? f(l, i) : i;
+import r from "./index240.mjs";
+import p from "./index90.mjs";
+import l from "./index86.mjs";
+import m from "./index88.mjs";
+import a from "./index96.mjs";
+import o from "./index97.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);
+  });
 }
 export {
-  u as default
+  q as default
 };

package/dist/index145.mjs

@@ -1,55 +1,10 @@
 'use client';
-import { VERSION as w } from "./index84.mjs";
-import s from "./index86.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);
-  }
+import r from "./index241.mjs";
+import f from "./index242.mjs";
+function u(l, i, t) {
+  let o = !r(i);
+  return l && (o || t == !1) ? f(l, i) : i;
 }
-const m = {
-  assertOptions: b,
-  validators: l
-};
 export {
-  m as default
+  u as default
 };

package/dist/index146.mjs

@@ -1,9 +1,55 @@
 'use client';
-const r = {
-  silentJSONParsing: !0,
-  forcedJSONParsing: !0,
-  clarifyTimeoutError: !1
+import { VERSION as w } from "./index91.mjs";
+import s from "./index93.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);
+  }
+}
+const m = {
+  assertOptions: b,
+  validators: l
 };
 export {
-  r as default
+  m as default
 };

package/dist/index147.mjs

@@ -1,15 +1,9 @@
 'use client';
-import s from "./index75.mjs";
-import f from "./index85.mjs";
-import r from "./index148.mjs";
-function d(o, i) {
-  return f(o, new r.classes.URLSearchParams(), {
-    visitor: function(t, a, n, e) {
-      return r.isNode && s.isBuffer(t) ? (this.append(a, t.toString("base64")), !1) : e.defaultVisitor.apply(this, arguments);
-    },
-    ...i
-  });
-}
+const r = {
+  silentJSONParsing: !0,
+  forcedJSONParsing: !0,
+  clarifyTimeoutError: !1
+};
 export {
-  d as default
+  r as default
 };

package/dist/index148.mjs

@@ -1,10 +1,15 @@
 'use client';
-import o from "./index212.mjs";
-import * as t from "./index213.mjs";
-const m = {
-  ...t,
-  ...o
-};
+import s from "./index82.mjs";
+import f from "./index92.mjs";
+import r from "./index149.mjs";
+function d(o, i) {
+  return f(o, new r.classes.URLSearchParams(), {
+    visitor: function(t, a, n, e) {
+      return r.isNode && s.isBuffer(t) ? (this.append(a, t.toString("base64")), !1) : e.defaultVisitor.apply(this, arguments);
+    },
+    ...i
+  });
+}
 export {
-  m as default
+  d as default
 };

package/dist/index149.mjs

@@ -1,31 +1,10 @@
 'use client';
-import n from "./index75.mjs";
-const a = n.toObjectSet([
-  "age",
-  "authorization",
-  "content-length",
-  "content-type",
-  "etag",
-  "expires",
-  "from",
-  "host",
-  "if-modified-since",
-  "if-unmodified-since",
-  "last-modified",
-  "location",
-  "max-forwards",
-  "proxy-authorization",
-  "referer",
-  "retry-after",
-  "user-agent"
-]), u = (s) => {
-  const t = {};
-  let e, r, i;
-  return s && s.split(`
-`).forEach(function(o) {
-    i = o.indexOf(":"), e = o.substring(0, i).trim().toLowerCase(), r = o.substring(i + 1).trim(), !(!e || t[e] && a[e]) && (e === "set-cookie" ? t[e] ? t[e].push(r) : t[e] = [r] : t[e] = t[e] ? t[e] + ", " + r : r);
-  }), t;
+import o from "./index243.mjs";
+import * as t from "./index244.mjs";
+const m = {
+  ...t,
+  ...o
 };
 export {
-  u as default
+  m as default
 };

package/dist/index150.mjs

@@ -1,5 +1,31 @@
 'use client';
-const t = null;
+import n from "./index82.mjs";
+const a = n.toObjectSet([
+  "age",
+  "authorization",
+  "content-length",
+  "content-type",
+  "etag",
+  "expires",
+  "from",
+  "host",
+  "if-modified-since",
+  "if-unmodified-since",
+  "last-modified",
+  "location",
+  "max-forwards",
+  "proxy-authorization",
+  "referer",
+  "retry-after",
+  "user-agent"
+]), u = (s) => {
+  const t = {};
+  let e, r, i;
+  return s && s.split(`
+`).forEach(function(o) {
+    i = o.indexOf(":"), e = o.substring(0, i).trim().toLowerCase(), r = o.substring(i + 1).trim(), !(!e || t[e] && a[e]) && (e === "set-cookie" ? t[e] ? t[e].push(r) : t[e] = [r] : t[e] = t[e] ? t[e] + ", " + r : r);
+  }), t;
+};
 export {
-  t as default
+  u as default
 };