@instockng/storefront-ui 1.0.106 → 1.0.108

package/dist/index186.mjs

@@ -1,155 +1,56 @@
 'use client';
-import { __exports as A } from "./index247.mjs";
-import { __require as T } from "./index246.mjs";
-import { __require as L } from "./index189.mjs";
-import { __require as N } from "./index248.mjs";
-import { __require as U } from "./index181.mjs";
-import { __require as j } from "./index249.mjs";
-import { __require as v } from "./index250.mjs";
-var S;
-function W() {
-  return S ? A : (S = 1, function(R) {
-    Object.defineProperty(R, "__esModule", {
+import { __exports as i } from "./index248.mjs";
+var a;
+function d() {
+  return a ? i : (a = 1, function(f) {
+    Object.defineProperty(f, "__esModule", {
       value: !0
     });
-    function k(e, a) {
-      for (var t in a) Object.defineProperty(e, t, {
+    function c(e, r) {
+      for (var t in r) Object.defineProperty(e, t, {
         enumerable: !0,
-        get: a[t]
+        get: r[t]
       });
     }
-    k(R, {
-      compileNonPath: function() {
-        return d;
+    c(f, {
+      assign: function() {
+        return l;
       },
-      matchHas: function() {
-        return w;
+      searchParamsToUrlQuery: function() {
+        return y;
       },
-      prepareDestination: function() {
-        return M;
+      urlQueryToSearchParams: function() {
+        return h;
       }
     });
-    const m = T(), C = L(), x = N(), g = U(), O = j(), D = v();
-    function q(e) {
-      let a = "";
-      for (let t = 0; t < e.length; t++) {
-        const o = e.charCodeAt(t);
-        (o > 64 && o < 91 || // A-Z
-        o > 96 && o < 123) && (a += e[t]);
-      }
-      return a;
+    function y(e) {
+      const r = {};
+      return e.forEach((t, n) => {
+        typeof r[n] > "u" ? r[n] = t : Array.isArray(r[n]) ? r[n].push(t) : r[n] = [
+          r[n],
+          t
+        ];
+      }), r;
     }
-    function b(e, a) {
-      return e.replace(new RegExp(":" + (0, C.escapeStringRegexp)(a), "g"), "__ESC_COLON_" + a);
+    function s(e) {
+      return typeof e == "string" || typeof e == "number" && !isNaN(e) || typeof e == "boolean" ? String(e) : "";
     }
     function h(e) {
-      return e.replace(/__ESC_COLON_/gi, ":");
-    }
-    function w(e, a, t, o) {
-      t === void 0 && (t = []), o === void 0 && (o = []);
-      const i = {}, f = (n) => {
-        let s, u = n.key;
-        switch (n.type) {
-          case "header": {
-            u = u.toLowerCase(), s = e.headers[u];
-            break;
-          }
-          case "cookie": {
-            "cookies" in e ? s = e.cookies[n.key] : s = (0, D.getCookieParser)(e.headers)()[n.key];
-            break;
-          }
-          case "query": {
-            s = a[u];
-            break;
-          }
-          case "host": {
-            const { host: l } = (e == null ? void 0 : e.headers) || {};
-            s = l == null ? void 0 : l.split(":", 1)[0].toLowerCase();
-            break;
-          }
-        }
-        if (!n.value && s)
-          return i[q(u)] = s, !0;
-        if (s) {
-          const l = new RegExp("^" + n.value + "$"), p = Array.isArray(s) ? s.slice(-1)[0].match(l) : s.match(l);
-          if (p)
-            return Array.isArray(p) && (p.groups ? Object.keys(p.groups).forEach((_) => {
-              i[_] = p.groups[_];
-            }) : n.type === "host" && p[0] && (i.host = p[0])), !0;
-        }
-        return !1;
-      };
-      return t.every((n) => f(n)) && !o.some((n) => f(n)) ? i : !1;
-    }
-    function d(e, a) {
-      if (!e.includes(":"))
-        return e;
-      for (const t of Object.keys(a))
-        e.includes(":" + t) && (e = e.replace(new RegExp(":" + t + "\\*", "g"), ":" + t + "--ESCAPED_PARAM_ASTERISKS").replace(new RegExp(":" + t + "\\?", "g"), ":" + t + "--ESCAPED_PARAM_QUESTION").replace(new RegExp(":" + t + "\\+", "g"), ":" + t + "--ESCAPED_PARAM_PLUS").replace(new RegExp(":" + t + "(?!\\w)", "g"), "--ESCAPED_PARAM_COLON" + t));
-      return e = e.replace(/(:|\*|\?|\+|\(|\)|\{|\})/g, "\\$1").replace(/--ESCAPED_PARAM_PLUS/g, "+").replace(/--ESCAPED_PARAM_COLON/g, ":").replace(/--ESCAPED_PARAM_QUESTION/g, "?").replace(/--ESCAPED_PARAM_ASTERISKS/g, "*"), (0, m.compile)("/" + e, {
-        validate: !1
-      })(a).slice(1);
+      const r = new URLSearchParams();
+      return Object.entries(e).forEach((t) => {
+        let [n, u] = t;
+        Array.isArray(u) ? u.forEach((o) => r.append(n, s(o))) : r.set(n, s(u));
+      }), r;
     }
-    function M(e) {
-      const a = Object.assign({}, e.query);
-      delete a.__nextLocale, delete a.__nextDefaultLocale, delete a.__nextDataReq, delete a.__nextInferredLocaleFromDefault, delete a[O.NEXT_RSC_UNION_QUERY];
-      let t = e.destination;
-      for (const r of Object.keys({
-        ...e.params,
-        ...a
-      }))
-        t = r ? b(t, r) : t;
-      const o = (0, x.parseUrl)(t), i = o.query, f = h("" + o.pathname + (o.hash || "")), E = h(o.hostname || ""), n = [], s = [];
-      (0, m.pathToRegexp)(f, n), (0, m.pathToRegexp)(E, s);
-      const u = [];
-      n.forEach((r) => u.push(r.name)), s.forEach((r) => u.push(r.name));
-      const l = (0, m.compile)(
-        f,
-        // we don't validate while compiling the destination since we should
-        // have already validated before we got to this point and validating
-        // breaks compiling destinations with named pattern params from the source
-        // e.g. /something:hello(.*) -> /another/:hello is broken with validation
-        // since compile validation is meant for reversing and not for inserting
-        // params from a separate path-regex into another
-        {
-          validate: !1
-        }
-      ), p = (0, m.compile)(E, {
-        validate: !1
-      });
-      for (const [r, c] of Object.entries(i))
-        Array.isArray(c) ? i[r] = c.map((y) => d(h(y), e.params)) : typeof c == "string" && (i[r] = d(h(c), e.params));
-      let _ = Object.keys(e.params).filter((r) => r !== "nextInternalLocale");
-      if (e.appendParamsToQuery && !_.some((r) => u.includes(r)))
-        for (const r of _)
-          r in i || (i[r] = e.params[r]);
-      let P;
-      if ((0, g.isInterceptionRouteAppPath)(f))
-        for (const r of f.split("/")) {
-          const c = g.INTERCEPTION_ROUTE_MARKERS.find((y) => r.startsWith(y));
-          if (c) {
-            c === "(..)(..)" ? (e.params[0] = "(..)", e.params[1] = "(..)") : e.params[0] = c;
-            break;
-          }
-        }
-      try {
-        P = l(e.params);
-        const [r, c] = P.split("#", 2);
-        o.hostname = p(e.params), o.pathname = r, o.hash = (c ? "#" : "") + (c || ""), delete o.search;
-      } catch (r) {
-        throw r.message.match(/Expected .*? to not repeat, but got an array/) ? new Error("To use a multi-match in the destination you must add `*` at the end of the param name to signify it should repeat. https://nextjs.org/docs/messages/invalid-multi-match") : r;
-      }
-      return o.query = {
-        ...a,
-        ...o.query
-      }, {
-        newUrl: P,
-        destQuery: i,
-        parsedDestination: o
-      };
+    function l(e) {
+      for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
+        t[n - 1] = arguments[n];
+      return t.forEach((u) => {
+        Array.from(u.keys()).forEach((o) => e.delete(o)), u.forEach((o, g) => e.append(g, o));
+      }), e;
     }
-  }(A), A);
+  }(i), i);
 }
 export {
-  W as __require
+  d as __require
 };

package/dist/index187.mjs

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

package/dist/index188.mjs

@@ -1,5 +1,39 @@
 'use client';
-var e = {};
+import { __exports as n } from "./index249.mjs";
+import { __require as d } from "./index250.mjs";
+var o;
+function p() {
+  return o ? n : (o = 1, function(i) {
+    Object.defineProperty(i, "__esModule", {
+      value: !0
+    }), Object.defineProperty(i, "getPathMatch", {
+      enumerable: !0,
+      get: function() {
+        return s;
+      }
+    });
+    const u = d();
+    function s(l, e) {
+      const r = [], t = (0, u.pathToRegexp)(l, r, {
+        delimiter: "/",
+        sensitive: typeof (e == null ? void 0 : e.sensitive) == "boolean" ? e.sensitive : !1,
+        strict: e == null ? void 0 : e.strict
+      }), h = (0, u.regexpToFunction)(e != null && e.regexModifier ? new RegExp(e.regexModifier(t.source), t.flags) : t, r);
+      return (f, m) => {
+        if (typeof f != "string") return !1;
+        const a = h(f);
+        if (!a) return !1;
+        if (e != null && e.removeUnnamedParams)
+          for (const c of r)
+            typeof c.name == "number" && delete a.params[c.name];
+        return {
+          ...m,
+          ...a.params
+        };
+      };
+    }
+  }(n), n);
+}
 export {
-  e as __exports
+  p as __require
 };

package/dist/index189.mjs

@@ -1,22 +1,155 @@
 'use client';
-import { __exports as r } from "./index253.mjs";
-var n;
-function i() {
-  return n ? r : (n = 1, function(t) {
-    Object.defineProperty(t, "__esModule", {
+import { __exports as A } from "./index251.mjs";
+import { __require as T } from "./index250.mjs";
+import { __require as L } from "./index192.mjs";
+import { __require as N } from "./index252.mjs";
+import { __require as U } from "./index184.mjs";
+import { __require as j } from "./index253.mjs";
+import { __require as v } from "./index254.mjs";
+var S;
+function W() {
+  return S ? A : (S = 1, function(R) {
+    Object.defineProperty(R, "__esModule", {
       value: !0
-    }), Object.defineProperty(t, "escapeStringRegexp", {
-      enumerable: !0,
-      get: function() {
-        return c;
+    });
+    function k(e, a) {
+      for (var t in a) Object.defineProperty(e, t, {
+        enumerable: !0,
+        get: a[t]
+      });
+    }
+    k(R, {
+      compileNonPath: function() {
+        return d;
+      },
+      matchHas: function() {
+        return w;
+      },
+      prepareDestination: function() {
+        return M;
       }
     });
-    const p = /[|\\{}()[\]^$+*?.-]/, u = /[|\\{}()[\]^$+*?.-]/g;
-    function c(e) {
-      return p.test(e) ? e.replace(u, "\\$&") : e;
+    const m = T(), C = L(), x = N(), g = U(), O = j(), D = v();
+    function q(e) {
+      let a = "";
+      for (let t = 0; t < e.length; t++) {
+        const o = e.charCodeAt(t);
+        (o > 64 && o < 91 || // A-Z
+        o > 96 && o < 123) && (a += e[t]);
+      }
+      return a;
+    }
+    function b(e, a) {
+      return e.replace(new RegExp(":" + (0, C.escapeStringRegexp)(a), "g"), "__ESC_COLON_" + a);
+    }
+    function h(e) {
+      return e.replace(/__ESC_COLON_/gi, ":");
+    }
+    function w(e, a, t, o) {
+      t === void 0 && (t = []), o === void 0 && (o = []);
+      const i = {}, f = (n) => {
+        let s, u = n.key;
+        switch (n.type) {
+          case "header": {
+            u = u.toLowerCase(), s = e.headers[u];
+            break;
+          }
+          case "cookie": {
+            "cookies" in e ? s = e.cookies[n.key] : s = (0, D.getCookieParser)(e.headers)()[n.key];
+            break;
+          }
+          case "query": {
+            s = a[u];
+            break;
+          }
+          case "host": {
+            const { host: l } = (e == null ? void 0 : e.headers) || {};
+            s = l == null ? void 0 : l.split(":", 1)[0].toLowerCase();
+            break;
+          }
+        }
+        if (!n.value && s)
+          return i[q(u)] = s, !0;
+        if (s) {
+          const l = new RegExp("^" + n.value + "$"), p = Array.isArray(s) ? s.slice(-1)[0].match(l) : s.match(l);
+          if (p)
+            return Array.isArray(p) && (p.groups ? Object.keys(p.groups).forEach((_) => {
+              i[_] = p.groups[_];
+            }) : n.type === "host" && p[0] && (i.host = p[0])), !0;
+        }
+        return !1;
+      };
+      return t.every((n) => f(n)) && !o.some((n) => f(n)) ? i : !1;
+    }
+    function d(e, a) {
+      if (!e.includes(":"))
+        return e;
+      for (const t of Object.keys(a))
+        e.includes(":" + t) && (e = e.replace(new RegExp(":" + t + "\\*", "g"), ":" + t + "--ESCAPED_PARAM_ASTERISKS").replace(new RegExp(":" + t + "\\?", "g"), ":" + t + "--ESCAPED_PARAM_QUESTION").replace(new RegExp(":" + t + "\\+", "g"), ":" + t + "--ESCAPED_PARAM_PLUS").replace(new RegExp(":" + t + "(?!\\w)", "g"), "--ESCAPED_PARAM_COLON" + t));
+      return e = e.replace(/(:|\*|\?|\+|\(|\)|\{|\})/g, "\\$1").replace(/--ESCAPED_PARAM_PLUS/g, "+").replace(/--ESCAPED_PARAM_COLON/g, ":").replace(/--ESCAPED_PARAM_QUESTION/g, "?").replace(/--ESCAPED_PARAM_ASTERISKS/g, "*"), (0, m.compile)("/" + e, {
+        validate: !1
+      })(a).slice(1);
+    }
+    function M(e) {
+      const a = Object.assign({}, e.query);
+      delete a.__nextLocale, delete a.__nextDefaultLocale, delete a.__nextDataReq, delete a.__nextInferredLocaleFromDefault, delete a[O.NEXT_RSC_UNION_QUERY];
+      let t = e.destination;
+      for (const r of Object.keys({
+        ...e.params,
+        ...a
+      }))
+        t = r ? b(t, r) : t;
+      const o = (0, x.parseUrl)(t), i = o.query, f = h("" + o.pathname + (o.hash || "")), E = h(o.hostname || ""), n = [], s = [];
+      (0, m.pathToRegexp)(f, n), (0, m.pathToRegexp)(E, s);
+      const u = [];
+      n.forEach((r) => u.push(r.name)), s.forEach((r) => u.push(r.name));
+      const l = (0, m.compile)(
+        f,
+        // we don't validate while compiling the destination since we should
+        // have already validated before we got to this point and validating
+        // breaks compiling destinations with named pattern params from the source
+        // e.g. /something:hello(.*) -> /another/:hello is broken with validation
+        // since compile validation is meant for reversing and not for inserting
+        // params from a separate path-regex into another
+        {
+          validate: !1
+        }
+      ), p = (0, m.compile)(E, {
+        validate: !1
+      });
+      for (const [r, c] of Object.entries(i))
+        Array.isArray(c) ? i[r] = c.map((y) => d(h(y), e.params)) : typeof c == "string" && (i[r] = d(h(c), e.params));
+      let _ = Object.keys(e.params).filter((r) => r !== "nextInternalLocale");
+      if (e.appendParamsToQuery && !_.some((r) => u.includes(r)))
+        for (const r of _)
+          r in i || (i[r] = e.params[r]);
+      let P;
+      if ((0, g.isInterceptionRouteAppPath)(f))
+        for (const r of f.split("/")) {
+          const c = g.INTERCEPTION_ROUTE_MARKERS.find((y) => r.startsWith(y));
+          if (c) {
+            c === "(..)(..)" ? (e.params[0] = "(..)", e.params[1] = "(..)") : e.params[0] = c;
+            break;
+          }
+        }
+      try {
+        P = l(e.params);
+        const [r, c] = P.split("#", 2);
+        o.hostname = p(e.params), o.pathname = r, o.hash = (c ? "#" : "") + (c || ""), delete o.search;
+      } catch (r) {
+        throw r.message.match(/Expected .*? to not repeat, but got an array/) ? new Error("To use a multi-match in the destination you must add `*` at the end of the param name to signify it should repeat. https://nextjs.org/docs/messages/invalid-multi-match") : r;
+      }
+      return o.query = {
+        ...a,
+        ...o.query
+      }, {
+        newUrl: P,
+        destQuery: i,
+        parsedDestination: o
+      };
     }
-  }(r), r);
+  }(A), A);
 }
 export {
-  i as __require
+  W as __require
 };

package/dist/index19.mjs

@@ -1,101 +1,154 @@
 '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 "./index21.mjs";
-import { Badge as k } from "./index23.mjs";
-import { Tag as B, CheckCircle as b, X as E, AlertCircle as F } from "lucide-react";
-import { cn as p } from "./index27.mjs";
-function K({
-  onSuccess: i,
-  className: N,
-  placeholder: w = "Enter discount code",
-  inputClassName: C,
-  buttonClassName: A
+import { jsx as s, jsxs as l, Fragment as x } from "react/jsx-runtime";
+import { useRef as T, useState as c } from "react";
+import "./index31.mjs";
+import { useGetCartUpsellAddons as z } from "./index43.mjs";
+import "@tanstack/react-query";
+import { useCart as G } from "./index3.mjs";
+import { cn as b, formatCurrency as w } from "./index30.mjs";
+import { FreeShippingProgress as R } from "./index52.mjs";
+import { Button as A } from "./index24.mjs";
+import { Loader2 as C, Package as q, Check as B } from "lucide-react";
+import { VariantPickerModal as D } from "./index14.mjs";
+function ee({
+  onSkip: k,
+  className: P,
+  checkoutButtonClassName: F
 }) {
-  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 { cart: o, addItem: I } = G(), { data: m, isLoading: M } = z(o == null ? void 0 : o.id), u = T(null);
+  m && !u.current && (u.current = m);
+  const f = u.current ?? m, [V, N] = c([]), [h, j] = c([]), [r, g] = c(null), [U, y] = c(!1), v = async (t, e, n) => {
+    N((i) => [...i, t.id]);
+    try {
+      const i = Math.round(e.price * (1 - n / 100));
+      await I(t.slug, t.name, i, e.sku, 1, !0, n), j((a) => [...a, t.id]);
+    } finally {
+      N((i) => i.filter((a) => a !== t.id));
+    }
+  }, L = (t, e) => {
+    if (t.variants.length > 1) {
+      g({ product: t, discountPercent: e });
+      return;
+    }
+    const n = t.variants[0];
+    n && v(t, n, e);
+  }, O = async (t, e) => {
+    if (r) {
+      y(!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");
+        let n = null, i = null;
+        for (const a of f || []) {
+          const d = a.addons.find((p) => p.id === t.id);
+          if (d) {
+            n = d, i = d.variants.find((p) => p.id === e.id);
+            break;
+          }
+        }
+        n && i && await v(n, i, r.discountPercent), g(null);
       } finally {
-        f(!1);
+        y(!1);
       }
     }
-  }, R = async () => {
-    x(!0), c("");
-    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);
-    }
   };
-  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 })
+  if (M)
+    return /* @__PURE__ */ s("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ s(C, { className: "h-8 w-8 animate-spin text-accent-500" }) });
+  const S = [];
+  for (const t of f || [])
+    for (const e of t.addons)
+      h.includes(e.id) || S.push({
+        product: t,
+        addon: e,
+        parentName: t.productName,
+        parentThumbnail: t.productThumbnailUrl
+      });
+  return /* @__PURE__ */ l(x, { children: [
+    /* @__PURE__ */ l("div", { className: b("flex flex-1 min-h-0 flex-col", P), children: [
+      /* @__PURE__ */ s(R, {}),
+      /* @__PURE__ */ l("div", { className: "flex-1 min-h-0 overflow-y-auto p-4", children: [
+        /* @__PURE__ */ l("div", { className: "text-center mb-4", children: [
+          /* @__PURE__ */ s("h3", { className: "text-lg font-semibold text-gray-900", children: "Exclusive deals for you" }),
+          /* @__PURE__ */ s("p", { className: "text-sm text-gray-500 mt-1", children: "Get these items at a special discount before checkout" })
+        ] }),
+        /* @__PURE__ */ s("div", { className: "grid grid-cols-2 gap-3", children: (f || []).flatMap(
+          (t) => t.addons.map((e) => {
+            const n = e.variants[0];
+            if (!n) return null;
+            const i = V.includes(e.id), a = h.includes(e.id), d = Math.round(n.price * (1 - e.discountPercent / 100));
+            return /* @__PURE__ */ l(
+              "div",
+              {
+                className: "flex flex-col bg-white border border-gray-200 rounded-lg overflow-hidden",
+                children: [
+                  /* @__PURE__ */ l("div", { className: "relative aspect-square bg-gray-100 overflow-hidden", children: [
+                    e.thumbnailUrl ? /* @__PURE__ */ s(
+                      "img",
+                      {
+                        src: e.thumbnailUrl,
+                        alt: e.name,
+                        className: "absolute inset-0 w-full h-full object-cover"
+                      }
+                    ) : /* @__PURE__ */ s("div", { className: "absolute inset-0 w-full h-full flex items-center justify-center", children: /* @__PURE__ */ s(q, { className: "h-8 w-8 text-gray-300" }) }),
+                    /* @__PURE__ */ l("div", { className: "absolute top-1 left-1 bg-red-500 text-white text-xs font-bold px-1.5 py-0.5 rounded", children: [
+                      e.discountPercent,
+                      "% OFF"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ l("div", { className: "p-2 flex flex-col flex-1", children: [
+                    /* @__PURE__ */ s("h4", { className: "text-xs font-medium text-gray-900 line-clamp-2 leading-tight min-h-[2.5em]", children: e.name }),
+                    /* @__PURE__ */ l("div", { className: "mt-1", children: [
+                      /* @__PURE__ */ s("span", { className: "text-xs text-gray-400 line-through mr-1", children: w(n.price) }),
+                      /* @__PURE__ */ s("span", { className: "text-sm font-bold text-red-600", children: w(d) })
+                    ] }),
+                    /* @__PURE__ */ s(
+                      A,
+                      {
+                        size: "sm",
+                        onClick: () => L(e, e.discountPercent),
+                        disabled: i || a,
+                        className: b(
+                          "w-full text-xs h-7 mt-2",
+                          a ? "bg-green-500 hover:bg-green-500 text-white !opacity-100" : "bg-red-500 hover:bg-red-600 text-white"
+                        ),
+                        children: i ? /* @__PURE__ */ l(x, { children: [
+                          /* @__PURE__ */ s(C, { className: "h-3 w-3 animate-spin" }),
+                          "Adding..."
+                        ] }) : a ? /* @__PURE__ */ l(x, { children: [
+                          /* @__PURE__ */ s(B, { className: "h-3 w-3" }),
+                          "Added"
+                        ] }) : "Add"
+                      }
+                    )
+                  ] })
+                ]
+              },
+              e.id
+            );
+          })
+        ) })
       ] }),
-      /* @__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",
+      /* @__PURE__ */ s("div", { className: "border-t border-gray-300 bg-white px-4 py-3", children: /* @__PURE__ */ s(
+        A,
         {
-          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
-          )
+          onClick: k,
+          className: b("w-full bg-accent-500 text-white hover:bg-accent-600", F),
+          size: "lg",
+          children: h.length > 0 ? "Continue to checkout" : "No thanks, continue to checkout"
         }
-      ),
-      /* @__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
-    ] })
-  ] }) }) });
+    /* @__PURE__ */ s(
+      D,
+      {
+        isOpen: !!r,
+        onClose: () => g(null),
+        product: (r == null ? void 0 : r.product) || null,
+        onConfirm: O,
+        isLoading: U,
+        discountPercent: r == null ? void 0 : r.discountPercent
+      }
+    )
+  ] });
 }
 export {
-  K as DiscountCodeInput
+  ee as AddOnsDiscountScreen
 };