@instockng/storefront-ui 1.0.107 → 1.0.109

package/dist/index147.mjs

@@ -1,73 +1,5 @@
 'use client';
-import { __exports as n } from "./index218.mjs";
-import { __require as c } from "./index219.mjs";
-var u;
-function y() {
-  return u ? n : (u = 1, function(a) {
-    Object.defineProperty(a, "__esModule", {
-      value: !0
-    }), Object.defineProperty(a, "BloomFilter", {
-      enumerable: !0,
-      get: function() {
-        return i;
-      }
-    });
-    function l(o) {
-      let t = 0;
-      for (let e = 0; e < o.length; e++) {
-        const r = o.charCodeAt(e);
-        t = Math.imul(t ^ r, 1540483477), t ^= t >>> 13, t = Math.imul(t, 1540483477);
-      }
-      return t >>> 0;
-    }
-    const s = 1e-4;
-    class i {
-      static from(t, e) {
-        e === void 0 && (e = s);
-        const r = new i(t.length, e);
-        for (const h of t)
-          r.add(h);
-        return r;
-      }
-      export() {
-        const t = {
-          numItems: this.numItems,
-          errorRate: this.errorRate,
-          numBits: this.numBits,
-          numHashes: this.numHashes,
-          bitArray: this.bitArray
-        };
-        if (process.env.NEXT_RUNTIME === "nodejs" && this.errorRate < s) {
-          const e = JSON.stringify(t), r = c().sync(e);
-          r > 1024 && console.warn("Creating filter with error rate less than 0.1% (0.001) can increase the size dramatically proceed with caution. Received error rate " + this.errorRate + " resulted in size " + e.length + " bytes, " + r + " bytes (gzip)");
-        }
-        return t;
-      }
-      import(t) {
-        this.numItems = t.numItems, this.errorRate = t.errorRate, this.numBits = t.numBits, this.numHashes = t.numHashes, this.bitArray = t.bitArray;
-      }
-      add(t) {
-        this.getHashValues(t).forEach((r) => {
-          this.bitArray[r] = 1;
-        });
-      }
-      contains(t) {
-        return this.getHashValues(t).every((r) => this.bitArray[r]);
-      }
-      getHashValues(t) {
-        const e = [];
-        for (let r = 1; r <= this.numHashes; r++) {
-          const h = l("" + t + r) % this.numBits;
-          e.push(h);
-        }
-        return e;
-      }
-      constructor(t, e = s) {
-        this.numItems = t, this.errorRate = e, this.numBits = Math.ceil(-(t * Math.log(e)) / (Math.log(2) * Math.log(2))), this.numHashes = Math.ceil(this.numBits / t * Math.log(2)), this.bitArray = new Array(this.numBits).fill(0);
-      }
-    }
-  }(n), n);
-}
+var e = {};
 export {
-  y as __require
+  e as __exports
 };

package/dist/index148.mjs

@@ -1,11 +1,5 @@
 'use client';
-import { __module as e } from "./index220.mjs";
-import { __require as o } from "./index221.mjs";
-import { __require as t } from "./index222.mjs";
-var r;
-function p() {
-  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t(), e.exports);
-}
+var r = {};
 export {
-  p as __require
+  r as __exports
 };

package/dist/index149.mjs

@@ -1,5 +1,36 @@
 'use client';
-var e = {};
+import { __exports as r } from "./index153.mjs";
+var c;
+function b() {
+  return c ? r : (c = 1, function(n) {
+    Object.defineProperty(n, "__esModule", {
+      value: !0
+    });
+    function u(e, t) {
+      for (var i in t) Object.defineProperty(e, i, {
+        enumerable: !0,
+        get: t[i]
+      });
+    }
+    u(n, {
+      getObjectClassLabel: function() {
+        return o;
+      },
+      isPlainObject: function() {
+        return s;
+      }
+    });
+    function o(e) {
+      return Object.prototype.toString.call(e);
+    }
+    function s(e) {
+      if (o(e) !== "[object Object]")
+        return !1;
+      const t = Object.getPrototypeOf(e);
+      return t === null || t.hasOwnProperty("isPrototypeOf");
+    }
+  }(r), r);
+}
 export {
-  e as __exports
+  b as __require
 };

package/dist/index15.mjs

