@instockng/storefront-ui 1.0.59 → 1.0.61

package/dist/index10.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { jsxs as n, jsx as t, Fragment as M } from "react/jsx-runtime";
+import { jsxs as l, jsx as t, Fragment as M } from "react/jsx-runtime";
 import { useRef as W, useState as E } from "react";
 import { ChevronLeft as F, ChevronRight as L } from "lucide-react";
 import { Switch as O } from "./index43.mjs";
@@ -20,17 +20,17 @@ function Y({
 }) {
   const { cart: i, addItem: w, removeItem: C } = G(), { data: P, isLoading: g } = U(m || "", y, {
     enabled: !!m && !h
-  }), c = h || P || [], k = N || c.filter((e) => i == null ? void 0 : i.items.some((l) => {
+  }), c = h || P || [], k = N || c.filter((e) => i == null ? void 0 : i.items.some((n) => {
     var r;
-    return l.variant.id === ((r = e.variants[0]) == null ? void 0 : r.id);
-  })).map((e) => e.id), A = async (e, l) => {
+    return n.variant.id === ((r = e.variants[0]) == null ? void 0 : r.id);
+  })).map((e) => e.id), A = async (e, n) => {
     if (f) {
-      f(e, l);
+      f(e, n);
       return;
     }
     const r = e.variants[0];
     if (r)
-      if (l)
+      if (n)
         await w(
           e.slug,
           e.name,
@@ -44,41 +44,41 @@ function Y({
       }
   }, o = W(null), [j, D] = E(0), I = () => {
     if (o.current) {
-      const { scrollLeft: e, scrollWidth: l, clientWidth: r } = o.current, s = e / (l - r);
+      const { scrollLeft: e, scrollWidth: n, clientWidth: r } = o.current, s = e / (n - r);
       D(s || 0);
     }
   }, p = (e) => {
     if (o.current) {
-      const { clientWidth: l } = o.current, r = l * 0.9;
+      const { clientWidth: n } = o.current, r = n * 0.9;
       o.current.scrollBy({
         left: e === "left" ? -r : r,
         behavior: "smooth"
       });
     }
   };
-  return (!c || c.length === 0) && !g ? null : g ? /* @__PURE__ */ n("div", { className: d("w-full py-8 space-y-4 animate-pulse", x), children: [
+  return (!c || c.length === 0) && !g ? null : g ? /* @__PURE__ */ l("div", { className: d("w-full py-8 space-y-4 animate-pulse", x), children: [
     /* @__PURE__ */ t("div", { className: "h-4 w-32 bg-gray-200 rounded px-1 mb-6" }),
-    /* @__PURE__ */ n("div", { className: "flex gap-4 overflow-x-hidden", children: [
+    /* @__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__ */ n("div", { className: d("w-full py-8", x), children: [
+  ] }) : /* @__PURE__ */ l("div", { className: d("w-full py-8", x), 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 }) }),
     /* @__PURE__ */ t("div", { className: "relative", children: /* @__PURE__ */ t(
       "div",
       {
         ref: o,
         onScroll: I,
-        className: "flex gap-4 overflow-x-auto scrollbar-hide snap-x snap-mandatory px-1",
+        className: "flex gap-4 overflow-x-auto scrollbar-hide snap-x snap-mandatory px-1 instock-product-add-ons",
         style: { scrollbarWidth: "none", msOverflowStyle: "none" },
         children: c.map((e) => {
-          const l = k.includes(e.id), r = e.variants[0], s = (r == null ? void 0 : r.price) || 0, a = e.compareAtPrice || r.compareAtPrice, u = a && a > s, S = u ? Math.round((a - s) / a * 100) : 0;
-          return /* @__PURE__ */ n(
+          const n = k.includes(e.id), r = e.variants[0], s = (r == null ? void 0 : r.price) || 0, a = e.compareAtPrice || r.compareAtPrice, u = a && a > s, S = u ? Math.round((a - s) / a * 100) : 0;
+          return /* @__PURE__ */ l(
             "div",
             {
-              className: "relative flex min-w-[280px] md:min-w-[420px] snap-start items-center gap-4 rounded-xl bg-[#EBEBEB] p-3 transition-all",
+              className: "relative flex min-w-[90%] md:min-w-[420px] snap-start items-center gap-4 rounded-xl bg-[#EBEBEB] p-3 transition-all",
               children: [
-                /* @__PURE__ */ t("div", { className: "self-start h-16 w-16 flex-shrink-0 overflow-hidden rounded-xl bg-white/40 flex items-center justify-center", children: e.thumbnailUrl ? /* @__PURE__ */ t(
+                /* @__PURE__ */ t("div", { className: "h-16 w-16 flex-shrink-0 overflow-hidden rounded-xl bg-white/40 flex items-center justify-center", children: e.thumbnailUrl ? /* @__PURE__ */ t(
                   "img",
                   {
                     src: e.thumbnailUrl,
@@ -86,14 +86,14 @@ function Y({
                     className: "h-full w-full object-cover"
                   }
                 ) : /* @__PURE__ */ t("div", { className: "flex h-full w-full items-center justify-center text-[10px] text-gray-400", children: "No Img" }) }),
-                /* @__PURE__ */ n("div", { className: "flex flex-1 flex-col justify-center min-w-0", children: [
+                /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col justify-center min-w-0", children: [
                   /* @__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__ */ n("div", { className: "flex items-center gap-2 mt-1", children: [
+                  /* @__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) }),
-                    u && /* @__PURE__ */ n(M, { children: [
+                    u && /* @__PURE__ */ l(M, { children: [
                       /* @__PURE__ */ t("span", { className: "text-sm text-[#DC143C] line-through", children: v(a) }),
-                      /* @__PURE__ */ n(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: [
+                      /* @__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"
                       ] })
@@ -103,7 +103,7 @@ function Y({
                 /* @__PURE__ */ t("div", { className: "pl-2", children: /* @__PURE__ */ t(
                   O,
                   {
-                    checked: l,
+                    checked: n,
                     onCheckedChange: (B) => A(e, B),
                     className: "scale-125"
                   }
@@ -115,9 +115,9 @@ function Y({
         })
       }
     ) }),
-    /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-2 mt-2", children: [
-      /* @__PURE__ */ t("div", { className: "flex gap-1.5 focus:outline-none", children: Array.from({ length: Math.min(c.length, 6) }).map((e, l) => {
-        const r = Math.round(j * (Math.min(c.length, 6) - 1)) === l;
+    /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-2 mt-2", children: [
+      /* @__PURE__ */ t("div", { className: "flex gap-1.5 focus:outline-none", children: Array.from({ length: Math.min(c.length, 6) }).map((e, n) => {
+        const r = Math.round(j * (Math.min(c.length, 6) - 1)) === n;
         return /* @__PURE__ */ t(
           "div",
           {
@@ -126,10 +126,10 @@ function Y({
               r ? "bg-gray-600 scale-110" : "bg-gray-300"
             )
           },
-          l
+          n
         );
       }) }),
-      /* @__PURE__ */ n("div", { className: "flex gap-4", children: [
+      /* @__PURE__ */ l("div", { className: "flex gap-4", children: [
         /* @__PURE__ */ t(
           "button",
           {

package/dist/index100.mjs

@@ -1,46 +1,5 @@
 'use client';
-var s = (e, r) => (e = e.replace(/\/+$/, ""), e = e + "/", r = r.replace(/^\/+/, ""), e + r), p = (e, r) => {
-  for (const [n, t] of Object.entries(r)) {
-    const c = new RegExp("/:" + n + "(?:{[^/]+})?\\??");
-    e = e.replace(c, t ? `/${t}` : "");
-  }
-  return e;
-}, f = (e) => {
-  const r = new URLSearchParams();
-  for (const [n, t] of Object.entries(e))
-    if (t !== void 0)
-      if (Array.isArray(t))
-        for (const c of t)
-          r.append(n, c);
-      else
-        r.set(n, t);
-  return r;
-}, i = (e, r) => {
-  switch (r) {
-    case "ws":
-      return e.replace(/^http/, "ws");
-    case "http":
-      return e.replace(/^ws/, "http");
-  }
-}, l = (e) => /^https?:\/\/[^\/]+?\/index(?=\?|$)/.test(e) ? e.replace(/\/index(?=\?|$)/, "/") : e.replace(/\/index(?=\?|$)/, "");
-function a(e) {
-  return typeof e == "object" && e !== null && !Array.isArray(e);
-}
-function o(e, r) {
-  if (!a(e) && !a(r))
-    return r;
-  const n = { ...e };
-  for (const t in r) {
-    const c = r[t];
-    a(n[t]) && a(c) ? n[t] = o(n[t], c) : n[t] = c;
-  }
-  return n;
-}
+var e = {};
 export {
-  f as buildSearchParams,
-  o as deepMerge,
-  s as mergePath,
-  l as removeIndexString,
-  p as replaceUrlParam,
-  i as replaceUrlProtocol
+  e as __exports
 };

package/dist/index101.mjs

@@ -1,5 +1,5 @@
 'use client';
-var r = {};
+var o = { exports: {} };
 export {
-  r as __exports
+  o as __module
 };

package/dist/index102.mjs

@@ -1,31 +1,24 @@
 'use client';
-import { __exports as u } from "./index154.mjs";
-var c;
-function o() {
-  if (c) return u;
-  c = 1;
-  function p(r) {
-    if (typeof WeakMap != "function") return null;
-    var n = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakMap();
-    return (p = function(t) {
-      return t ? e : n;
-    })(r);
-  }
-  function f(r, n) {
-    if (!n && r && r.__esModule) return r;
-    if (r === null || typeof r != "object" && typeof r != "function") return { default: r };
-    var e = p(n);
-    if (e && e.has(r)) return e.get(r);
-    var t = { __proto__: null }, _ = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for (var i in r)
-      if (i !== "default" && Object.prototype.hasOwnProperty.call(r, i)) {
-        var a = _ ? Object.getOwnPropertyDescriptor(r, i) : null;
-        a && (a.get || a.set) ? Object.defineProperty(t, i, a) : t[i] = r[i];
-      }
-    return t.default = r, e && e.set(r, t), t;
+import f from "./index75.mjs";
+import d from "./index212.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 u._ = f, u;
+  return e;
 }
 export {
-  o as __require
+  m as default
 };

package/dist/index103.mjs

@@ -1,21 +1,59 @@
 'use client';
-import { __exports as e } from "./index155.mjs";
-var i;
-function u() {
-  return i ? e : (i = 1, function(r) {
-    Object.defineProperty(r, "__esModule", {
-      value: !0
-    }), Object.defineProperty(r, "removeTrailingSlash", {
-      enumerable: !0,
-      get: function() {
-        return n;
-      }
+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);
     });
-    function n(a) {
-      return a.replace(/\/$/, "") || "/";
-    }
-  }(e), e);
+  }
 }
 export {
-  u as __require
+  a as default
 };

package/dist/index104.mjs

@@ -1,218 +1,32 @@
 'use client';
-import { __module as m } from "./index156.mjs";
-import "./index93.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";
-var M;
-function ee() {
-  return M ? m.exports : (M = 1, function(N, c) {
-    Object.defineProperty(c, "__esModule", {
-      value: !0
-    });
-    function b(t, e) {
-      for (var r in e) Object.defineProperty(t, r, {
-        enumerable: !0,
-        get: e[r]
-      });
-    }
-    b(c, {
-      createRouteLoader: function() {
-        return B;
-      },
-      getClientBuildManifest: function() {
-        return q;
-      },
-      isAssetError: function() {
-        return L;
-      },
-      markAssetError: function() {
-        return f;
-      }
-    });
-    const D = /* @__PURE__ */ X._(j()), v = V(), p = k(), A = G(), y = W(), S = 3800;
-    function P(t, e, r) {
-      let l = e.get(t);
-      if (l)
-        return "future" in l ? l.future : Promise.resolve(l);
-      let s;
-      const a = new Promise((d) => {
-        s = d;
-      });
-      return e.set(t, {
-        resolve: s,
-        future: a
-      }), r ? r().then((d) => (s(d), d)).catch((d) => {
-        throw e.delete(t), d;
-      }) : a;
-    }
-    const w = Symbol("ASSET_LOAD_ERROR");
-    function f(t) {
-      return Object.defineProperty(t, w, {});
-    }
-    function L(t) {
-      return t && w in t;
-    }
-    function T(t) {
-      try {
-        return t = document.createElement("link"), // detect IE11 since it supports prefetch but isn't detected
-        // with relList.support
-        !!window.MSInputMethodContext && !!document.documentMode || t.relList.supports("prefetch");
-      } catch {
-        return !1;
-      }
-    }
-    const C = T(), h = () => (0, A.getDeploymentIdQueryOrEmptyString)();
-    function F(t, e, r) {
-      return new Promise((l, s) => {
-        const a = `
-      link[rel="prefetch"][href^="` + t + `"],
-      link[rel="preload"][href^="` + t + `"],
-      script[src^="` + t + '"]';
-        if (document.querySelector(a))
-          return l();
-        r = document.createElement("link"), r.as = e, r.rel = "prefetch", r.crossOrigin = process.env.__NEXT_CROSS_ORIGIN, r.onload = l, r.onerror = () => s(f(new Error("Failed to prefetch: " + t))), r.href = t, document.head.appendChild(r);
-      });
-    }
-    function R(t, e) {
-      return new Promise((r, l) => {
-        e = document.createElement("script"), e.onload = r, e.onerror = () => l(f(new Error("Failed to load script: " + t))), e.crossOrigin = process.env.__NEXT_CROSS_ORIGIN, e.src = t, document.body.appendChild(e);
-      });
-    }
-    let g;
-    function I(t, e, r) {
-      return new Promise((l, s) => {
-        let a = !1;
-        t.then((d) => {
-          a = !0, l(d);
-        }).catch(s), process.env.NODE_ENV === "development" && (g || Promise.resolve()).then(() => {
-          (0, p.requestIdleCallback)(() => setTimeout(() => {
-            a || s(r);
-          }, e));
-        }), process.env.NODE_ENV !== "development" && (0, p.requestIdleCallback)(() => setTimeout(() => {
-          a || s(r);
-        }, e));
-      });
-    }
-    function q() {
-      if (self.__BUILD_MANIFEST)
-        return Promise.resolve(self.__BUILD_MANIFEST);
-      const t = new Promise((e) => {
-        const r = self.__BUILD_MANIFEST_CB;
-        self.__BUILD_MANIFEST_CB = () => {
-          e(self.__BUILD_MANIFEST), r && r();
-        };
-      });
-      return I(t, S, f(new Error("Failed to load client build manifest")));
-    }
-    function O(t, e) {
-      if (process.env.NODE_ENV === "development") {
-        const r = t + "/_next/static/chunks/pages" + (0, y.encodeURIPath)((0, D.default)(e, ".js")) + h();
-        return Promise.resolve({
-          scripts: [
-            (0, v.__unsafeCreateTrustedScriptURL)(r)
-          ],
-          // Styles are handled by `style-loader` in development:
-          css: []
-        });
-      }
-      return q().then((r) => {
-        if (!(e in r))
-          throw f(new Error("Failed to lookup route: " + e));
-        const l = r[e].map((s) => t + "/_next/" + (0, y.encodeURIPath)(s));
-        return {
-          scripts: l.filter((s) => s.endsWith(".js")).map((s) => (0, v.__unsafeCreateTrustedScriptURL)(s) + h()),
-          css: l.filter((s) => s.endsWith(".css")).map((s) => s + h())
-        };
-      });
-    }
-    function B(t) {
-      const e = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
-      function a(n) {
-        if (process.env.NODE_ENV !== "development") {
-          let i = r.get(n.toString());
-          return i || (document.querySelector('script[src^="' + n + '"]') ? Promise.resolve() : (r.set(n.toString(), i = R(n)), i));
-        } else
-          return R(n);
-      }
-      function d(n) {
-        let i = l.get(n);
-        return i || (l.set(n, i = fetch(n, {
-          credentials: "same-origin"
-        }).then((o) => {
-          if (!o.ok)
-            throw new Error("Failed to load stylesheet: " + n);
-          return o.text().then((u) => ({
-            href: n,
-            content: u
-          }));
-        }).catch((o) => {
-          throw f(o);
-        })), i);
-      }
-      return {
-        whenEntrypoint(n) {
-          return P(n, e);
-        },
-        onEntrypoint(n, i) {
-          (i ? Promise.resolve().then(() => i()).then((o) => ({
-            component: o && o.default || o,
-            exports: o
-          }), (o) => ({
-            error: o
-          })) : Promise.resolve(void 0)).then((o) => {
-            const u = e.get(n);
-            u && "resolve" in u ? o && (e.set(n, o), u.resolve(o)) : (o ? e.set(n, o) : e.delete(n), s.delete(n));
-          });
-        },
-        loadRoute(n, i) {
-          return P(n, s, () => {
-            let o;
-            return process.env.NODE_ENV === "development" && (g = new Promise((u) => {
-              o = u;
-            })), I(O(t, n).then((u) => {
-              let { scripts: _, css: E } = u;
-              return Promise.all([
-                e.has(n) ? [] : Promise.all(_.map(a)),
-                Promise.all(E.map(d))
-              ]);
-            }).then((u) => this.whenEntrypoint(n).then((_) => ({
-              entrypoint: _,
-              styles: u[1]
-            }))), S, f(new Error("Route did not complete loading: " + n))).then((u) => {
-              let { entrypoint: _, styles: E } = u;
-              const U = Object.assign({
-                styles: E
-              }, _);
-              return "error" in _ ? _ : U;
-            }).catch((u) => {
-              if (i)
-                throw u;
-              return {
-                error: u
-              };
-            }).finally(() => o == null ? void 0 : o());
-          });
-        },
-        prefetch(n) {
-          let i;
-          return (i = navigator.connection) && (i.saveData || /2g/.test(i.effectiveType)) ? Promise.resolve() : O(t, n).then((o) => Promise.all(C ? o.scripts.map((u) => F(u.toString(), "script")) : [])).then(() => {
-            (0, p.requestIdleCallback)(() => this.loadRoute(n, !0).catch(() => {
-            }));
-          }).catch(
-            // swallow prefetch errors
-            () => {
-            }
-          );
-        }
-      };
-    }
-    (typeof c.default == "function" || typeof c.default == "object" && c.default !== null) && typeof c.default.__esModule > "u" && (Object.defineProperty(c.default, "__esModule", { value: !0 }), Object.assign(c.default, c), N.exports = c.default);
-  }(m, m.exports), m.exports);
+import r from "./index213.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);
+  });
 }
 export {
-  ee as __require
+  q as default
 };