@instockng/storefront-ui 1.0.60 → 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,27 +56,27 @@ 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",
       {
         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 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",
             {
-              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: "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",
@@ -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/index141.mjs

@@ -1,6 +1,6 @@
 'use client';
 import f from "./index75.mjs";
-import d from "./index212.mjs";
+import d from "./index214.mjs";
 function l(e) {
   return encodeURIComponent(e).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+");
 }

package/dist/index143.mjs

@@ -1,5 +1,5 @@
 'use client';
-import r from "./index213.mjs";
+import r from "./index215.mjs";
 import p from "./index83.mjs";
 import l from "./index79.mjs";
 import m from "./index81.mjs";

package/dist/index144.mjs

@@ -1,6 +1,6 @@
 'use client';
-import r from "./index214.mjs";
-import f from "./index215.mjs";
+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;

package/dist/index148.mjs

@@ -1,6 +1,6 @@
 'use client';
-import o from "./index216.mjs";
-import * as t from "./index217.mjs";
+import o from "./index212.mjs";
+import * as t from "./index213.mjs";
 const m = {
   ...t,
   ...o

package/dist/index172.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { __exports as u } from "./index234.mjs";
-import { __require as d } from "./index235.mjs";
+import { __exports as u } from "./index235.mjs";
+import { __require as d } from "./index236.mjs";
 var a;
 function h() {
   return a ? u : (a = 1, function(c) {

package/dist/index174.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as i } from "./index242.mjs";
+import { __exports as i } from "./index234.mjs";
 var a;
 function d() {
   return a ? i : (a = 1, function(f) {

package/dist/index176.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { __exports as n } from "./index236.mjs";
-import { __require as d } from "./index237.mjs";
+import { __exports as n } from "./index237.mjs";
+import { __require as d } from "./index238.mjs";
 var o;
 function p() {
   return o ? n : (o = 1, function(i) {

package/dist/index177.mjs

@@ -1,11 +1,11 @@
 'use client';
-import { __exports as A } from "./index238.mjs";
-import { __require as T } from "./index237.mjs";
+import { __exports as A } from "./index239.mjs";
+import { __require as T } from "./index238.mjs";
 import { __require as L } from "./index180.mjs";
-import { __require as N } from "./index239.mjs";
+import { __require as N } from "./index240.mjs";
 import { __require as U } from "./index172.mjs";
-import { __require as j } from "./index240.mjs";
-import { __require as v } from "./index241.mjs";
+import { __require as j } from "./index241.mjs";
+import { __require as v } from "./index242.mjs";
 var S;
 function W() {
   return S ? A : (S = 1, function(R) {

package/dist/index180.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index243.mjs";
+import { __exports as r } from "./index244.mjs";
 var n;
 function i() {
   return n ? r : (n = 1, function(t) {

package/dist/index183.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index244.mjs";
+import { __exports as r } from "./index243.mjs";
 var u;
 function D() {
   return u ? r : (u = 1, function(t) {

package/dist/index191.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index248.mjs";
+import { __exports as r } from "./index247.mjs";
 import { __require as o } from "./index118.mjs";
 var i;
 function _() {

package/dist/index193.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as e } from "./index247.mjs";
+import { __exports as e } from "./index248.mjs";
 import { __require as f } from "./index118.mjs";
 var n;
 function p() {

package/dist/index197.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as t } from "./index250.mjs";
+import { __exports as t } from "./index249.mjs";
 import { __require as a } from "./index193.mjs";
 var n;
 function h() {

package/dist/index199.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index249.mjs";
+import { __exports as r } from "./index250.mjs";
 import { __require as s } from "./index118.mjs";
 var a;
 function _() {

package/dist/index212.mjs

@@ -1,34 +1,16 @@
 'use client';
-import p from "./index85.mjs";
-function i(n) {
-  const t = {
-    "!": "%21",
-    "'": "%27",
-    "(": "%28",
-    ")": "%29",
-    "~": "%7E",
-    "%20": "+",
-    "%00": "\0"
-  };
-  return encodeURIComponent(n).replace(/[!'()~]|%20|%00/g, function(r) {
-    return t[r];
-  });
-}
-function a(n, t) {
-  this._pairs = [], n && p(n, this, t);
-}
-const c = a.prototype;
-c.append = function(t, o) {
-  this._pairs.push([t, o]);
-};
-c.toString = function(t) {
-  const o = t ? function(r) {
-    return t.call(this, r, i);
-  } : i;
-  return this._pairs.map(function(e) {
-    return o(e[0]) + "=" + o(e[1]);
-  }, "").join("&");
+import o from "./index255.mjs";
+import r from "./index256.mjs";
+import t from "./index257.mjs";
+const l = {
+  isBrowser: !0,
+  classes: {
+    URLSearchParams: o,
+    FormData: r,
+    Blob: t
+  },
+  protocols: ["http", "https", "file", "blob", "url", "data"]
 };
 export {
-  a as default
+  l as default
 };

package/dist/index213.mjs

@@ -1,14 +1,10 @@
 'use client';
-import i from "./index75.mjs";
-import m from "./index79.mjs";
-import s from "./index89.mjs";
-function h(f, t) {
-  const o = this || m, r = t || o, n = s.from(r.headers);
-  let a = r.data;
-  return i.forEach(f, function(e) {
-    a = e.call(o, a, n.normalize(), t ? t.status : void 0);
-  }), n.normalize(), a;
-}
+const e = typeof window < "u" && typeof document < "u", o = typeof navigator == "object" && navigator || void 0, n = e && (!o || ["ReactNative", "NativeScript", "NS"].indexOf(o.product) < 0), t = typeof WorkerGlobalScope < "u" && // eslint-disable-next-line no-undef
+self instanceof WorkerGlobalScope && typeof self.importScripts == "function", r = e && window.location.href || "http://localhost";
 export {
-  h as default
+  e as hasBrowserEnv,
+  n as hasStandardBrowserEnv,
+  t as hasStandardBrowserWebWorkerEnv,
+  o as navigator,
+  r as origin
 };

package/dist/index214.mjs

@@ -1,7 +1,34 @@
 'use client';
-function e(t) {
-  return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(t);
+import p from "./index85.mjs";
+function i(n) {
+  const t = {
+    "!": "%21",
+    "'": "%27",
+    "(": "%28",
+    ")": "%29",
+    "~": "%7E",
+    "%20": "+",
+    "%00": "\0"
+  };
+  return encodeURIComponent(n).replace(/[!'()~]|%20|%00/g, function(r) {
+    return t[r];
+  });
 }
+function a(n, t) {
+  this._pairs = [], n && p(n, this, t);
+}
+const c = a.prototype;
+c.append = function(t, o) {
+  this._pairs.push([t, o]);
+};
+c.toString = function(t) {
+  const o = t ? function(r) {
+    return t.call(this, r, i);
+  } : i;
+  return this._pairs.map(function(e) {
+    return o(e[0]) + "=" + o(e[1]);
+  }, "").join("&");
+};
 export {
-  e as default
+  a as default
 };

package/dist/index215.mjs

@@ -1,7 +1,14 @@
 'use client';
-function n(e, c) {
-  return c ? e.replace(/\/?\/$/, "") + "/" + c.replace(/^\/+/, "") : e;
+import i from "./index75.mjs";
+import m from "./index79.mjs";
+import s from "./index89.mjs";
+function h(f, t) {
+  const o = this || m, r = t || o, n = s.from(r.headers);
+  let a = r.data;
+  return i.forEach(f, function(e) {
+    a = e.call(o, a, n.normalize(), t ? t.status : void 0);
+  }), n.normalize(), a;
 }
 export {
-  n as default
+  h as default
 };

package/dist/index216.mjs

@@ -1,16 +1,7 @@
 'use client';
-import o from "./index255.mjs";
-import r from "./index256.mjs";
-import t from "./index257.mjs";
-const l = {
-  isBrowser: !0,
-  classes: {
-    URLSearchParams: o,
-    FormData: r,
-    Blob: t
-  },
-  protocols: ["http", "https", "file", "blob", "url", "data"]
-};
+function e(t) {
+  return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(t);
+}
 export {
-  l as default
+  e as default
 };

package/dist/index217.mjs

@@ -1,10 +1,7 @@
 'use client';
-const e = typeof window < "u" && typeof document < "u", o = typeof navigator == "object" && navigator || void 0, n = e && (!o || ["ReactNative", "NativeScript", "NS"].indexOf(o.product) < 0), t = typeof WorkerGlobalScope < "u" && // eslint-disable-next-line no-undef
-self instanceof WorkerGlobalScope && typeof self.importScripts == "function", r = e && window.location.href || "http://localhost";
+function n(e, c) {
+  return c ? e.replace(/\/?\/$/, "") + "/" + c.replace(/^\/+/, "") : e;
+}
 export {
-  e as hasBrowserEnv,
-  n as hasStandardBrowserEnv,
-  t as hasStandardBrowserWebWorkerEnv,
-  o as navigator,
-  r as origin
+  n as default
 };

package/dist/index234.mjs

@@ -1,5 +1,5 @@
 'use client';
-var e = {};
+var r = {};
 export {
-  e as __exports
+  r as __exports
 };

package/dist/index235.mjs

@@ -1,40 +1,5 @@
 'use client';
-import { __exports as n } from "./index263.mjs";
-import { __require as l } from "./index264.mjs";
-import { __require as d } from "./index265.mjs";
-var t;
-function R() {
-  return t ? n : (t = 1, function(i) {
-    Object.defineProperty(i, "__esModule", {
-      value: !0
-    });
-    function o(u, e) {
-      for (var r in e) Object.defineProperty(u, r, {
-        enumerable: !0,
-        get: e[r]
-      });
-    }
-    o(i, {
-      normalizeAppPath: function() {
-        return a;
-      },
-      normalizeRscURL: function() {
-        return p;
-      }
-    });
-    const s = l(), f = d();
-    function a(u) {
-      return (0, s.ensureLeadingSlash)(u.split("/").reduce((e, r, c, _) => !r || (0, f.isGroupSegment)(r) || r[0] === "@" || (r === "page" || r === "route") && c === _.length - 1 ? e : e + "/" + r, ""));
-    }
-    function p(u) {
-      return u.replace(
-        /\.rsc($|\?)/,
-        // $1 ensures `?` is preserved
-        "$1"
-      );
-    }
-  }(n), n);
-}
+var e = {};
 export {
-  R as __require
+  e as __exports
 };

package/dist/index236.mjs

@@ -1,5 +1,40 @@
 'use client';
-var a = {};
+import { __exports as n } from "./index264.mjs";
+import { __require as l } from "./index265.mjs";
+import { __require as d } from "./index266.mjs";
+var t;
+function R() {
+  return t ? n : (t = 1, function(i) {
+    Object.defineProperty(i, "__esModule", {
+      value: !0
+    });
+    function o(u, e) {
+      for (var r in e) Object.defineProperty(u, r, {
+        enumerable: !0,
+        get: e[r]
+      });
+    }
+    o(i, {
+      normalizeAppPath: function() {
+        return a;
+      },
+      normalizeRscURL: function() {
+        return p;
+      }
+    });
+    const s = l(), f = d();
+    function a(u) {
+      return (0, s.ensureLeadingSlash)(u.split("/").reduce((e, r, c, _) => !r || (0, f.isGroupSegment)(r) || r[0] === "@" || (r === "page" || r === "route") && c === _.length - 1 ? e : e + "/" + r, ""));
+    }
+    function p(u) {
+      return u.replace(
+        /\.rsc($|\?)/,
+        // $1 ensures `?` is preserved
+        "$1"
+      );
+    }
+  }(n), n);
+}
 export {
-  a as __exports
+  R as __require
 };