@@ -1,166 +1,101 @@
 'use client';
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useState as w } from "react";
-import { BadgeCheck as C } from "lucide-react";
-import { cn as o, formatCurrency as g, calculateDiscountedPrice as u, getDiscountPercent as f } from "./index30.mjs";
-const S = ({
-  qty: l,
-  selectedVariant: i,
-  quantity: s,
-  onQuantityChange: c,
-  effectivePrice: n,
-  quantityDiscounts: r,
-  showBestValue: d = !1
-}) => {
-  const e = !!i;
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      onClick: () => e && c(l),
-      className: o(
-        "border-2 rounded-xl transition-all flex items-center justify-center p-3",
-        e ? s === l ? "border-green-500 bg-green-50 shadow-md cursor-pointer hover:scale-105" : "border-gray-200 bg-white hover:border-gray-300 cursor-pointer hover:scale-105" : "border-gray-300 bg-gray-100 cursor-not-allowed opacity-50",
-        d && e && "relative"
-      ),
-      children: [
-        d && e && /* @__PURE__ */ t("div", { className: "absolute -top-3 left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ t("div", { className: "bg-orange-500 text-white text-xs px-3 py-1 rounded-full font-semibold whitespace-nowrap", children: "Best Value" }) }),
-        /* @__PURE__ */ a("div", { className: "text-center", children: [
-          /* @__PURE__ */ a("div", { className: o("text-lg font-bold", e ? "text-gray-900" : "text-gray-500"), children: [
-            "BUY ",
-            l
-          ] }),
-          l > 1 && /* @__PURE__ */ t("div", { className: o(
-            "text-sm font-bold inline-block bg-[#F54927] text-white px-1 rounded-full line-through mb-1",
-            e ? "text-gray-500" : "text-gray-400"
-          ), children: g(n * l) }),
-          /* @__PURE__ */ t("div", { className: o("text-lg md:text-2xl font-bold", e ? "text-green-600" : "text-gray-400"), children: g(u(n, l, r)) }),
-          l > 1 && e ? /* @__PURE__ */ a("div", { className: "bg-orange-500 text-white text-sm px-2 py-1 rounded-md font-semibold mb-2", children: [
-            "Save ",
-            f(l, r),
-            "%"
-          ] }) : e ? null : /* @__PURE__ */ t("div", { className: "text-xs text-red-500 mt-1", children: "Out of Stock" })
-        ] })
-      ]
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { Package as g, Trash2 as p } from "lucide-react";
+import { cn as N, formatCurrency as h } from "./index30.mjs";
+import { useCart as w } from "./index3.mjs";
+import { useState as f, useCallback as y } from "react";
+function U({
+  item: e,
+  className: b,
+  disabled: r = !1
+}) {
+  const [i, n] = f(!1), [s, c] = f(!1), { removeItem: o, updateItem: d } = w(), m = y(async (l) => {
+    if (!(l <= 0)) {
+      c(!0);
+      try {
+        await d(e.id, l);
+      } catch (v) {
+        console.error("Failed to update item quantity:", v);
+      }
+      c(!1);
     }
-  );
-}, j = ({
-  selectedVariant: l,
-  quantity: i,
-  onQuantityChange: s,
-  effectivePrice: c,
-  quantityDiscounts: n
-}) => {
-  const [r, d] = w(2), e = !!l, b = i === r, p = (h) => {
-    h.stopPropagation();
-    const x = r + 1;
-    d(x), e && s(x);
-  }, y = (h) => {
-    if (h.stopPropagation(), r > 2) {
-      const x = r - 1;
-      d(x), e && s(x);
+  }, [e.id, d]), x = y(async () => {
+    n(!0);
+    try {
+      await o(e.id);
+    } catch (l) {
+      console.error("Failed to remove item:", l);
     }
-  }, v = () => {
-    e && s(r);
-  }, m = f(r, n), N = u(c, r, n);
-  return /* @__PURE__ */ a(
+    n(!1);
+  }, [e.id, o]), u = e.variant.thumbnailUrl ?? e.variant.product.thumbnailUrl;
+  return /* @__PURE__ */ t(
     "div",
     {
-      onClick: v,
-      className: o(
-        "border-2 rounded-xl transition-all flex flex-col items-center justify-center p-3 relative",
-        e ? b ? "border-green-500 bg-green-50 shadow-md cursor-pointer hover:scale-105" : "border-gray-200 bg-white hover:border-gray-300 cursor-pointer hover:scale-105" : "border-gray-300 bg-gray-100 cursor-not-allowed opacity-50"
+      className: N(
+        "flex gap-3 transition-opacity",
+        (r || i || s) && "opacity-50",
+        b
       ),
       children: [
-        /* @__PURE__ */ t(
-          "button",
+        /* @__PURE__ */ a("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-gray-100", children: u ? /* @__PURE__ */ a(
+          "img",
           {
-            onClick: y,
-            disabled: !e || r <= 2,
-            className: o(
-              "absolute left-2 top-1/2 -translate-y-1/2 w-8 h-8 rounded-full flex items-center justify-center text-lg font-bold transition-colors",
-              !e || r <= 2 ? "bg-gray-200 text-gray-400 cursor-not-allowed" : "bg-gray-300 text-gray-700 hover:bg-gray-400"
-            ),
-            children: "-"
+            src: u,
+            alt: e.variant.product.name,
+            className: "h-full w-full object-cover"
           }
-        ),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            onClick: p,
-            disabled: !e,
-            className: o(
-              "absolute right-2 top-1/2 -translate-y-1/2 w-8 h-8 rounded-full flex items-center justify-center text-lg font-bold transition-colors",
-              e ? "bg-gray-300 text-gray-700 hover:bg-gray-400" : "bg-gray-200 text-gray-400 cursor-not-allowed"
-            ),
-            children: "+"
-          }
-        ),
-        /* @__PURE__ */ a("div", { className: "text-center w-full", children: [
-          /* @__PURE__ */ a("div", { className: o("text-lg font-bold", e ? "text-gray-900" : "text-gray-500"), children: [
-            "BUY ",
-            r
-          ] }),
-          /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-2", children: [
-            r > 1 && !!m && /* @__PURE__ */ t("div", { className: o(
-              "text-base md:text-lg font-bold line-through",
-              e ? "text-[#DC143C]" : "text-gray-400"
-            ), children: g(c * r) }),
-            /* @__PURE__ */ t("div", { className: o("text-lg md:text-2xl font-bold", e ? "text-green-600" : "text-gray-400"), children: g(N) })
-          ] }),
-          r > 1 && e ? !!m && /* @__PURE__ */ a("div", { className: "absolute top-[-30px] right-0 2xl:right-[-30px] h-[60px] w-[60px] flex items-center justify-center", children: [
-            /* @__PURE__ */ a("span", { className: "text-white font-bold z-[5] relative leading-4", children: [
-              m,
-              "%",
-              /* @__PURE__ */ t("br", {}),
-              "off"
+        ) : /* @__PURE__ */ a("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ a(g, { className: "h-6 w-6 text-gray-400" }) }) }),
+        /* @__PURE__ */ t("div", { className: "flex flex-1 flex-col justify-between py-1", children: [
+          /* @__PURE__ */ a("div", { children: /* @__PURE__ */ t("div", { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ t("div", { className: "flex-1", children: [
+              /* @__PURE__ */ a("h3", { className: "text-base font-semibold leading-tight", children: e.variant.product.name }),
+              e.variant.name && /* @__PURE__ */ a("p", { className: "mt-0.5 text-sm text-gray-600", children: e.variant.name })
+            ] }),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                onClick: x,
+                disabled: r || i,
+                className: "text-gray-400 hover:text-red-600 disabled:cursor-not-allowed disabled:opacity-50",
+                "aria-label": "Remove item",
+                children: /* @__PURE__ */ a(p, { className: "h-5 w-5" })
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ t("div", { className: "flex items-center justify-between mt-2", children: [
+            /* @__PURE__ */ t("div", { className: "inline-flex items-center overflow-hidden rounded-full bg-gray-200 text-gray-700", children: [
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  "aria-label": "Decrease quantity",
+                  onClick: () => m(e.quantity - 1),
+                  disabled: r || e.quantity <= 1 || s,
+                  className: "flex h-8 w-8 items-center justify-center transition-colors hover:bg-gray-300 disabled:cursor-not-allowed disabled:opacity-50",
+                  children: "−"
+                }
+              ),
+              /* @__PURE__ */ a("span", { className: "px-3 text-base font-medium select-none", children: e.quantity }),
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  "aria-label": "Increase quantity",
+                  onClick: () => m(e.quantity + 1),
+                  disabled: r || s,
+                  className: "flex h-8 w-8 items-center justify-center transition-colors hover:bg-gray-300 disabled:cursor-not-allowed disabled:opacity-50",
+                  children: "+"
+                }
+              )
             ] }),
-            /* @__PURE__ */ t(C, { className: "animate-spin-slow w-full h-full z-[2] inset-0 absolute fill-accent-500 text-accent-500" })
-          ] }) : e ? null : /* @__PURE__ */ t("div", { className: "text-xs text-red-500 mt-1", children: "Out of Stock" })
+            /* @__PURE__ */ t("div", { className: "text-right", children: [
+              /* @__PURE__ */ a("p", { className: "text-base font-medium", children: h(e.subtotal) }),
+              e.basePrice !== e.finalPrice && /* @__PURE__ */ a("p", { className: "text-xs text-[#DC143C] line-through", children: h(e.basePrice * e.quantity) })
+            ] })
+          ] })
         ] })
       ]
     }
   );
-};
-function P({
-  selectedVariant: l,
-  quantity: i,
-  onQuantityChange: s,
-  effectivePrice: c,
-  quantityDiscounts: n
-}) {
-  return /* @__PURE__ */ a("div", { className: "flex flex-col space-y-2", children: [
-    /* @__PURE__ */ t("span", { className: "text-sm font-medium", children: "Choose Quantity:" }),
-    /* @__PURE__ */ a("div", { className: "relative", children: [
-      !l && /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-white/80 z-10 rounded-xl flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center p-4", children: [
-        /* @__PURE__ */ t("div", { className: "text-lg font-semibold text-gray-700 mb-2", children: "Select a variant first" }),
-        /* @__PURE__ */ t("div", { className: "text-sm text-gray-500", children: "Choose a product variant above to see quantity options" })
-      ] }) }),
-      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [
-        /* @__PURE__ */ t(
-          S,
-          {
-            qty: 1,
-            selectedVariant: l,
-            quantity: i,
-            onQuantityChange: s,
-            effectivePrice: c,
-            quantityDiscounts: n
-          }
-        ),
-        /* @__PURE__ */ t(
-          j,
-          {
-            selectedVariant: l,
-            quantity: i,
-            onQuantityChange: s,
-            effectivePrice: c,
-            quantityDiscounts: n
-          }
-        )
-      ] })
-    ] })
-  ] });
 }
 export {
-  P as QuantitySelector
+  U as CartItem
 };

package/dist/index150.mjs

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

package/dist/index151.mjs

@@ -1,36 +1,40 @@
 'use client';
-import { __exports as r } from "./index223.mjs";
-var c;
-function b() {
-  return c ? r : (c = 1, function(n) {
-    Object.defineProperty(n, "__esModule", {
-      value: !0
-    });
-    function u(e, t) {
-      for (var i in t) Object.defineProperty(e, i, {
-        enumerable: !0,
-        get: t[i]
-      });
-    }
-    u(n, {
-      getObjectClassLabel: function() {
-        return o;
-      },
-      isPlainObject: function() {
-        return s;
-      }
-    });
-    function o(e) {
-      return Object.prototype.toString.call(e);
-    }
-    function s(e) {
-      if (o(e) !== "[object Object]")
-        return !1;
-      const t = Object.getPrototypeOf(e);
-      return t === null || t.hasOwnProperty("isPrototypeOf");
-    }
-  }(r), r);
-}
+var s = (i, t, e = {}) => {
+  let r = `${i}=${t}`;
+  if (i.startsWith("__Secure-") && !e.secure)
+    throw new Error("__Secure- Cookie must have Secure attributes");
+  if (i.startsWith("__Host-")) {
+    if (!e.secure)
+      throw new Error("__Host- Cookie must have Secure attributes");
+    if (e.path !== "/")
+      throw new Error('__Host- Cookie must have Path attributes with "/"');
+    if (e.domain)
+      throw new Error("__Host- Cookie must not have Domain attributes");
+  }
+  for (const a of ["domain", "path"])
+    if (e[a] && /[;\r\n]/.test(e[a]))
+      throw new Error(`${a} must not contain ";", "\\r", or "\\n"`);
+  if (e && typeof e.maxAge == "number" && e.maxAge >= 0) {
+    if (e.maxAge > 3456e4)
+      throw new Error(
+        "Cookies Max-Age SHOULD NOT be greater than 400 days (34560000 seconds) in duration."
+      );
+    r += `; Max-Age=${e.maxAge | 0}`;
+  }
+  if (e.domain && e.prefix !== "host" && (r += `; Domain=${e.domain}`), e.path && (r += `; Path=${e.path}`), e.expires) {
+    if (e.expires.getTime() - Date.now() > 3456e7)
+      throw new Error(
+        "Cookies Expires SHOULD NOT be greater than 400 days (34560000 seconds) in the future."
+      );
+    r += `; Expires=${e.expires.toUTCString()}`;
+  }
+  if (e.httpOnly && (r += "; HttpOnly"), e.secure && (r += "; Secure"), e.sameSite && (r += `; SameSite=${e.sameSite.charAt(0).toUpperCase() + e.sameSite.slice(1)}`), e.priority && (r += `; Priority=${e.priority.charAt(0).toUpperCase() + e.priority.slice(1)}`), e.partitioned) {
+    if (!e.secure)
+      throw new Error("Partitioned Cookie must have Secure attributes");
+    r += "; Partitioned";
+  }
+  return r;
+}, o = (i, t, e) => (t = encodeURIComponent(t), s(i, t, e));
 export {
-  b as __require
+  o as serialize
 };

package/dist/index152.mjs

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

package/dist/index153.mjs

@@ -1,24 +1,5 @@
 'use client';
-import f from "./index94.mjs";
-import d from "./index232.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/index154.mjs

@@ -1,59 +1,24 @@
 'use client';
-import n from "./index94.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 "./index95.mjs";
+import d from "./index253.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
 };