@instockng/storefront-ui 1.0.58 → 1.0.59

package/dist/index10.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { jsxs as l, jsx as t, Fragment as M } from "react/jsx-runtime";
+import { jsxs as n, 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((n) => {
+  }), c = h || P || [], k = N || c.filter((e) => i == null ? void 0 : i.items.some((l) => {
     var r;
-    return n.variant.id === ((r = e.variants[0]) == null ? void 0 : r.id);
-  })).map((e) => e.id), A = async (e, n) => {
+    return l.variant.id === ((r = e.variants[0]) == null ? void 0 : r.id);
+  })).map((e) => e.id), A = async (e, l) => {
     if (f) {
-      f(e, n);
+      f(e, l);
       return;
     }
     const r = e.variants[0];
     if (r)
-      if (n)
+      if (l)
         await w(
           e.slug,
           e.name,
@@ -44,25 +44,25 @@ function Y({
       }
   }, o = W(null), [j, D] = E(0), I = () => {
     if (o.current) {
-      const { scrollLeft: e, scrollWidth: n, clientWidth: r } = o.current, s = e / (n - r);
+      const { scrollLeft: e, scrollWidth: l, clientWidth: r } = o.current, s = e / (l - r);
       D(s || 0);
     }
   }, p = (e) => {
     if (o.current) {
-      const { clientWidth: n } = o.current, r = n * 0.9;
+      const { clientWidth: l } = o.current, r = l * 0.9;
       o.current.scrollBy({
         left: e === "left" ? -r : r,
         behavior: "smooth"
       });
     }
   };
-  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) && !g ? null : g ? /* @__PURE__ */ n("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__ */ l("div", { className: "flex gap-4 overflow-x-hidden", children: [
+    /* @__PURE__ */ n("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__ */ n("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",
@@ -72,13 +72,13 @@ function Y({
         className: "flex gap-4 overflow-x-auto scrollbar-hide snap-x snap-mandatory px-1",
         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;
-          return /* @__PURE__ */ l(
+          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(
             "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",
               children: [
-                /* @__PURE__ */ t("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-xl bg-white/40 flex items-center justify-center", children: e.thumbnailUrl ? /* @__PURE__ */ t(
+                /* @__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(
                   "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__ */ l("div", { className: "flex flex-1 flex-col justify-center min-w-0", children: [
+                /* @__PURE__ */ n("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-2 italic mb-1", children: e.addonDescription }),
-                  /* @__PURE__ */ l("div", { className: "flex items-center gap-2 mt-1", children: [
+                  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__ */ t("span", { className: "text-md font-bold text-[#333]", children: v(s) }),
-                    u && /* @__PURE__ */ l(M, { children: [
+                    u && /* @__PURE__ */ n(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: [
+                      /* @__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: [
                         S,
                         "% OFF"
                       ] })
@@ -103,7 +103,7 @@ function Y({
                 /* @__PURE__ */ t("div", { className: "pl-2", children: /* @__PURE__ */ t(
                   O,
                   {
-                    checked: n,
+                    checked: l,
                     onCheckedChange: (B) => A(e, B),
                     className: "scale-125"
                   }
@@ -115,9 +115,9 @@ function Y({
         })
       }
     ) }),
-    /* @__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;
+    /* @__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;
         return /* @__PURE__ */ t(
           "div",
           {
@@ -126,10 +126,10 @@ function Y({
               r ? "bg-gray-600 scale-110" : "bg-gray-300"
             )
           },
-          n
+          l
         );
       }) }),
-      /* @__PURE__ */ l("div", { className: "flex gap-4", children: [
+      /* @__PURE__ */ n("div", { className: "flex gap-4", children: [
         /* @__PURE__ */ t(
           "button",
           {

package/dist/index101.mjs

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

package/dist/index102.mjs

@@ -1,5 +1,31 @@
 'use client';
-var r = {};
+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;
+  }
+  return u._ = f, u;
+}
 export {
-  r as __exports
+  o as __require
 };

package/dist/index103.mjs

@@ -1,31 +1,21 @@
 'use client';
-import { __exports as u } from "./index153.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];
+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;
       }
-    return t.default = r, e && e.set(r, t), t;
-  }
-  return u._ = f, u;
+    });
+    function n(a) {
+      return a.replace(/\/$/, "") || "/";
+    }
+  }(e), e);
 }
 export {
-  o as __require
+  u as __require
 };

package/dist/index104.mjs

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