@instockng/storefront-ui 1.0.18 → 1.0.20

package/dist/index89.mjs

@@ -1,5 +1,182 @@
 'use client';
-const t = null;
+import i from "./index75.mjs";
+import S from "./index142.mjs";
+const h = Symbol("internals");
+function y(r) {
+  return r && String(r).trim().toLowerCase();
+}
+function m(r) {
+  return r === !1 || r == null ? r : i.isArray(r) ? r.map(m) : String(r);
+}
+function A(r) {
+  const t = /* @__PURE__ */ Object.create(null), e = /([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;
+  let s;
+  for (; s = e.exec(r); )
+    t[s[1]] = s[2];
+  return t;
+}
+const k = (r) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(r.trim());
+function g(r, t, e, s, n) {
+  if (i.isFunction(s))
+    return s.call(this, t, e);
+  if (n && (t = e), !!i.isString(t)) {
+    if (i.isString(s))
+      return t.indexOf(s) !== -1;
+    if (i.isRegExp(s))
+      return s.test(t);
+  }
+}
+function E(r) {
+  return r.trim().toLowerCase().replace(/([a-z\d])(\w*)/g, (t, e, s) => e.toUpperCase() + s);
+}
+function j(r, t) {
+  const e = i.toCamelCase(" " + t);
+  ["get", "set", "has"].forEach((s) => {
+    Object.defineProperty(r, s + e, {
+      value: function(n, o, f) {
+        return this[s].call(this, t, n, o, f);
+      },
+      configurable: !0
+    });
+  });
+}
+class b {
+  constructor(t) {
+    t && this.set(t);
+  }
+  set(t, e, s) {
+    const n = this;
+    function o(c, l, a) {
+      const u = y(l);
+      if (!u)
+        throw new Error("header name must be a non-empty string");
+      const p = i.findKey(n, u);
+      (!p || n[p] === void 0 || a === !0 || a === void 0 && n[p] !== !1) && (n[p || l] = m(c));
+    }
+    const f = (c, l) => i.forEach(c, (a, u) => o(a, u, l));
+    if (i.isPlainObject(t) || t instanceof this.constructor)
+      f(t, e);
+    else if (i.isString(t) && (t = t.trim()) && !k(t))
+      f(S(t), e);
+    else if (i.isObject(t) && i.isIterable(t)) {
+      let c = {}, l, a;
+      for (const u of t) {
+        if (!i.isArray(u))
+          throw TypeError("Object iterator must return a key-value pair");
+        c[a = u[0]] = (l = c[a]) ? i.isArray(l) ? [...l, u[1]] : [l, u[1]] : u[1];
+      }
+      f(c, e);
+    } else
+      t != null && o(e, t, s);
+    return this;
+  }
+  get(t, e) {
+    if (t = y(t), t) {
+      const s = i.findKey(this, t);
+      if (s) {
+        const n = this[s];
+        if (!e)
+          return n;
+        if (e === !0)
+          return A(n);
+        if (i.isFunction(e))
+          return e.call(this, n, s);
+        if (i.isRegExp(e))
+          return e.exec(n);
+        throw new TypeError("parser must be boolean|regexp|function");
+      }
+    }
+  }
+  has(t, e) {
+    if (t = y(t), t) {
+      const s = i.findKey(this, t);
+      return !!(s && this[s] !== void 0 && (!e || g(this, this[s], s, e)));
+    }
+    return !1;
+  }
+  delete(t, e) {
+    const s = this;
+    let n = !1;
+    function o(f) {
+      if (f = y(f), f) {
+        const c = i.findKey(s, f);
+        c && (!e || g(s, s[c], c, e)) && (delete s[c], n = !0);
+      }
+    }
+    return i.isArray(t) ? t.forEach(o) : o(t), n;
+  }
+  clear(t) {
+    const e = Object.keys(this);
+    let s = e.length, n = !1;
+    for (; s--; ) {
+      const o = e[s];
+      (!t || g(this, this[o], o, t, !0)) && (delete this[o], n = !0);
+    }
+    return n;
+  }
+  normalize(t) {
+    const e = this, s = {};
+    return i.forEach(this, (n, o) => {
+      const f = i.findKey(s, o);
+      if (f) {
+        e[f] = m(n), delete e[o];
+        return;
+      }
+      const c = t ? E(o) : String(o).trim();
+      c !== o && delete e[o], e[c] = m(n), s[c] = !0;
+    }), this;
+  }
+  concat(...t) {
+    return this.constructor.concat(this, ...t);
+  }
+  toJSON(t) {
+    const e = /* @__PURE__ */ Object.create(null);
+    return i.forEach(this, (s, n) => {
+      s != null && s !== !1 && (e[n] = t && i.isArray(s) ? s.join(", ") : s);
+    }), e;
+  }
+  [Symbol.iterator]() {
+    return Object.entries(this.toJSON())[Symbol.iterator]();
+  }
+  toString() {
+    return Object.entries(this.toJSON()).map(([t, e]) => t + ": " + e).join(`
+`);
+  }
+  getSetCookie() {
+    return this.get("set-cookie") || [];
+  }
+  get [Symbol.toStringTag]() {
+    return "AxiosHeaders";
+  }
+  static from(t) {
+    return t instanceof this ? t : new this(t);
+  }
+  static concat(t, ...e) {
+    const s = new this(t);
+    return e.forEach((n) => s.set(n)), s;
+  }
+  static accessor(t) {
+    const s = (this[h] = this[h] = {
+      accessors: {}
+    }).accessors, n = this.prototype;
+    function o(f) {
+      const c = y(f);
+      s[c] || (j(n, f), s[c] = !0);
+    }
+    return i.isArray(t) ? t.forEach(o) : o(t), this;
+  }
+}
+b.accessor(["Content-Type", "Content-Length", "Accept", "Accept-Encoding", "User-Agent", "Authorization"]);
+i.reduceDescriptors(b.prototype, ({ value: r }, t) => {
+  let e = t[0].toUpperCase() + t.slice(1);
+  return {
+    get: () => r,
+    set(s) {
+      this[e] = s;
+    }
+  };
+});
+i.freezeMethods(b);
 export {
-  t as default
+  b as default
 };

package/dist/index9.mjs

@@ -1,101 +1,101 @@
 'use client';
-import { jsx as e, jsxs as s, Fragment as j } from "react/jsx-runtime";
-import { useState as a } from "react";
-import { useCart as T } from "./index3.mjs";
-import { Button as y } from "./index11.mjs";
-import { Badge as k } from "./index13.mjs";
-import { Tag as B, CheckCircle as b, X as E, AlertCircle as F } from "lucide-react";
-import { cn as p } from "./index17.mjs";
-function K({
-  onSuccess: i,
-  className: N,
-  placeholder: w = "Enter discount code",
-  inputClassName: C,
-  buttonClassName: A
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { Package as v, Trash2 as p } from "lucide-react";
+import { cn as g, formatCurrency as m } from "./index19.mjs";
+import { useCart as N } from "./index3.mjs";
+import { useState as h, useCallback as f } from "react";
+function I({
+  item: e,
+  className: y,
+  disabled: r = !1
 }) {
-  var v;
-  const [n, g] = a(""), [u, o] = a(""), [l, f] = a(!1), [h, x] = a(!1), [d, c] = a(""), { applyDiscount: D, removeDiscount: I, cart: r } = T(), M = async (t) => {
-    if (t.preventDefault(), !!n.trim()) {
-      f(!0), c("");
+  const [i, n] = h(!1), [s, c] = h(!1), { removeItem: o, updateItem: d } = N(), u = f(async (l) => {
+    if (!(l <= 0)) {
+      c(!0);
       try {
-        await D(n.trim()), o("Discount code applied!"), g(""), setTimeout(() => o(""), 3e3), i == null || i();
-      } catch (m) {
-        c((m == null ? void 0 : m.message) || "Invalid or expired discount code");
-      } finally {
-        f(!1);
+        await d(e.id, l);
+      } catch (x) {
+        console.error("Failed to update item quantity:", x);
       }
+      c(!1);
     }
-  }, R = async () => {
-    x(!0), c("");
+  }, [e.id, d]), b = f(async () => {
+    n(!0);
     try {
-      await I(), o("Discount code removed"), setTimeout(() => o(""), 3e3), i == null || i();
-    } catch (t) {
-      c((t == null ? void 0 : t.message) || "Failed to remove discount code");
-    } finally {
-      x(!1);
+      await o(e.id);
+    } catch (l) {
+      console.error("Failed to remove item:", l);
     }
-  };
-  return /* @__PURE__ */ e("div", { className: p("", N), children: /* @__PURE__ */ e("div", { className: "pt-6", children: /* @__PURE__ */ s("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-sm font-medium", children: [
-      /* @__PURE__ */ e(B, { className: "h-4 w-4" }),
-      "Discount Code"
-    ] }),
-    r && r.pricing.discount && /* @__PURE__ */ s("div", { className: "flex items-center justify-between rounded-md bg-green-50 p-3", children: [
-      /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(b, { className: "h-4 w-4 text-green-600" }),
-        /* @__PURE__ */ e("span", { className: "text-sm font-medium text-green-900", children: "Code Applied:" }),
-        /* @__PURE__ */ e(k, { className: "bg-green-600 text-white", children: r.pricing.discount.code })
-      ] }),
-      /* @__PURE__ */ e(
-        y,
-        {
-          variant: "ghost",
-          size: "sm",
-          onClick: R,
-          disabled: h,
-          className: "h-8 px-2 text-green-700 hover:text-green-800",
-          children: h ? "Removing..." : /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(E, { className: "h-4 w-4" }) })
-        }
-      )
-    ] }),
-    !((v = r == null ? void 0 : r.pricing) != null && v.discount) && /* @__PURE__ */ s("form", { onSubmit: M, className: "flex gap-2", children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          type: "text",
-          value: n,
-          onChange: (t) => g(t.target.value.toUpperCase()),
-          placeholder: w,
-          disabled: l,
-          className: p(
-            "flex-1 rounded-md border border-gray-300 px-3 py-2 text-sm",
-            "focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",
-            "disabled:cursor-not-allowed disabled:opacity-50",
-            d && "border-red-500 focus:border-red-500 focus:ring-red-500",
-            C
-          )
-        }
+    n(!1);
+  }, [e.id, o]);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: g(
+        "flex gap-3 transition-opacity",
+        (r || i || s) && "opacity-50",
+        y
       ),
-      /* @__PURE__ */ e(
-        y,
-        {
-          type: "submit",
-          disabled: !n.trim() || l,
-          className: p("bg-accent-500 text-white hover:bg-accent-600", A),
-          children: l ? "Applying..." : "Apply"
-        }
-      )
-    ] }),
-    d && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-sm text-red-600", children: [
-      /* @__PURE__ */ e(F, { className: "h-4 w-4" }),
-      d
-    ] }),
-    u && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-sm text-green-600", children: [
-      /* @__PURE__ */ e(b, { className: "h-4 w-4" }),
-      u
-    ] })
-  ] }) }) });
+      children: [
+        /* @__PURE__ */ a("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-gray-100", children: e.variant.product.thumbnailUrl ? /* @__PURE__ */ a(
+          "img",
+          {
+            src: e.variant.product.thumbnailUrl,
+            alt: e.variant.product.name,
+            className: "h-full w-full object-cover"
+          }
+        ) : /* @__PURE__ */ a("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ a(v, { 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: b,
+                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: () => u(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: () => u(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("div", { className: "text-right", children: [
+              /* @__PURE__ */ a("p", { className: "text-base font-medium", children: m(e.subtotal) }),
+              e.basePrice !== e.finalPrice && /* @__PURE__ */ a("p", { className: "text-xs text-[#DC143C] line-through", children: m(e.basePrice * e.quantity) })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
 }
 export {
-  K as DiscountCodeInput
+  I as CartItem
 };

package/dist/index90.mjs

@@ -1,73 +1,56 @@
 'use client';
-import H from "./index61.mjs";
-import D from "./index98.mjs";
-import L from "./index85.mjs";
-import n from "./index72.mjs";
-import y from "./index67.mjs";
-import O from "./index99.mjs";
-import U from "./index87.mjs";
-import q from "./index75.mjs";
-import { progressEventReducer as A } from "./index100.mjs";
-import v from "./index101.mjs";
-const N = typeof XMLHttpRequest < "u", Q = N && function(s) {
-  return new Promise(function(C, i) {
-    const t = v(s);
-    let E = t.data;
-    const T = q.from(t.headers).normalize();
-    let { responseType: d, onUploadProgress: R, onDownloadProgress: h } = t, l, g, w, u, f;
-    function x() {
-      u && u(), f && f(), t.cancelToken && t.cancelToken.unsubscribe(l), t.signal && t.signal.removeEventListener("abort", l);
+import s from "./index75.mjs";
+import m from "./index143.mjs";
+import u from "./index144.mjs";
+import { getFetch as b } from "./index145.mjs";
+import d from "./index86.mjs";
+const p = {
+  http: m,
+  xhr: u,
+  fetch: {
+    get: b
+  }
+};
+s.forEach(p, (e, o) => {
+  if (e) {
+    try {
+      Object.defineProperty(e, "name", { value: o });
+    } catch {
     }
-    let e = new XMLHttpRequest();
-    e.open(t.method.toUpperCase(), t.url, !0), e.timeout = t.timeout;
-    function b() {
-      if (!e)
-        return;
-      const o = q.from(
-        "getAllResponseHeaders" in e && e.getAllResponseHeaders()
-      ), a = {
-        data: !d || d === "text" || d === "json" ? e.responseText : e.response,
-        status: e.status,
-        statusText: e.statusText,
-        headers: o,
-        config: s,
-        request: e
-      };
-      D(function(c) {
-        C(c), x();
-      }, function(c) {
-        i(c), x();
-      }, a), e = null;
+    Object.defineProperty(e, "adapterName", { value: o });
+  }
+});
+const f = (e) => `- ${e}`, g = (e) => s.isFunction(e) || e === null || e === !1, y = {
+  getAdapter: (e, o) => {
+    e = s.isArray(e) ? e : [e];
+    const { length: a } = e;
+    let i, t;
+    const c = {};
+    for (let r = 0; r < a; r++) {
+      i = e[r];
+      let n;
+      if (t = i, !g(i) && (t = p[(n = String(i)).toLowerCase()], t === void 0))
+        throw new d(`Unknown adapter '${n}'`);
+      if (t && (s.isFunction(t) || (t = t.get(o))))
+        break;
+      c[n || "#" + r] = t;
     }
-    "onloadend" in e ? e.onloadend = b : e.onreadystatechange = function() {
-      !e || e.readyState !== 4 || e.status === 0 && !(e.responseURL && e.responseURL.indexOf("file:") === 0) || setTimeout(b);
-    }, e.onabort = function() {
-      e && (i(new n("Request aborted", n.ECONNABORTED, s, e)), e = null);
-    }, e.onerror = function(r) {
-      const a = r && r.message ? r.message : "Network Error", p = new n(a, n.ERR_NETWORK, s, e);
-      p.event = r || null, i(p), e = null;
-    }, e.ontimeout = function() {
-      let r = t.timeout ? "timeout of " + t.timeout + "ms exceeded" : "timeout exceeded";
-      const a = t.transitional || L;
-      t.timeoutErrorMessage && (r = t.timeoutErrorMessage), i(new n(
-        r,
-        a.clarifyTimeoutError ? n.ETIMEDOUT : n.ECONNABORTED,
-        s,
-        e
-      )), e = null;
-    }, E === void 0 && T.setContentType(null), "setRequestHeader" in e && H.forEach(T.toJSON(), function(r, a) {
-      e.setRequestHeader(a, r);
-    }), H.isUndefined(t.withCredentials) || (e.withCredentials = !!t.withCredentials), d && d !== "json" && (e.responseType = t.responseType), h && ([w, f] = A(h, !0), e.addEventListener("progress", w)), R && e.upload && ([g, u] = A(R), e.upload.addEventListener("progress", g), e.upload.addEventListener("loadend", u)), (t.cancelToken || t.signal) && (l = (o) => {
-      e && (i(!o || o.type ? new y(null, s, e) : o), e.abort(), e = null);
-    }, t.cancelToken && t.cancelToken.subscribe(l), t.signal && (t.signal.aborted ? l() : t.signal.addEventListener("abort", l)));
-    const m = O(t.url);
-    if (m && U.protocols.indexOf(m) === -1) {
-      i(new n("Unsupported protocol " + m + ":", n.ERR_BAD_REQUEST, s));
-      return;
+    if (!t) {
+      const r = Object.entries(c).map(
+        ([l, h]) => `adapter ${l} ` + (h === !1 ? "is not supported by the environment" : "is not available in the build")
+      );
+      let n = a ? r.length > 1 ? `since :
+` + r.map(f).join(`
+`) : " " + f(r[0]) : "as no adapter specified";
+      throw new d(
+        "There is no suitable adapter to dispatch the request " + n,
+        "ERR_NOT_SUPPORT"
+      );
     }
-    e.send(E || null);
-  });
+    return t;
+  },
+  adapters: p
 };
 export {
-  Q as default
+  y as default
 };