@instockng/storefront-ui 1.0.61 → 1.0.62

package/dist/index10.mjs

@@ -4,28 +4,28 @@ 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";
 import { Badge as R } from "./index18.mjs";
-import { cn as d, formatCurrency as v } from "./index22.mjs";
+import { cn as u, formatCurrency as v } from "./index22.mjs";
 import "./index23.mjs";
 import "@tanstack/react-query";
 import { useGetProductAddOns as U } from "./index37.mjs";
 import { useCart as G } from "./index3.mjs";
 function Y({
-  slug: m,
-  products: h,
-  onToggle: f,
+  slug: d,
+  products: m,
+  onToggle: h,
   selectedProductIds: N,
-  className: x,
+  className: f,
   title: b = "Popular add-ons",
   limit: y = 6
 }) {
-  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((n) => {
+  const { cart: i, addItem: w, removeItem: C } = G(), { data: P, isLoading: x } = U(d || "", y, {
+    enabled: !!d && !m
+  }), c = m || P || [], k = N || c.filter((e) => i == null ? void 0 : i.items.some((n) => {
     var r;
     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, n);
+    if (h) {
+      h(e, n);
       return;
     }
     const r = e.variants[0];
@@ -47,7 +47,7 @@ function Y({
       const { scrollLeft: e, scrollWidth: n, clientWidth: r } = o.current, s = e / (n - r);
       D(s || 0);
     }
-  }, p = (e) => {
+  }, g = (e) => {
     if (o.current) {
       const { clientWidth: n } = o.current, r = n * 0.9;
       o.current.scrollBy({
@@ -56,13 +56,13 @@ function Y({
       });
     }
   };
-  return (!c || c.length === 0) && !g ? null : g ? /* @__PURE__ */ l("div", { className: d("w-full py-8 space-y-4 animate-pulse", x), children: [
+  return (!c || c.length === 0) && !x ? null : x ? /* @__PURE__ */ l("div", { className: u("w-full py-8 space-y-4 animate-pulse", f), 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__ */ l("div", { className: d("w-full py-8", x), children: [
+  ] }) : /* @__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 }) }),
     /* @__PURE__ */ t("div", { className: "relative", children: /* @__PURE__ */ t(
       "div",
@@ -72,7 +72,7 @@ function Y({
         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 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;
+          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;
           return /* @__PURE__ */ l(
             "div",
             {
@@ -91,7 +91,7 @@ function Y({
                   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) }),
-                    u && /* @__PURE__ */ l(M, { children: [
+                    p && /* @__PURE__ */ l(M, { children: [
                       /* @__PURE__ */ t("span", { className: "text-sm text-[#DC143C] line-through", children: v(a) }),
                       /* @__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,
@@ -121,7 +121,7 @@ function Y({
         return /* @__PURE__ */ t(
           "div",
           {
-            className: d(
+            className: u(
               "h-2 w-2 rounded-full transition-all duration-300",
               r ? "bg-gray-600 scale-110" : "bg-gray-300"
             )
@@ -133,7 +133,7 @@ function Y({
         /* @__PURE__ */ t(
           "button",
           {
-            onClick: () => p("left"),
+            onClick: () => g("left"),
             className: "text-gray-400 hover:text-gray-900 transition-colors",
             "aria-label": "Previous",
             children: /* @__PURE__ */ t(F, { className: "h-6 w-6 stroke-[2.5px]" })
@@ -142,7 +142,7 @@ function Y({
         /* @__PURE__ */ t(
           "button",
           {
-            onClick: () => p("right"),
+            onClick: () => g("right"),
             className: "text-gray-400 hover:text-gray-900 transition-colors",
             "aria-label": "Next",
             children: /* @__PURE__ */ t(L, { className: "h-6 w-6 stroke-[2.5px]" })

package/dist/index100.mjs

@@ -1,5 +1,46 @@
 'use client';
-var e = {};
+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;
+}
 export {
-  e as __exports
+  f as buildSearchParams,
+  o as deepMerge,
+  s as mergePath,
+  l as removeIndexString,
+  p as replaceUrlParam,
+  i as replaceUrlProtocol
 };

package/dist/index102.mjs

@@ -1,24 +1,5 @@
 'use client';
-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 e;
-}
+var r = {};
 export {
-  m as default
+  r as __exports
 };

package/dist/index103.mjs

@@ -1,59 +1,31 @@
 'use client';
-import n from "./index75.mjs";
-class a {
-  constructor() {
-    this.handlers = [];
+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);
   }
-  /**
-   * 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 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;
   }
+  return u._ = f, u;
 }
 export {
-  a as default
+  o as __require
 };

package/dist/index104.mjs

@@ -1,32 +1,21 @@
 'use client';
-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);
-  });
+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;
+      }
+    });
+    function n(a) {
+      return a.replace(/\/$/, "") || "/";
+    }
+  }(e), e);
 }
 export {
-  q as default
+  u as __require
 };

package/dist/index105.mjs

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