@cedros/pay-react 1.1.24 → 1.1.26

package/dist/{styles-Ag-7ZvAB.mjs → styles-D4SQkuV3.mjs}

@@ -1,6 +1,6 @@
-import { i as j, P as ke, u as re, o as be, j as V, m as pe } from "./CedrosContext-DQUbL8yP.mjs";
+import { i as j, P as ke, u as re, o as be, j as V, m as pe } from "./CedrosContext-CY6zvjvJ.mjs";
 import { jsxs as S, jsx as f, Fragment as me } from "react/jsx-runtime";
-import q, { useState as Q, useRef as X, useCallback as I, useMemo as F, useEffect as te } from "react";
+import U, { useState as Q, useRef as X, useCallback as R, useMemo as W, useEffect as te } from "react";
 function xt(e) {
   return !e || !e.coupon_codes ? [] : e.coupon_codes.split(",").map((t) => t.trim()).filter((t) => t.length > 0);
 }
@@ -16,8 +16,8 @@ function _t(e, t) {
   let r = e, n = 0;
   for (const s of t)
     if (s.discountType === "percentage") {
-      const u = 1 - s.discountValue / 100;
-      r = r * u;
+      const l = 1 - s.discountValue / 100;
+      r = r * l;
     } else s.discountType === "fixed" && (n += s.discountValue);
   return r = r - n, r < 0 && (r = 0), Math.ceil(r * 100) / 100;
 }
@@ -72,17 +72,17 @@ function Ue(e) {
 function Oe(e) {
   return we.get(e) || null;
 }
-function Fe(e, t) {
+function We(e, t) {
   we.set(e, t);
   const r = () => {
     we.delete(e), Ue(e);
   };
   return t.then(r, r), t;
 }
-async function We(e, t, r = {}) {
-  const { windowMs: n = Se, throwOnDuplicate: s = !0 } = r, u = Oe(e);
-  if (u)
-    return j().debug(`[Deduplication] Reusing in-flight request: ${e}`), u;
+async function Fe(e, t, r = {}) {
+  const { windowMs: n = Se, throwOnDuplicate: s = !0 } = r, l = Oe(e);
+  if (l)
+    return j().debug(`[Deduplication] Reusing in-flight request: ${e}`), l;
   if (ze(e, n)) {
     if (s)
       throw new Error(`Duplicate request blocked: ${e}`);
@@ -90,7 +90,7 @@ async function We(e, t, r = {}) {
     return;
   }
   const g = t();
-  return Fe(e, g);
+  return We(e, g);
 }
 function se(e, t, r = {}) {
   const { cooldownMs: n = Re, deduplicationWindowMs: s = Se } = r;
@@ -101,18 +101,18 @@ function se(e, t, r = {}) {
     }
     qe(e, n);
     try {
-      await We(
+      await Fe(
         e,
         async () => {
-          const u = t();
-          u instanceof Promise && await u;
+          const l = t();
+          l instanceof Promise && await l;
         },
         { windowMs: s, throwOnDuplicate: !1 }
       );
-    } catch (u) {
-      if (u instanceof Error && u.message.includes("Duplicate request"))
+    } catch (l) {
+      if (l instanceof Error && l.message.includes("Duplicate request"))
         return;
-      throw u;
+      throw l;
     }
   };
 }
@@ -233,34 +233,34 @@ function Ve(e = {}) {
     solanaEndpoint: r,
     customRpcProviders: n = [],
     allowUnsafeScripts: s = !1,
-    additionalScriptSrc: u = [],
+    additionalScriptSrc: l = [],
     additionalConnectSrc: g = [],
-    additionalFrameSrc: b = [],
-    includeStripe: h = !0,
+    additionalFrameSrc: C = [],
+    includeStripe: b = !0,
     includeSolana: c = !0
   } = e;
   s && console.warn(
     "[CedrosPay] SECURITY WARNING: allowUnsafeScripts is enabled. This adds 'unsafe-inline' and 'unsafe-eval' to script-src, which significantly weakens CSP protection against XSS attacks. Only use this in development or if absolutely required by your framework."
   );
   const a = ["'self'"];
-  s && a.push("'unsafe-inline'", "'unsafe-eval'"), h && a.push("https://js.stripe.com"), a.push(...u);
+  s && a.push("'unsafe-inline'", "'unsafe-eval'"), b && a.push("https://js.stripe.com"), a.push(...l);
   const o = ["'self'"];
-  if (h && o.push("https://api.stripe.com", "https://*.stripe.com"), c) {
-    const i = Ye(t);
-    if (o.push(i), r) {
-      const l = Qe(r);
-      o.includes(l) || o.push(l);
+  if (b && o.push("https://api.stripe.com", "https://*.stripe.com"), c) {
+    const d = Ye(t);
+    if (o.push(d), r) {
+      const i = Qe(r);
+      o.includes(i) || o.push(i);
     }
-    n.forEach((l) => {
-      o.includes(l) || o.push(l);
+    n.forEach((i) => {
+      o.includes(i) || o.push(i);
     });
   }
   o.push(...g);
-  const d = ["'self'"];
-  return h && d.push("https://js.stripe.com", "https://checkout.stripe.com"), d.push(...b), {
+  const u = ["'self'"];
+  return b && u.push("https://js.stripe.com", "https://checkout.stripe.com"), u.push(...C), {
     scriptSrc: a,
     connectSrc: o,
-    frameSrc: d
+    frameSrc: u
   };
 }
 function Ge(e, t = "header") {
@@ -270,12 +270,12 @@ function Ge(e, t = "header") {
     case "meta":
     case "nextjs":
     case "nginx": {
-      const u = [];
-      return r.length > 0 && u.push(`script-src ${r.join(" ")}`), n.length > 0 && u.push(`connect-src ${n.join(" ")}`), s.length > 0 && u.push(`frame-src ${s.join(" ")}`), u.join("; ");
+      const l = [];
+      return r.length > 0 && l.push(`script-src ${r.join(" ")}`), n.length > 0 && l.push(`connect-src ${n.join(" ")}`), s.length > 0 && l.push(`frame-src ${s.join(" ")}`), l.join("; ");
     }
     case "helmet": {
-      const u = {};
-      return r.length > 0 && (u.scriptSrc = r), n.length > 0 && (u.connectSrc = n), s.length > 0 && (u.frameSrc = s), u;
+      const l = {};
+      return r.length > 0 && (l.scriptSrc = r), n.length > 0 && (l.connectSrc = n), s.length > 0 && (l.frameSrc = s), l;
     }
     case "directives":
       return { scriptSrc: r, connectSrc: n, frameSrc: s };
@@ -340,8 +340,8 @@ function Ie() {
     status: "idle",
     error: null,
     transactionId: null
-  }), n = X(!1), s = I(
-    async (b, h, c, a, o, d) => {
+  }), n = X(!1), s = R(
+    async (C, b, c, a, o, u) => {
       if (n.current)
         return { success: !1, error: "Payment already in progress" };
       n.current = !0, r({
@@ -349,23 +349,23 @@ function Ie() {
         error: null,
         transactionId: null
       });
-      const i = {
-        resource: b,
-        successUrl: h,
+      const d = {
+        resource: C,
+        successUrl: b,
         cancelUrl: c,
         metadata: a,
         customerEmail: o,
-        couponCode: d
+        couponCode: u
       };
       try {
-        const l = await e.processPayment(i);
+        const i = await e.processPayment(d);
         return r({
-          status: l.success ? "success" : "error",
-          error: l.success ? null : l.error || "Payment failed",
-          transactionId: l.success && l.transactionId || null
-        }), l;
-      } catch (l) {
-        const p = l instanceof Error ? l.message : "Payment failed";
+          status: i.success ? "success" : "error",
+          error: i.success ? null : i.error || "Payment failed",
+          transactionId: i.success && i.transactionId || null
+        }), i;
+      } catch (i) {
+        const p = i instanceof Error ? i.message : "Payment failed";
         return r({
           status: "error",
           error: p,
@@ -376,8 +376,8 @@ function Ie() {
       }
     },
     [e]
-  ), u = I(
-    async (b, h, c, a, o, d, i, l, p, m, w, y, k) => {
+  ), l = R(
+    async (C, b, c, a, o, u, d, i, p, m, h, y, I) => {
       if (n.current)
         return { success: !1, error: "Payment already in progress" };
       n.current = !0, r({
@@ -385,41 +385,41 @@ function Ie() {
         error: null,
         transactionId: null
       });
-      const P = Ce(b);
+      const v = Ce(C);
       try {
-        const E = await e.processCartCheckout({
-          items: P,
-          successUrl: h,
+        const P = await e.processCartCheckout({
+          items: v,
+          successUrl: b,
           cancelUrl: c,
           metadata: a,
           customerEmail: o,
-          customerName: i,
-          customerPhone: l,
+          customerName: d,
+          customerPhone: i,
           shippingAddress: p,
           billingAddress: m,
-          couponCode: d,
-          tipAmount: w,
+          couponCode: u,
+          tipAmount: h,
           shippingMethodId: y,
-          paymentMethodId: k
+          paymentMethodId: I
         });
         return r({
-          status: E.success ? "success" : "error",
-          error: E.success ? null : E.error || "Cart checkout failed",
-          transactionId: E.success && E.transactionId || null
-        }), E;
-      } catch (E) {
-        const M = E instanceof Error ? E.message : "Cart checkout failed";
+          status: P.success ? "success" : "error",
+          error: P.success ? null : P.error || "Cart checkout failed",
+          transactionId: P.success && P.transactionId || null
+        }), P;
+      } catch (P) {
+        const N = P instanceof Error ? P.message : "Cart checkout failed";
         return r({
           status: "error",
-          error: M,
+          error: N,
           transactionId: null
-        }), { success: !1, error: M };
+        }), { success: !1, error: N };
       } finally {
         n.current = !1;
       }
     },
     [e]
-  ), g = I(() => {
+  ), g = R(() => {
     r({
       status: "idle",
       error: null,
@@ -429,12 +429,12 @@ function Ie() {
   return {
     ...t,
     processPayment: s,
-    processCartCheckout: u,
+    processCartCheckout: l,
     reset: g
   };
 }
 function he(e, t) {
-  return F(() => {
+  return W(() => {
     const r = $e(t), n = e || (t?.length === 1 ? t[0].resource : "");
     return {
       isCartMode: r,
@@ -444,8 +444,8 @@ function he(e, t) {
 }
 const Ke = (e, t, r) => {
   const n = e[t];
-  return n ? typeof n == "function" ? n() : Promise.resolve(n) : new Promise((s, u) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(u.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + t + (t.split("/").length !== r ? ". Note that variables only represent file names one level deep." : ""))));
+  return n ? typeof n == "function" ? n() : Promise.resolve(n) : new Promise((s, l) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(l.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + t + (t.split("/").length !== r ? ". Note that variables only represent file names one level deep." : ""))));
   });
 }, ye = /* @__PURE__ */ new Map();
 let de = null;
@@ -482,13 +482,13 @@ function Ze(e) {
   return (t, r) => {
     const n = t.split(".");
     let s = e;
-    for (const u of n)
-      if (s && typeof s == "object" && u in s)
-        s = s[u];
+    for (const l of n)
+      if (s && typeof s == "object" && l in s)
+        s = s[l];
       else
         return t;
     return typeof s != "string" ? t : r ? Object.entries(r).reduce(
-      (u, [g, b]) => u.replace(new RegExp(`\\{${g}\\}`, "g"), b),
+      (l, [g, C]) => l.replace(new RegExp(`\\{${g}\\}`, "g"), C),
       s
     ) : s;
   };
@@ -502,22 +502,22 @@ function $t(e, t, r = !0) {
   return r && n.action ? `${n.message} ${n.action}` : n.message;
 }
 function ne(e) {
-  const [t, r] = Q(null), [n, s] = Q(!0), u = F(() => e || Xe(), [e]);
+  const [t, r] = Q(null), [n, s] = Q(!0), l = W(() => e || Xe(), [e]);
   return te(() => {
-    let b = !1;
+    let C = !1;
     return (async () => {
       s(!0);
       try {
-        const c = await Je(u);
-        b || (r(c), s(!1));
+        const c = await Je(l);
+        C || (r(c), s(!1));
       } catch (c) {
-        console.error("[CedrosPay] Failed to load translations:", c), b || s(!1);
+        console.error("[CedrosPay] Failed to load translations:", c), C || s(!1);
       }
     })(), () => {
-      b = !0;
+      C = !0;
     };
-  }, [u]), {
-    t: F(() => t ? Ze(t) : (b) => ({
+  }, [l]), {
+    t: W(() => t ? Ze(t) : (C) => ({
       "ui.purchase": "Purchase",
       "ui.pay_with_card": "Pay with Card",
       "ui.pay_with_crypto": "Pay with USDC",
@@ -529,8 +529,8 @@ function ne(e) {
       "ui.loading": "Loading...",
       "ui.connect_wallet": "Connect Wallet",
       "ui.connecting": "Connecting..."
-    })[b] || b, [t]),
-    locale: u,
+    })[C] || C, [t]),
+    locale: l,
     isLoading: n,
     translations: t
   };
@@ -554,60 +554,60 @@ function Me({
   successUrl: r,
   cancelUrl: n,
   metadata: s,
-  customerEmail: u,
+  customerEmail: l,
   couponCode: g,
-  label: b,
-  disabled: h = !1,
+  label: C,
+  disabled: b = !1,
   onAttempt: c,
   onSuccess: a,
   onError: o,
-  className: d = ""
+  className: u = ""
 }) {
-  const { status: i, error: l, transactionId: p, processPayment: m, processCartCheckout: w } = Ie(), y = V(), { isCartMode: k, effectiveResource: P } = he(e, t), { t: E, translations: M } = ne(), $ = b || E("ui.pay_with_card"), z = y.unstyled ? d : `${y.className} cedros-theme__stripe-button ${d}`.trim(), U = l && typeof l != "string" ? l?.code ?? null : null, C = l ? typeof l == "string" ? l : ((x) => {
-    if (!x || !M) return "";
-    const R = M.errors[x];
-    return R ? R.action ? `${R.message} ${R.action}` : R.message : "";
-  })(U) : null, _ = I(async () => {
+  const { status: d, error: i, transactionId: p, processPayment: m, processCartCheckout: h } = Ie(), y = V(), { isCartMode: I, effectiveResource: v } = he(e, t), { t: P, translations: N } = ne(), A = C || P("ui.pay_with_card"), z = y.unstyled ? u : `${y.className} cedros-theme__stripe-button ${u}`.trim(), q = i && typeof i != "string" ? i?.code ?? null : null, w = i ? typeof i == "string" ? i : ((x) => {
+    if (!x || !N) return "";
+    const _ = N.errors[x];
+    return _ ? _.action ? `${_.message} ${_.action}` : _.message : "";
+  })(q) : null, E = R(async () => {
     j().debug("[StripeButton] executePayment with couponCode:", g);
-    const x = k && t ? ge(t) : void 0;
-    if (oe("stripe", P, x), c && c("stripe"), !k && !P) {
-      const W = "Invalid payment configuration: missing resource or items";
-      j().error("[StripeButton]", W), Y("stripe", W, P, x), o && o(W);
+    const x = I && t ? ge(t) : void 0;
+    if (oe("stripe", v, x), c && c("stripe"), !I && !v) {
+      const F = "Invalid payment configuration: missing resource or items";
+      j().error("[StripeButton]", F), Y("stripe", F, v, x), o && o(F);
       return;
     }
-    let R;
-    ae("stripe", P, x), k && t ? (j().debug("[StripeButton] Processing cart checkout with coupon:", g), R = await w(
+    let _;
+    ae("stripe", v, x), I && t ? (j().debug("[StripeButton] Processing cart checkout with coupon:", g), _ = await h(
       t,
       r,
       n,
       s,
-      u,
+      l,
       g
-    )) : P && (j().debug("[StripeButton] Processing single payment with coupon:", g), R = await m(
-      P,
+    )) : v && (j().debug("[StripeButton] Processing single payment with coupon:", g), _ = await m(
+      v,
       r,
       n,
       s,
-      u,
+      l,
       g
-    )), R && R.success && R.transactionId ? (ie("stripe", R.transactionId, P, x), a && a(R.transactionId)) : R && !R.success && R.error && (Y("stripe", R.error, P, x), o && o(R.error));
-  }, [g, k, P, t, r, n, s, u, w, m, c, a, o]), A = F(() => k && t ? `stripe-cart-${t.map((x) => x.resource).join("-")}` : `stripe-${P || "unknown"}`, [k, t, P]), T = F(
-    () => se(A, _),
-    [A, _]
-  ), N = i === "loading", v = h || N;
+    )), _ && _.success && _.transactionId ? (ie("stripe", _.transactionId, v, x), a && a(_.transactionId)) : _ && !_.success && _.error && (Y("stripe", _.error, v, x), o && o(_.error));
+  }, [g, I, v, t, r, n, s, l, h, m, c, a, o]), $ = W(() => I && t ? `stripe-cart-${t.map((x) => x.resource).join("-")}` : `stripe-${v || "unknown"}`, [I, t, v]), k = W(
+    () => se($, E),
+    [$, E]
+  ), T = d === "loading", M = b || T;
   return /* @__PURE__ */ S("div", { className: z, style: y.unstyled ? {} : y.style, children: [
     /* @__PURE__ */ f(
       "button",
       {
-        onClick: T,
-        disabled: v,
-        className: y.unstyled ? d : "cedros-theme__button cedros-theme__stripe",
+        onClick: k,
+        disabled: M,
+        className: y.unstyled ? u : "cedros-theme__button cedros-theme__stripe",
         type: "button",
-        children: N ? E("ui.processing") : $
+        children: T ? P("ui.processing") : A
       }
     ),
-    C && /* @__PURE__ */ f("div", { className: y.unstyled ? "" : "cedros-theme__error", children: C }),
-    p && /* @__PURE__ */ f("div", { className: y.unstyled ? "" : "cedros-theme__success", children: E("ui.payment_successful") })
+    w && /* @__PURE__ */ f("div", { className: y.unstyled ? "" : "cedros-theme__error", children: w }),
+    p && /* @__PURE__ */ f("div", { className: y.unstyled ? "" : "cedros-theme__success", children: P("ui.payment_successful") })
   ] });
 }
 function et() {
@@ -617,7 +617,7 @@ function et() {
     transactionId: null,
     requirement: null,
     holdId: null
-  }), n = X(!1), s = I(
+  }), n = X(!1), s = R(
     async (c, a) => {
       r((o) => ({
         ...o,
@@ -626,22 +626,22 @@ function et() {
       }));
       try {
         const o = await e.requestQuote(c, a);
-        return r((d) => ({
-          ...d,
+        return r((u) => ({
+          ...u,
           status: "idle",
           requirement: o
         })), o;
       } catch (o) {
-        const d = o instanceof Error ? o.message : "Failed to fetch credits quote";
-        return r((i) => ({
-          ...i,
+        const u = o instanceof Error ? o.message : "Failed to fetch credits quote";
+        return r((d) => ({
+          ...d,
           status: "error",
-          error: d
+          error: u
         })), null;
       }
     },
     [e]
-  ), u = I(
+  ), l = R(
     async (c, a) => {
       r((o) => ({
         ...o,
@@ -649,23 +649,23 @@ function et() {
         error: null
       }));
       try {
-        const o = Ce(c), d = await e.requestCartQuote(o, a);
-        return r((i) => ({
-          ...i,
+        const o = Ce(c), u = await e.requestCartQuote(o, a);
+        return r((d) => ({
+          ...d,
           status: "idle"
-        })), d;
+        })), u;
       } catch (o) {
-        const d = o instanceof Error ? o.message : "Failed to fetch cart credits quote";
-        return r((i) => ({
-          ...i,
+        const u = o instanceof Error ? o.message : "Failed to fetch cart credits quote";
+        return r((d) => ({
+          ...d,
           status: "error",
-          error: d
+          error: u
         })), null;
       }
     },
     [e]
-  ), g = I(
-    async (c, a, o, d) => {
+  ), g = R(
+    async (c, a, o, u) => {
       if (n.current)
         return { success: !1, error: "Payment already in progress" };
       n.current = !0, r({
@@ -676,30 +676,30 @@ function et() {
         holdId: null
       });
       try {
-        const i = await e.processPayment(c, a, o, d);
+        const d = await e.processPayment(c, a, o, u);
         return r({
-          status: i.success ? "success" : "error",
-          error: i.success ? null : i.error || "Credits payment failed",
-          transactionId: i.success && i.transactionId || null,
+          status: d.success ? "success" : "error",
+          error: d.success ? null : d.error || "Credits payment failed",
+          transactionId: d.success && d.transactionId || null,
           requirement: null,
           holdId: null
-        }), i;
-      } catch (i) {
-        const l = i instanceof Error ? i.message : "Credits payment failed";
+        }), d;
+      } catch (d) {
+        const i = d instanceof Error ? d.message : "Credits payment failed";
         return r({
           status: "error",
-          error: l,
+          error: i,
           transactionId: null,
           requirement: null,
           holdId: null
-        }), { success: !1, error: l };
+        }), { success: !1, error: i };
       } finally {
         n.current = !1;
       }
     },
     [e]
-  ), b = I(
-    async (c, a, o, d) => {
+  ), C = R(
+    async (c, a, o, u) => {
       if (n.current)
         return { success: !1, error: "Payment already in progress" };
       n.current = !0, r({
@@ -709,9 +709,9 @@ function et() {
         requirement: null,
         holdId: null
       });
-      let i = null;
+      let d = null;
       try {
-        const l = Ce(c), p = await e.requestCartQuote(l, o);
+        const i = Ce(c), p = await e.requestCartQuote(i, o);
         if (!p)
           return r({
             status: "error",
@@ -720,47 +720,47 @@ function et() {
             requirement: null,
             holdId: null
           }), { success: !1, error: "Credits payment not available" };
-        i = (await e.createCartHold({
+        d = (await e.createCartHold({
           cartId: p.cartId,
           authToken: a
         })).holdId, r((y) => ({
           ...y,
-          holdId: i
+          holdId: d
         }));
-        const w = await e.authorizeCartPayment({
+        const h = await e.authorizeCartPayment({
           cartId: p.cartId,
-          holdId: i,
+          holdId: d,
           authToken: a,
-          metadata: d
+          metadata: u
         });
-        if (!w.success && i)
+        if (!h.success && d)
           try {
-            await e.releaseHold(i, a);
+            await e.releaseHold(d, a);
           } catch (y) {
             j().warn("[useCreditsPayment] Hold release failed, will expire server-side", {
-              holdId: i,
+              holdId: d,
               error: y instanceof Error ? y.message : String(y)
             });
           }
         return r({
-          status: w.success ? "success" : "error",
-          error: w.success ? null : w.error || "Cart credits payment failed",
-          transactionId: w.success && w.transactionId || null,
+          status: h.success ? "success" : "error",
+          error: h.success ? null : h.error || "Cart credits payment failed",
+          transactionId: h.success && h.transactionId || null,
           requirement: null,
           holdId: null
         }), {
-          success: w.success,
-          transactionId: w.transactionId,
-          error: w.error
+          success: h.success,
+          transactionId: h.transactionId,
+          error: h.error
         };
-      } catch (l) {
-        const p = l instanceof Error ? l.message : "Cart credits payment failed";
-        if (i)
+      } catch (i) {
+        const p = i instanceof Error ? i.message : "Cart credits payment failed";
+        if (d)
           try {
-            await e.releaseHold(i, a);
+            await e.releaseHold(d, a);
           } catch (m) {
             j().warn("[useCreditsPayment] Hold release failed, will expire server-side", {
-              holdId: i,
+              holdId: d,
               error: m instanceof Error ? m.message : String(m)
             });
           }
@@ -776,7 +776,7 @@ function et() {
       }
     },
     [e]
-  ), h = I(() => {
+  ), b = R(() => {
     r({
       status: "idle",
       error: null,
@@ -788,10 +788,10 @@ function et() {
   return {
     ...t,
     fetchQuote: s,
-    fetchCartQuote: u,
+    fetchCartQuote: l,
     processPayment: g,
-    processCartPayment: b,
-    reset: h
+    processCartPayment: C,
+    reset: b
   };
 }
 function Te({
@@ -800,106 +800,106 @@ function Te({
   authToken: r,
   metadata: n,
   couponCode: s,
-  label: u,
+  label: l,
   disabled: g = !1,
-  onAttempt: b,
-  onSuccess: h,
+  onAttempt: C,
+  onSuccess: b,
   onError: c,
   className: a = ""
 }) {
-  const { status: o, error: d, transactionId: i, processPayment: l, processCartPayment: p } = et(), m = V(), { isCartMode: w, effectiveResource: y } = he(e, t), { t: k, translations: P } = ne(), E = u || k("ui.pay_with_credits") || "Pay with Credits", M = m.unstyled ? a : `${m.className} cedros-theme__credits-button ${a}`.trim(), $ = d && typeof d != "string" ? d?.code ?? null : null, U = d ? typeof d == "string" ? d : ((N) => {
-    if (!N || !P) return "";
-    const v = P.errors[N];
-    return v ? v.action ? `${v.message} ${v.action}` : v.message : "";
-  })($) : null, D = I(async () => {
+  const { status: o, error: u, transactionId: d, processPayment: i, processCartPayment: p } = et(), m = V(), { isCartMode: h, effectiveResource: y } = he(e, t), { t: I, translations: v } = ne(), P = l || I("ui.pay_with_credits") || "Pay with Credits", N = m.unstyled ? a : `${m.className} cedros-theme__credits-button ${a}`.trim(), A = u && typeof u != "string" ? u?.code ?? null : null, q = u ? typeof u == "string" ? u : ((T) => {
+    if (!T || !v) return "";
+    const M = v.errors[T];
+    return M ? M.action ? `${M.message} ${M.action}` : M.message : "";
+  })(A) : null, D = R(async () => {
     j().debug("[CreditsButton] executePayment");
-    const N = w && t ? ge(t) : void 0;
-    if (oe("credits", y, N), b && b("credits"), !r) {
+    const T = h && t ? ge(t) : void 0;
+    if (oe("credits", y, T), C && C("credits"), !r) {
       const x = "Authentication required: please log in to pay with credits";
-      j().error("[CreditsButton]", x), Y("credits", x, y, N), c && c(x);
+      j().error("[CreditsButton]", x), Y("credits", x, y, T), c && c(x);
       return;
     }
-    if (!w && !y) {
+    if (!h && !y) {
       const x = "Invalid payment configuration: missing resource";
-      j().error("[CreditsButton]", x), Y("credits", x, y, N), c && c(x);
+      j().error("[CreditsButton]", x), Y("credits", x, y, T), c && c(x);
       return;
     }
-    let v;
-    ae("credits", y, N), w && t ? (j().debug("[CreditsButton] Processing cart checkout"), v = await p(t, r, s, n)) : y && (j().debug("[CreditsButton] Processing single payment"), v = await l(y, r, s, n)), v && v.success && v.transactionId ? (ie("credits", v.transactionId, y, N), h && h(v.transactionId)) : v && !v.success && v.error && (Y("credits", v.error, y, N), c && c(v.error));
+    let M;
+    ae("credits", y, T), h && t ? (j().debug("[CreditsButton] Processing cart checkout"), M = await p(t, r, s, n)) : y && (j().debug("[CreditsButton] Processing single payment"), M = await i(y, r, s, n)), M && M.success && M.transactionId ? (ie("credits", M.transactionId, y, T), b && b(M.transactionId)) : M && !M.success && M.error && (Y("credits", M.error, y, T), c && c(M.error));
   }, [
     r,
-    w,
+    h,
     y,
     t,
     s,
     n,
-    l,
+    i,
     p,
+    C,
     b,
-    h,
     c
-  ]), C = F(() => w && t ? `credits-cart-${t.map((N) => N.resource).join("-")}` : `credits-${y || "unknown"}`, [w, t, y]), _ = F(
-    () => se(C, D),
-    [C, D]
-  ), A = o === "loading", T = g || A;
-  return /* @__PURE__ */ S("div", { className: M, style: m.unstyled ? {} : m.style, children: [
+  ]), w = W(() => h && t ? `credits-cart-${t.map((T) => T.resource).join("-")}` : `credits-${y || "unknown"}`, [h, t, y]), E = W(
+    () => se(w, D),
+    [w, D]
+  ), $ = o === "loading", k = g || $;
+  return /* @__PURE__ */ S("div", { className: N, style: m.unstyled ? {} : m.style, children: [
     /* @__PURE__ */ f(
       "button",
       {
-        onClick: _,
-        disabled: T,
+        onClick: E,
+        disabled: k,
         className: m.unstyled ? a : "cedros-theme__button cedros-theme__credits",
         type: "button",
-        children: A ? k("ui.processing") : E
+        children: $ ? I("ui.processing") : P
       }
     ),
-    U && /* @__PURE__ */ f("div", { className: m.unstyled ? "" : "cedros-theme__error", children: U }),
-    i && /* @__PURE__ */ f("div", { className: m.unstyled ? "" : "cedros-theme__success", children: k("ui.payment_successful") })
+    q && /* @__PURE__ */ f("div", { className: m.unstyled ? "" : "cedros-theme__error", children: q }),
+    d && /* @__PURE__ */ f("div", { className: m.unstyled ? "" : "cedros-theme__success", children: I("ui.payment_successful") })
   ] });
 }
-const tt = q.lazy(
-  () => import("./CryptoButton-D1BCZBk4.mjs").then((e) => e.a).then((e) => ({ default: e.CryptoButton }))
+const tt = U.lazy(
+  () => import("./CryptoButton-BV9owVe2.mjs").then((e) => e.a).then((e) => ({ default: e.CryptoButton }))
 ), rt = ({
   isOpen: e,
   onClose: t,
   resource: r,
   items: n,
   cardLabel: s = "Card",
-  cryptoLabel: u = "USDC (Solana)",
+  cryptoLabel: l = "USDC (Solana)",
   creditsLabel: g = "Pay with Credits",
-  showCard: b = !0,
-  showCrypto: h = !0,
+  showCard: C = !0,
+  showCrypto: b = !0,
   showCredits: c = !1,
   onPaymentAttempt: a,
   onPaymentSuccess: o,
-  onPaymentError: d,
-  onStripeSuccess: i,
-  onCryptoSuccess: l,
+  onPaymentError: u,
+  onStripeSuccess: d,
+  onCryptoSuccess: i,
   onCreditsSuccess: p,
   onStripeError: m,
-  onCryptoError: w,
+  onCryptoError: h,
   onCreditsError: y,
-  customerEmail: k,
-  successUrl: P,
-  cancelUrl: E,
-  metadata: M,
-  couponCode: $,
+  customerEmail: I,
+  successUrl: v,
+  cancelUrl: P,
+  metadata: N,
+  couponCode: A,
   authToken: z,
-  testPageUrl: U,
+  testPageUrl: q,
   hideMessages: D = !1
 }) => {
-  const { tokens: C } = V();
+  const { tokens: w } = V();
   return te(() => {
-    const _ = (A) => {
-      A.key === "Escape" && e && t();
+    const E = ($) => {
+      $.key === "Escape" && e && t();
     };
-    return window.addEventListener("keydown", _), () => window.removeEventListener("keydown", _);
+    return window.addEventListener("keydown", E), () => window.removeEventListener("keydown", E);
   }, [e, t]), te(() => {
     if (e) {
-      const _ = window.scrollY;
-      return document.body.style.position = "fixed", document.body.style.top = `-${_}px`, document.body.style.width = "100%", document.body.style.overflowY = "scroll", () => {
-        const A = document.body.style.top ? Math.abs(parseInt(document.body.style.top.replace("px", ""), 10)) : 0;
-        document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", document.body.style.overflowY = "", window.scrollTo(0, A);
+      const E = window.scrollY;
+      return document.body.style.position = "fixed", document.body.style.top = `-${E}px`, document.body.style.width = "100%", document.body.style.overflowY = "scroll", () => {
+        const $ = document.body.style.top ? Math.abs(parseInt(document.body.style.top.replace("px", ""), 10)) : 0;
+        document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", document.body.style.overflowY = "", window.scrollTo(0, $);
       };
     }
   }, [e]), e ? /* @__PURE__ */ f(
@@ -912,7 +912,7 @@ const tt = q.lazy(
         left: 0,
         right: 0,
         bottom: 0,
-        backgroundColor: C.modalOverlay,
+        backgroundColor: w.modalOverlay,
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
@@ -925,15 +925,15 @@ const tt = q.lazy(
         {
           className: "cedros-modal-content",
           style: {
-            backgroundColor: C.modalBackground,
+            backgroundColor: w.modalBackground,
             borderRadius: "12px",
             padding: "2rem",
             maxWidth: "400px",
             width: "100%",
             boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
-            border: `1px solid ${C.modalBorder}`
+            border: `1px solid ${w.modalBorder}`
           },
-          onClick: (_) => _.stopPropagation(),
+          onClick: (E) => E.stopPropagation(),
           children: [
             /* @__PURE__ */ S(
               "div",
@@ -952,7 +952,7 @@ const tt = q.lazy(
                         margin: 0,
                         fontSize: "1.25rem",
                         fontWeight: 600,
-                        color: C.surfaceText
+                        color: w.surfaceText
                       },
                       children: "Choose Payment Method"
                     }
@@ -962,7 +962,7 @@ const tt = q.lazy(
                     {
                       type: "button",
                       onClick: t,
-                      style: He(C.surfaceText),
+                      style: He(w.surfaceText),
                       "aria-label": "Close modal",
                       children: "×"
                     }
@@ -971,35 +971,35 @@ const tt = q.lazy(
               }
             ),
             /* @__PURE__ */ S("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: [
-              b && /* @__PURE__ */ f(
+              C && /* @__PURE__ */ f(
                 Me,
                 {
                   resource: r,
                   items: n,
                   label: s,
                   onAttempt: a,
-                  onSuccess: i || o,
-                  onError: m || d,
-                  customerEmail: k,
-                  successUrl: P,
-                  cancelUrl: E,
-                  metadata: M,
-                  couponCode: $
+                  onSuccess: d || o,
+                  onError: m || u,
+                  customerEmail: I,
+                  successUrl: v,
+                  cancelUrl: P,
+                  metadata: N,
+                  couponCode: A
                 }
               ),
-              h && /* @__PURE__ */ f(q.Suspense, { fallback: null, children: /* @__PURE__ */ f(
+              b && /* @__PURE__ */ f(U.Suspense, { fallback: null, children: /* @__PURE__ */ f(
                 tt,
                 {
                   resource: r,
                   items: n,
-                  label: u,
+                  label: l,
                   onAttempt: a,
-                  onSuccess: l || o,
-                  onError: w || d,
-                  testPageUrl: U,
+                  onSuccess: i || o,
+                  onError: h || u,
+                  testPageUrl: q,
                   hideMessages: D,
-                  metadata: M,
-                  couponCode: $
+                  metadata: N,
+                  couponCode: A
                 }
               ) }),
               c && /* @__PURE__ */ f(
@@ -1011,9 +1011,9 @@ const tt = q.lazy(
                   authToken: z,
                   onAttempt: a ? () => a("credits") : void 0,
                   onSuccess: p || o,
-                  onError: y || d,
-                  metadata: M,
-                  couponCode: $
+                  onError: y || u,
+                  metadata: N,
+                  couponCode: A
                 }
               )
             ] })
@@ -1028,111 +1028,111 @@ const tt = q.lazy(
   label: r,
   cardLabel: n,
   cryptoLabel: s,
-  creditsLabel: u,
+  creditsLabel: l,
   showCard: g = !0,
-  showCrypto: b = !0,
-  showCredits: h = !1,
+  showCrypto: C = !0,
+  showCredits: b = !1,
   onPaymentAttempt: c,
   onPaymentSuccess: a,
   onPaymentError: o,
-  onStripeSuccess: d,
-  onCryptoSuccess: i,
-  onCreditsSuccess: l,
+  onStripeSuccess: u,
+  onCryptoSuccess: d,
+  onCreditsSuccess: i,
   onStripeError: p,
   onCryptoError: m,
-  onCreditsError: w,
+  onCreditsError: h,
   customerEmail: y,
-  successUrl: k,
-  cancelUrl: P,
-  metadata: E,
-  couponCode: M,
-  authToken: $,
+  successUrl: I,
+  cancelUrl: v,
+  metadata: P,
+  couponCode: N,
+  authToken: A,
   autoDetectWallets: z = !0,
-  testPageUrl: U,
+  testPageUrl: q,
   hideMessages: D = !1,
-  renderModal: C
+  renderModal: w
 }) => {
-  const _ = V(), [A, T] = Q(!1), { status: N, processPayment: v, processCartCheckout: x } = Ie(), { isCartMode: R, effectiveResource: W } = he(e, t), { t: B } = ne(), H = r || B("ui.purchase"), De = n || B("ui.card"), je = s || B("ui.usdc_solana"), Be = u || B("ui.pay_with_credits") || "Pay with Credits", ve = I(async () => {
+  const E = V(), [$, k] = Q(!1), { status: T, processPayment: M, processCartCheckout: x } = Ie(), { isCartMode: _, effectiveResource: F } = he(e, t), { t: B } = ne(), H = r || B("ui.purchase"), De = n || B("ui.card"), je = s || B("ui.usdc_solana"), Be = l || B("ui.pay_with_credits") || "Pay with Credits", ve = R(async () => {
     if (z && g) {
       const { detectSolanaWallets: L } = await import("./walletDetection-JZR3UCOa.mjs");
       if (!L()) {
-        const le = R ? void 0 : W, ue = R && t ? ge(t) : void 0;
+        const le = _ ? void 0 : F, ue = _ && t ? ge(t) : void 0;
         oe("stripe", le, ue), c && c("stripe"), ae("stripe", le, ue);
         let O;
-        R && t ? O = await x(
+        _ && t ? O = await x(
           t,
-          k,
+          I,
+          v,
           P,
-          E,
           y,
-          M
-        ) : W && (O = await v(
-          W,
-          k,
+          N
+        ) : F && (O = await M(
+          F,
+          I,
+          v,
           P,
-          E,
           y,
-          M
-        )), O && O.success && O.transactionId ? (ie("stripe", O.transactionId, le, ue), d ? d(O.transactionId) : a && a(O.transactionId)) : O && !O.success && O.error && (Y("stripe", O.error, le, ue), p ? p(O.error) : o && o(O.error));
+          N
+        )), O && O.success && O.transactionId ? (ie("stripe", O.transactionId, le, ue), u ? u(O.transactionId) : a && a(O.transactionId)) : O && !O.success && O.error && (Y("stripe", O.error, le, ue), p ? p(O.error) : o && o(O.error));
         return;
       }
     }
-    T(!0);
-  }, [z, g, R, t, W, x, v, k, P, E, y, M, a, o, d, p, c]), Pe = F(() => R && t ? `purchase-cart-${t.map((L) => L.resource).join("-")}` : `purchase-${W || "unknown"}`, [R, t, W]), Le = F(
+    k(!0);
+  }, [z, g, _, t, F, x, M, I, v, P, y, N, a, o, u, p, c]), Pe = W(() => _ && t ? `purchase-cart-${t.map((L) => L.resource).join("-")}` : `purchase-${F || "unknown"}`, [_, t, F]), Le = W(
     () => se(Pe, ve),
     [Pe, ve]
-  ), ce = N === "loading", xe = {
-    isOpen: A,
-    onClose: () => T(!1),
-    resource: R ? void 0 : W,
-    items: R ? t : void 0,
+  ), ce = T === "loading", xe = {
+    isOpen: $,
+    onClose: () => k(!1),
+    resource: _ ? void 0 : F,
+    items: _ ? t : void 0,
     cardLabel: De,
     cryptoLabel: je,
     creditsLabel: Be,
     showCard: g,
-    showCrypto: b,
-    showCredits: h,
+    showCrypto: C,
+    showCredits: b,
     onPaymentAttempt: c,
     onPaymentSuccess: (L) => {
-      T(!1), a?.(L);
+      k(!1), a?.(L);
     },
     onPaymentError: (L) => {
-      T(!1), o?.(L);
+      k(!1), o?.(L);
     },
     onStripeSuccess: (L) => {
-      T(!1), d?.(L);
+      k(!1), u?.(L);
     },
     onCryptoSuccess: (L) => {
-      T(!1), i?.(L);
+      k(!1), d?.(L);
     },
     onCreditsSuccess: (L) => {
-      T(!1), l?.(L);
+      k(!1), i?.(L);
     },
     onStripeError: (L) => {
-      T(!1), p?.(L);
+      k(!1), p?.(L);
     },
     onCryptoError: (L) => {
-      T(!1), m?.(L);
+      k(!1), m?.(L);
     },
     onCreditsError: (L) => {
-      T(!1), w?.(L);
+      k(!1), h?.(L);
     },
     customerEmail: y,
-    successUrl: k,
-    cancelUrl: P,
-    metadata: E,
-    couponCode: M,
-    authToken: $,
-    testPageUrl: U,
+    successUrl: I,
+    cancelUrl: v,
+    metadata: P,
+    couponCode: N,
+    authToken: A,
+    testPageUrl: q,
     hideMessages: D
   };
-  return /* @__PURE__ */ S("div", { className: _.unstyled ? "" : _.className, style: _.unstyled ? {} : _.style, children: [
+  return /* @__PURE__ */ S("div", { className: E.unstyled ? "" : E.className, style: E.unstyled ? {} : E.style, children: [
     /* @__PURE__ */ f(
       "button",
       {
         onClick: Le,
         disabled: ce,
-        className: _.unstyled ? "" : "cedros-theme__button cedros-theme__stripe",
+        className: E.unstyled ? "" : "cedros-theme__button cedros-theme__stripe",
         style: {
           width: "100%",
           cursor: ce ? "not-allowed" : "pointer",
@@ -1142,7 +1142,7 @@ const tt = q.lazy(
         children: ce ? B("ui.processing") : H
       }
     ),
-    C ? C(xe) : /* @__PURE__ */ f(rt, { ...xe })
+    w ? w(xe) : /* @__PURE__ */ f(rt, { ...xe })
   ] });
 }, st = {
   "mainnet-beta": "https://api.mainnet-beta.solana.com",
@@ -1150,8 +1150,8 @@ const tt = q.lazy(
   testnet: "https://api.testnet.solana.com"
 };
 function ot() {
-  const [e, t] = q.useState(null);
-  return q.useEffect(() => {
+  const [e, t] = U.useState(null);
+  return U.useEffect(() => {
     let r = !1;
     return import("@solana/wallet-adapter-react").then((n) => {
       r || t(n);
@@ -1167,51 +1167,51 @@ function at({
 }) {
   const n = ot();
   if (!n) return /* @__PURE__ */ f(me, { children: r });
-  const { ConnectionProvider: s, WalletProvider: u } = n;
-  return /* @__PURE__ */ f(s, { endpoint: e, children: /* @__PURE__ */ f(u, { wallets: t, autoConnect: !1, children: r }) });
+  const { ConnectionProvider: s, WalletProvider: l } = n;
+  return /* @__PURE__ */ f(s, { endpoint: e, children: /* @__PURE__ */ f(l, { wallets: t, autoConnect: !1, children: r }) });
 }
-const it = q.lazy(
-  () => import("./CryptoButton-D1BCZBk4.mjs").then((e) => e.a).then((e) => ({ default: e.CryptoButton }))
+const it = U.lazy(
+  () => import("./CryptoButton-BV9owVe2.mjs").then((e) => e.a).then((e) => ({ default: e.CryptoButton }))
 );
 function qt(e) {
-  const { resource: t, items: r, checkout: n = {}, display: s = {}, callbacks: u = {}, advanced: g = {} } = e, { config: b, walletPool: h } = re(), c = V(), { isCartMode: a } = he(t, r), o = s.showCrypto ?? !0, d = q.useMemo(() => ({
+  const { resource: t, items: r, checkout: n = {}, display: s = {}, callbacks: l = {}, advanced: g = {} } = e, { config: C, walletPool: b } = re(), c = V(), { isCartMode: a } = he(t, r), o = s.showCrypto ?? !0, u = U.useMemo(() => ({
     marginTop: "0.5rem",
     fontSize: "0.875rem",
     color: c.tokens.surfaceText,
     opacity: 0.7,
     textAlign: "center"
-  }), [c.tokens.surfaceText]), i = q.useMemo(
-    () => o ? g.wallets && g.wallets.length > 0 ? g.wallets : h.getAdapters() : [],
-    [g.wallets, h, o]
-  ), l = q.useMemo(
+  }), [c.tokens.surfaceText]), d = U.useMemo(
+    () => o ? g.wallets && g.wallets.length > 0 ? g.wallets : b.getAdapters() : [],
+    [g.wallets, b, o]
+  ), i = U.useMemo(
     () => r ? ge(r) : 0,
     [r]
-  ), { onPaymentSuccess: p, onPaymentError: m, onPaymentAttempt: w } = u, y = q.useCallback(
+  ), { onPaymentSuccess: p, onPaymentError: m, onPaymentAttempt: h } = l, y = U.useCallback(
     (x) => p?.({ transactionId: x, method: "stripe" }),
     [p]
-  ), k = q.useCallback(
+  ), I = U.useCallback(
     (x) => p?.({ transactionId: x, method: "crypto" }),
     [p]
-  ), P = q.useCallback(
+  ), v = U.useCallback(
     (x) => m?.({ message: x, method: "stripe" }),
     [m]
-  ), E = q.useCallback(
+  ), P = U.useCallback(
     (x) => m?.({ message: x, method: "crypto" }),
     [m]
-  ), M = q.useCallback(
+  ), N = U.useCallback(
     (x) => p?.({ transactionId: x, method: "credits" }),
     [p]
-  ), $ = q.useCallback(
+  ), A = U.useCallback(
     (x) => m?.({ message: x, method: "credits" }),
     [m]
-  ), z = q.useCallback(
-    () => w?.("credits"),
-    [w]
-  ), U = o ? b.solanaEndpoint ?? st[b.solanaCluster] : "";
+  ), z = U.useCallback(
+    () => h?.("credits"),
+    [h]
+  ), q = o ? C.solanaEndpoint ?? st[C.solanaCluster] : "";
   if (!t && (!r || r.length === 0))
     return j().error('CedrosPay: Must provide either "resource" or "items" prop'), /* @__PURE__ */ f("div", { className: s.className, style: { color: c.tokens.errorText }, children: "Configuration error: No resource or items provided" });
-  const D = s.showCard ?? !0, C = s.showCredits ?? !1, _ = s.showPurchaseButton ?? !1, A = s.layout ?? "vertical", T = s.hideMessages ?? !1, N = g.autoDetectWallets ?? !0, v = /* @__PURE__ */ f("div", { className: c.unstyled ? s.className : `cedros-theme__pay ${s.className || ""}`, children: /* @__PURE__ */ S("div", { className: c.unstyled ? "" : `cedros-theme__pay-content cedros-theme__pay-content--${A}`, children: [
-    _ ? /* @__PURE__ */ f(
+  const D = s.showCard ?? !0, w = s.showCredits ?? !1, E = s.showPurchaseButton ?? !1, $ = s.layout ?? "vertical", k = s.hideMessages ?? !1, T = g.autoDetectWallets ?? !0, M = /* @__PURE__ */ f("div", { className: c.unstyled ? s.className : `cedros-theme__pay ${s.className || ""}`, children: /* @__PURE__ */ S("div", { className: c.unstyled ? "" : `cedros-theme__pay-content cedros-theme__pay-content--${$}`, children: [
+    E ? /* @__PURE__ */ f(
       nt,
       {
         resource: a ? void 0 : t || r?.[0]?.resource,
@@ -1221,21 +1221,21 @@ function qt(e) {
         cryptoLabel: s.cryptoLabel,
         showCard: D,
         showCrypto: o,
-        onPaymentAttempt: u.onPaymentAttempt,
+        onPaymentAttempt: l.onPaymentAttempt,
         onPaymentSuccess: y,
-        onPaymentError: P,
+        onPaymentError: v,
         onStripeSuccess: y,
-        onCryptoSuccess: k,
-        onStripeError: P,
-        onCryptoError: E,
+        onCryptoSuccess: I,
+        onStripeError: v,
+        onCryptoError: P,
         customerEmail: n.customerEmail,
         successUrl: n.successUrl,
         cancelUrl: n.cancelUrl,
         metadata: n.metadata,
         couponCode: n.couponCode,
-        autoDetectWallets: N,
+        autoDetectWallets: T,
         testPageUrl: g.testPageUrl,
-        hideMessages: T,
+        hideMessages: k,
         renderModal: s.renderModal
       }
     ) : /* @__PURE__ */ S(me, { children: [
@@ -1250,12 +1250,12 @@ function qt(e) {
           metadata: n.metadata,
           couponCode: n.couponCode,
           label: s.cardLabel,
-          onAttempt: u.onPaymentAttempt,
+          onAttempt: l.onPaymentAttempt,
           onSuccess: y,
-          onError: P
+          onError: v
         }
       ),
-      o && /* @__PURE__ */ f(q.Suspense, { fallback: null, children: /* @__PURE__ */ f(
+      o && /* @__PURE__ */ f(U.Suspense, { fallback: null, children: /* @__PURE__ */ f(
         it,
         {
           resource: a ? void 0 : t || r?.[0]?.resource,
@@ -1263,14 +1263,14 @@ function qt(e) {
           metadata: n.metadata,
           couponCode: n.couponCode,
           label: s.cryptoLabel,
-          onAttempt: u.onPaymentAttempt,
-          onSuccess: k,
-          onError: E,
+          onAttempt: l.onPaymentAttempt,
+          onSuccess: I,
+          onError: P,
           testPageUrl: g.testPageUrl,
-          hideMessages: T
+          hideMessages: k
         }
       ) }),
-      C && /* @__PURE__ */ f(
+      w && /* @__PURE__ */ f(
         Te,
         {
           resource: a ? void 0 : t || r?.[0]?.resource,
@@ -1280,18 +1280,18 @@ function qt(e) {
           couponCode: n.couponCode,
           label: s.creditsLabel,
           onAttempt: z,
-          onSuccess: M,
-          onError: $
+          onSuccess: N,
+          onError: A
         }
       )
     ] }),
-    a && r && r.length > 1 && !T && /* @__PURE__ */ S("div", { style: d, children: [
+    a && r && r.length > 1 && !k && /* @__PURE__ */ S("div", { style: u, children: [
       "Checking out ",
-      l,
+      i,
       " items"
     ] })
   ] }) });
-  return /* @__PURE__ */ f("div", { className: c.unstyled ? s.className : c.className, style: c.unstyled ? {} : c.style, children: /* @__PURE__ */ f(at, { endpoint: U || "https://api.devnet.solana.com", wallets: i, children: v }) });
+  return /* @__PURE__ */ f("div", { className: c.unstyled ? s.className : c.className, style: c.unstyled ? {} : c.style, children: /* @__PURE__ */ f(at, { endpoint: q || "https://api.devnet.solana.com", wallets: d, children: M }) });
 }
 function zt({
   product: e,
@@ -1300,7 +1300,7 @@ function zt({
   className: n = "",
   style: s = {}
 }) {
-  const u = t === "stripe", g = u ? e.fiatAmount : e.cryptoAmount, b = u ? e.effectiveFiatAmount : e.effectiveCryptoAmount, h = u ? e.fiatCurrency.toUpperCase() : e.cryptoToken, c = u ? e.hasStripeCoupon : e.hasCryptoCoupon, a = u ? e.stripeDiscountPercent : e.cryptoDiscountPercent;
+  const l = t === "stripe", g = l ? e.fiatAmount : e.cryptoAmount, C = l ? e.effectiveFiatAmount : e.effectiveCryptoAmount, b = l ? e.fiatCurrency.toUpperCase() : e.cryptoToken, c = l ? e.hasStripeCoupon : e.hasCryptoCoupon, a = l ? e.stripeDiscountPercent : e.cryptoDiscountPercent;
   return /* @__PURE__ */ S("div", { className: n, style: s, children: [
     r && c && /* @__PURE__ */ S(
       "span",
@@ -1314,14 +1314,14 @@ function zt({
         children: [
           g.toFixed(2),
           " ",
-          h
+          b
         ]
       }
     ),
     /* @__PURE__ */ S("span", { style: { fontWeight: 600 }, children: [
-      b.toFixed(2),
+      C.toFixed(2),
       " ",
-      h
+      b
     ] }),
     c && a > 0 && /* @__PURE__ */ S(
       "span",
@@ -1349,10 +1349,10 @@ function Ut({
   className: r = "",
   style: n = {}
 }) {
-  const s = t === "stripe", u = s ? e.hasStripeCoupon : e.hasCryptoCoupon, g = s ? e.stripeDiscountPercent : e.cryptoDiscountPercent, b = s ? e.stripeCouponCode : e.cryptoCouponCode;
-  if (!u || g === 0)
+  const s = t === "stripe", l = s ? e.hasStripeCoupon : e.hasCryptoCoupon, g = s ? e.stripeDiscountPercent : e.cryptoDiscountPercent, C = s ? e.stripeCouponCode : e.cryptoCouponCode;
+  if (!l || g === 0)
     return null;
-  const h = s ? `${g}% off with card!` : `${g}% off with crypto!`;
+  const b = s ? `${g}% off with card!` : `${g}% off with crypto!`;
   return /* @__PURE__ */ S(
     "div",
     {
@@ -1369,8 +1369,8 @@ function Ut({
         ...n
       },
       children: [
-        h,
-        b && /* @__PURE__ */ S(
+        b,
+        C && /* @__PURE__ */ S(
           "span",
           {
             style: {
@@ -1381,7 +1381,7 @@ function Ut({
             },
             children: [
               "(",
-              b,
+              C,
               ")"
             ]
           }
@@ -1397,8 +1397,8 @@ function ct() {
     sessionId: null,
     subscriptionStatus: null,
     expiresAt: null
-  }), n = X(!1), s = I(
-    async (h) => {
+  }), n = X(!1), s = R(
+    async (b) => {
       if (n.current)
         return { success: !1, error: "Payment already in progress" };
       n.current = !0, r((c) => ({
@@ -1407,7 +1407,7 @@ function ct() {
         error: null
       }));
       try {
-        const c = await e.processSubscription(h);
+        const c = await e.processSubscription(b);
         return r((a) => ({
           ...a,
           status: c.success ? "success" : "error",
@@ -1426,15 +1426,15 @@ function ct() {
       }
     },
     [e]
-  ), u = I(
-    async (h) => {
+  ), l = R(
+    async (b) => {
       r((c) => ({
         ...c,
         status: "checking",
         error: null
       }));
       try {
-        const c = await e.checkSubscriptionStatus(h);
+        const c = await e.checkSubscriptionStatus(b);
         return r((a) => ({
           ...a,
           status: c.active ? "success" : "idle",
@@ -1451,8 +1451,8 @@ function ct() {
       }
     },
     [e]
-  ), g = I(
-    async (h, c, a) => {
+  ), g = R(
+    async (b, c, a) => {
       r((o) => ({
         ...o,
         status: "loading",
@@ -1460,25 +1460,25 @@ function ct() {
       }));
       try {
         const o = await e.requestSubscriptionQuote(
-          h,
+          b,
           c,
           a
         );
-        return r((d) => ({
-          ...d,
+        return r((u) => ({
+          ...u,
           status: "idle"
         })), o;
       } catch (o) {
-        const d = o instanceof Error ? o.message : "Failed to get subscription quote";
-        throw r((i) => ({
-          ...i,
+        const u = o instanceof Error ? o.message : "Failed to get subscription quote";
+        throw r((d) => ({
+          ...d,
           status: "error",
-          error: d
+          error: u
         })), o;
       }
     },
     [e]
-  ), b = I(() => {
+  ), C = R(() => {
     r({
       status: "idle",
       error: null,
@@ -1490,9 +1490,9 @@ function ct() {
   return {
     ...t,
     processSubscription: s,
-    checkStatus: u,
+    checkStatus: l,
     requestQuote: g,
-    reset: b
+    reset: C
   };
 }
 function Ot({
@@ -1501,72 +1501,65 @@ function Ot({
   intervalDays: r,
   trialDays: n,
   successUrl: s,
-  cancelUrl: u,
-  metadata: g,
-  customerEmail: b,
-  couponCode: h,
-  label: c,
-  disabled: a = !1,
-  onAttempt: o,
-  onSuccess: d,
-  onError: i,
-  className: l = ""
+  cancelUrl: l,
+  customerEmail: g,
+  label: C,
+  disabled: b = !1,
+  onAttempt: c,
+  onSuccess: a,
+  onError: o,
+  className: u = ""
 }) {
-  const { status: p, error: m, sessionId: w, processSubscription: y } = ct(), k = V(), { t: P, translations: E } = ne(), M = c || P("ui.subscribe"), $ = k.unstyled ? l : `${k.className} cedros-theme__stripe-button ${l}`.trim(), z = m && typeof m != "string" ? m?.code ?? null : null, D = m ? typeof m == "string" ? m : ((v) => {
-    if (!v || !E) return "";
-    const x = E.errors[v];
-    return x ? x.action ? `${x.message} ${x.action}` : x.message : "";
-  })(z) : null, C = I(async () => {
+  const { status: d, error: i, sessionId: p, processSubscription: m } = ct(), h = V(), { t: y, translations: I } = ne(), v = C || y("ui.subscribe"), P = h.unstyled ? u : `${h.className} cedros-theme__stripe-button ${u}`.trim(), N = i && typeof i != "string" ? i?.code ?? null : null, z = i ? typeof i == "string" ? i : ((k) => {
+    if (!k || !I) return "";
+    const T = I.errors[k];
+    return T ? T.action ? `${T.message} ${T.action}` : T.message : "";
+  })(N) : null, q = R(async () => {
     j().debug("[SubscribeButton] executeSubscription:", {
       resource: e,
       interval: t,
       intervalDays: r,
-      trialDays: n,
-      couponCode: h
-    }), oe("stripe", e), o && o("stripe"), ae("stripe", e);
-    const v = await y({
+      trialDays: n
+    }), oe("stripe", e), c && c("stripe"), ae("stripe", e);
+    const k = await m({
       resource: e,
       interval: t,
       intervalDays: r,
       trialDays: n,
-      customerEmail: b,
-      metadata: g,
-      couponCode: h,
+      customerEmail: g,
       successUrl: s,
-      cancelUrl: u
+      cancelUrl: l
     });
-    v.success && v.transactionId ? (ie("stripe", v.transactionId, e), d && d(v.transactionId)) : !v.success && v.error && (Y("stripe", v.error, e), i && i(v.error));
+    k.success && k.transactionId ? (ie("stripe", k.transactionId, e), a && a(k.transactionId)) : !k.success && k.error && (Y("stripe", k.error, e), o && o(k.error));
   }, [
     e,
     t,
     r,
     n,
-    b,
     g,
-    h,
     s,
-    u,
-    y,
-    o,
-    d,
-    i
-  ]), _ = F(() => `subscribe-${e}-${t}`, [e, t]), A = F(
-    () => se(_, C),
-    [_, C]
-  ), T = p === "loading", N = a || T;
-  return /* @__PURE__ */ S("div", { className: $, style: k.unstyled ? {} : k.style, children: [
+    l,
+    m,
+    c,
+    a,
+    o
+  ]), D = W(() => `subscribe-${e}-${t}`, [e, t]), w = W(
+    () => se(D, q),
+    [D, q]
+  ), E = d === "loading", $ = b || E;
+  return /* @__PURE__ */ S("div", { className: P, style: h.unstyled ? {} : h.style, children: [
     /* @__PURE__ */ f(
       "button",
       {
-        onClick: A,
-        disabled: N,
-        className: k.unstyled ? l : "cedros-theme__button cedros-theme__stripe",
+        onClick: w,
+        disabled: $,
+        className: h.unstyled ? u : "cedros-theme__button cedros-theme__stripe",
         type: "button",
-        children: T ? P("ui.processing") : M
+        children: E ? y("ui.processing") : v
       }
     ),
-    D && /* @__PURE__ */ f("div", { className: k.unstyled ? "" : "cedros-theme__error", children: D }),
-    w && /* @__PURE__ */ f("div", { className: k.unstyled ? "" : "cedros-theme__success", children: P("ui.redirecting_to_checkout") })
+    z && /* @__PURE__ */ f("div", { className: h.unstyled ? "" : "cedros-theme__error", children: z }),
+    p && /* @__PURE__ */ f("div", { className: h.unstyled ? "" : "cedros-theme__success", children: y("ui.redirecting_to_checkout") })
   ] });
 }
 function lt() {
@@ -1577,7 +1570,7 @@ function lt() {
     subscriptionStatus: null,
     expiresAt: null,
     creditsRequirement: null
-  }), s = X(!1), u = I(
+  }), s = X(!1), l = R(
     async (c, a) => {
       n((o) => ({
         ...o,
@@ -1589,98 +1582,98 @@ function lt() {
           resource: c,
           userId: a
         });
-        return n((d) => ({
-          ...d,
+        return n((u) => ({
+          ...u,
           status: o.active ? "success" : "idle",
           subscriptionStatus: o.status,
           expiresAt: o.expiresAt || o.currentPeriodEnd || null
         })), o;
       } catch (o) {
-        const d = pe(o, "Failed to check subscription status");
-        return n((i) => ({
-          ...i,
+        const u = pe(o, "Failed to check subscription status");
+        return n((d) => ({
+          ...d,
           status: "error",
-          error: d
+          error: u
         })), null;
       }
     },
     [e]
-  ), g = I(
+  ), g = R(
     async (c, a, o) => {
-      n((d) => ({
-        ...d,
+      n((u) => ({
+        ...u,
         status: "loading",
         error: null
       }));
       try {
-        const d = await t.requestQuote(
+        const u = await t.requestQuote(
           c,
           o?.couponCode
         );
+        return n((d) => ({
+          ...d,
+          status: "idle",
+          creditsRequirement: u
+        })), u;
+      } catch (u) {
+        const d = pe(u, "Failed to get subscription quote");
         return n((i) => ({
           ...i,
-          status: "idle",
-          creditsRequirement: d
-        })), d;
-      } catch (d) {
-        const i = pe(d, "Failed to get subscription quote");
-        return n((l) => ({
-          ...l,
           status: "error",
-          error: i
+          error: d
         })), null;
       }
     },
     [t]
-  ), b = I(
-    async (c, a, o, d) => {
+  ), C = R(
+    async (c, a, o, u) => {
       if (s.current)
         return { success: !1, error: "Payment already in progress" };
       if (!o) {
-        const i = "Authentication required for credits payment";
-        return n((l) => ({ ...l, status: "error", error: i })), { success: !1, error: i };
+        const d = "Authentication required for credits payment";
+        return n((i) => ({ ...i, status: "error", error: d })), { success: !1, error: d };
       }
-      s.current = !0, n((i) => ({
-        ...i,
+      s.current = !0, n((d) => ({
+        ...d,
         status: "loading",
         error: null
       }));
       try {
-        const i = await t.processPayment(
+        const d = await t.processPayment(
           c,
           o,
-          d?.couponCode,
+          u?.couponCode,
           {
             interval: a,
-            ...d?.intervalDays && { intervalDays: String(d.intervalDays) }
+            ...u?.intervalDays && { intervalDays: String(u.intervalDays) }
           }
         );
-        return i.success ? n({
+        return d.success ? n({
           status: "success",
           error: null,
-          sessionId: i.transactionId || null,
+          sessionId: d.transactionId || null,
           subscriptionStatus: "active",
           expiresAt: null,
           // Will be updated on next status check
           creditsRequirement: null
-        }) : n((l) => ({
-          ...l,
+        }) : n((i) => ({
+          ...i,
           status: "error",
-          error: i.error || "Credits subscription payment failed"
-        })), i;
-      } catch (i) {
-        const l = pe(i, "Credits subscription payment failed");
+          error: d.error || "Credits subscription payment failed"
+        })), d;
+      } catch (d) {
+        const i = pe(d, "Credits subscription payment failed");
         return n((p) => ({
           ...p,
           status: "error",
-          error: l
-        })), { success: !1, error: l };
+          error: i
+        })), { success: !1, error: i };
       } finally {
         s.current = !1;
       }
     },
     [t]
-  ), h = I(() => {
+  ), b = R(() => {
     n({
       status: "idle",
       error: null,
@@ -1692,59 +1685,59 @@ function lt() {
   }, []);
   return {
     ...r,
-    checkStatus: u,
+    checkStatus: l,
     requestQuote: g,
-    processPayment: b,
-    reset: h
+    processPayment: C,
+    reset: b
   };
 }
-function Ft({
+function Wt({
   resource: e,
   interval: t,
   intervalDays: r,
   authToken: n,
   userId: s,
-  couponCode: u,
+  couponCode: l,
   label: g,
-  disabled: b = !1,
-  onAttempt: h,
+  disabled: C = !1,
+  onAttempt: b,
   onSuccess: c,
   onError: a,
   className: o = "",
-  hideMessages: d = !1,
-  autoCheckStatus: i = !1
+  hideMessages: u = !1,
+  autoCheckStatus: d = !1
 }) {
   const {
-    status: l,
+    status: i,
     error: p,
     subscriptionStatus: m,
-    expiresAt: w,
+    expiresAt: h,
     checkStatus: y,
-    processPayment: k
-  } = lt(), P = V(), { t: E, translations: M } = ne(), $ = X(y);
+    processPayment: I
+  } = lt(), v = V(), { t: P, translations: N } = ne(), A = X(y);
   te(() => {
-    $.current = y;
+    A.current = y;
   }, [y]), te(() => {
-    i && s && (j().debug("[CreditsSubscribeButton] Auto-checking subscription status", { resource: e, userId: s }), $.current(e, s));
-  }, [i, s, e]);
-  const z = g || E("ui.subscribe_with_credits") || "Subscribe with Credits", U = p && typeof p != "string" ? p?.code ?? null : null, C = p ? typeof p == "string" ? p : ((B) => {
-    if (!B || !M) return "";
-    const H = M.errors[B];
+    d && s && (j().debug("[CreditsSubscribeButton] Auto-checking subscription status", { resource: e, userId: s }), A.current(e, s));
+  }, [d, s, e]);
+  const z = g || P("ui.subscribe_with_credits") || "Subscribe with Credits", q = p && typeof p != "string" ? p?.code ?? null : null, w = p ? typeof p == "string" ? p : ((B) => {
+    if (!B || !N) return "";
+    const H = N.errors[B];
     return H ? H.action ? `${H.message} ${H.action}` : H.message : "";
-  })(U) : null, _ = I(async () => {
+  })(q) : null, E = R(async () => {
     if (j().debug("[CreditsSubscribeButton] executeSubscriptionFlow", {
       resource: e,
       interval: t,
       intervalDays: r,
       hasAuthToken: !!n
-    }), oe("credits", e), h && h("credits"), !n) {
+    }), oe("credits", e), b && b("credits"), !n) {
       const H = "Authentication required: please log in to subscribe with credits";
       j().error("[CreditsSubscribeButton]", H), Y("credits", H, e), a && a(H);
       return;
     }
     ae("credits", e);
-    const B = await k(e, t, n, {
-      couponCode: u,
+    const B = await I(e, t, n, {
+      couponCode: l,
       intervalDays: r
     });
     B.success && B.transactionId ? (ie("credits", B.transactionId, e), c && c(B.transactionId)) : !B.success && B.error && (Y("credits", B.error, e), a && a(B.error));
@@ -1753,39 +1746,39 @@ function Ft({
     t,
     r,
     n,
-    u,
-    k,
-    h,
+    l,
+    I,
+    b,
     c,
     a
-  ]), A = F(() => `credits-subscribe-${e}-${t}`, [e, t]), T = F(
-    () => se(A, _, {
+  ]), $ = W(() => `credits-subscribe-${e}-${t}`, [e, t]), k = W(
+    () => se($, E, {
       cooldownMs: 200,
       deduplicationWindowMs: 0
     }),
-    [A, _]
-  ), N = l === "loading" || l === "checking", v = m === "active" || m === "trialing", x = b || N || v;
-  let R = z;
-  if (N)
-    R = E("ui.processing");
-  else if (v && w) {
-    const B = new Date(w).toLocaleDateString();
-    R = `${E("ui.subscribed_until")} ${B}`;
-  } else v && (R = E("ui.subscribed"));
-  const W = P.unstyled ? o : `${P.className} cedros-theme__credits-button ${o}`.trim();
-  return /* @__PURE__ */ S("div", { className: W, style: P.unstyled ? {} : P.style, children: [
+    [$, E]
+  ), T = i === "loading" || i === "checking", M = m === "active" || m === "trialing", x = C || T || M;
+  let _ = z;
+  if (T)
+    _ = P("ui.processing");
+  else if (M && h) {
+    const B = new Date(h).toLocaleDateString();
+    _ = `${P("ui.subscribed_until")} ${B}`;
+  } else M && (_ = P("ui.subscribed"));
+  const F = v.unstyled ? o : `${v.className} cedros-theme__credits-button ${o}`.trim();
+  return /* @__PURE__ */ S("div", { className: F, style: v.unstyled ? {} : v.style, children: [
     /* @__PURE__ */ f(
       "button",
       {
-        onClick: T,
+        onClick: k,
         disabled: x,
-        className: P.unstyled ? o : "cedros-theme__button cedros-theme__credits",
+        className: v.unstyled ? o : "cedros-theme__button cedros-theme__credits",
         type: "button",
-        children: R
+        children: _
       }
     ),
-    !d && C && /* @__PURE__ */ f("div", { className: P.unstyled ? "" : "cedros-theme__error", children: C }),
-    !d && v && /* @__PURE__ */ f("div", { className: P.unstyled ? "" : "cedros-theme__success", children: E("ui.subscription_active") })
+    !u && w && /* @__PURE__ */ f("div", { className: v.unstyled ? "" : "cedros-theme__error", children: w }),
+    !u && M && /* @__PURE__ */ f("div", { className: v.unstyled ? "" : "cedros-theme__success", children: P("ui.subscription_active") })
   ] });
 }
 function ut() {
@@ -1797,67 +1790,65 @@ function ut() {
     userId: null
   }), n = X(t);
   n.current = t;
-  const s = I(
-    async (o, d) => {
-      r((i) => ({ ...i, status: "loading", error: null }));
+  const s = R(
+    async (o, u) => {
+      r((d) => ({ ...d, status: "loading", error: null }));
       try {
-        const i = await e.getDetails(o, d);
-        return r((l) => ({
-          ...l,
+        const d = await e.getDetails(o, u);
+        return r((i) => ({
+          ...i,
           status: "success",
-          subscription: i,
-          userId: d
-        })), i;
-      } catch (i) {
-        const l = i instanceof Error ? i.message : "Failed to load subscription";
-        return r((p) => ({ ...p, status: "error", error: l })), null;
+          subscription: d,
+          userId: u
+        })), d;
+      } catch (d) {
+        const i = d instanceof Error ? d.message : "Failed to load subscription";
+        return r((p) => ({ ...p, status: "error", error: i })), null;
       }
     },
     [e]
-  ), u = I(
-    async (o, d, i, l) => {
+  ), l = R(
+    async (o, u, d, i) => {
       r((p) => ({ ...p, status: "loading", error: null }));
       try {
         const p = {
           currentResource: o,
-          newResource: d,
-          userId: i,
-          newInterval: l
+          newResource: u,
+          userId: d,
+          newInterval: i
         }, m = await e.previewChange(p);
-        return r((w) => ({
-          ...w,
+        return r((h) => ({
+          ...h,
           status: "idle",
           changePreview: m
         })), m;
       } catch (p) {
         const m = p instanceof Error ? p.message : "Failed to preview change";
-        return r((w) => ({ ...w, status: "error", error: m })), null;
+        return r((h) => ({ ...h, status: "error", error: m })), null;
       }
     },
     [e]
-  ), g = I(
+  ), g = R(
     async (o) => {
-      const { subscription: d, userId: i } = n.current;
-      if (!d || !i)
-        return r((l) => ({ ...l, status: "error", error: "No subscription loaded" })), null;
-      r((l) => ({ ...l, status: "loading", error: null }));
+      const { subscription: u, userId: d } = n.current;
+      if (!u || !d)
+        return r((i) => ({ ...i, status: "error", error: "No subscription loaded" })), null;
+      r((i) => ({ ...i, status: "loading", error: null }));
       try {
-        const l = {
-          currentResource: d.resource,
+        const i = {
+          subscriptionId: u.id,
           newResource: o.newResource,
-          userId: i,
-          newInterval: o.newInterval,
-          prorationBehavior: o.prorationBehavior,
-          immediate: o.immediate
-        }, p = await e.changeSubscription(l);
+          prorationBehavior: o.prorationBehavior
+        }, p = await e.changeSubscription(i);
         return p.success ? r((m) => ({
           ...m,
           status: "success",
           subscription: m.subscription ? {
             ...m.subscription,
             resource: p.newResource,
-            interval: p.newInterval,
-            status: p.status
+            interval: m.subscription.interval,
+            status: p.status,
+            currentPeriodEnd: p.currentPeriodEnd
           } : null,
           changePreview: null
         })) : r((m) => ({
@@ -1865,33 +1856,32 @@ function ut() {
           status: "error",
           error: p.error || "Failed to change subscription"
         })), p;
-      } catch (l) {
-        const p = l instanceof Error ? l.message : "Failed to change subscription";
+      } catch (i) {
+        const p = i instanceof Error ? i.message : "Failed to change subscription";
         return r((m) => ({ ...m, status: "error", error: p })), null;
       }
     },
     [e]
-  ), b = I(
+  ), C = R(
     async (o) => {
-      const { subscription: d, userId: i } = n.current;
-      if (!d || !i)
-        return r((l) => ({ ...l, status: "error", error: "No subscription loaded" })), null;
-      r((l) => ({ ...l, status: "loading", error: null }));
+      const { subscription: u, userId: d } = n.current;
+      if (!u || !d)
+        return r((i) => ({ ...i, status: "error", error: "No subscription loaded" })), null;
+      r((i) => ({ ...i, status: "loading", error: null }));
       try {
-        const l = {
-          resource: d.resource,
-          userId: i,
-          immediate: o
-        }, p = await e.cancel(l);
+        const i = {
+          subscriptionId: u.id,
+          atPeriodEnd: !o
+        }, p = await e.cancel(i);
         if (p.success) {
-          const m = o ? "canceled" : d.status;
-          r((w) => ({
-            ...w,
+          const m = p.atPeriodEnd ? u.status : "canceled";
+          r((h) => ({
+            ...h,
             status: "success",
-            subscription: w.subscription ? {
-              ...w.subscription,
+            subscription: h.subscription ? {
+              ...h.subscription,
               status: m,
-              cancelAtPeriodEnd: !o
+              cancelAtPeriodEnd: p.atPeriodEnd
             } : null
           }));
         } else
@@ -1901,19 +1891,26 @@ function ut() {
             error: p.error || "Failed to cancel subscription"
           }));
         return p;
-      } catch (l) {
-        const p = l instanceof Error ? l.message : "Failed to cancel subscription";
+      } catch (i) {
+        const p = i instanceof Error ? i.message : "Failed to cancel subscription";
         return r((m) => ({ ...m, status: "error", error: p })), null;
       }
     },
     [e]
-  ), h = I(
-    async (o, d) => {
+  ), b = R(
+    async (o, u) => {
+      const d = n.current.subscription?.customerId ?? (o.startsWith("cus_") ? o : null);
+      if (!d)
+        return r((i) => ({
+          ...i,
+          status: "error",
+          error: "No Stripe customer ID available for billing portal"
+        })), null;
       r((i) => ({ ...i, status: "loading", error: null }));
       try {
         const i = await e.getBillingPortalUrl({
-          userId: o,
-          returnUrl: d
+          customerId: d,
+          returnUrl: u
         });
         try {
           if (new URL(i.url).protocol !== "https:")
@@ -1923,14 +1920,14 @@ function ut() {
         }
         return window.location.href = i.url, i;
       } catch (i) {
-        const l = i instanceof Error ? i.message : "Failed to open billing portal";
-        return r((p) => ({ ...p, status: "error", error: l })), null;
+        const p = i instanceof Error ? i.message : "Failed to open billing portal";
+        return r((m) => ({ ...m, status: "error", error: p })), null;
       }
     },
     [e]
-  ), c = I(() => {
+  ), c = R(() => {
     r((o) => ({ ...o, changePreview: null }));
-  }, []), a = I(() => {
+  }, []), a = R(() => {
     r({
       status: "idle",
       error: null,
@@ -1942,10 +1939,10 @@ function ut() {
   return {
     ...t,
     loadSubscription: s,
-    previewChange: u,
+    previewChange: l,
     changeSubscription: g,
-    cancelSubscription: b,
-    openBillingPortal: h,
+    cancelSubscription: C,
+    openBillingPortal: b,
     clearPreview: c,
     reset: a
   };
@@ -2231,7 +2228,7 @@ function gt({
   isLoading: n,
   styles: s
 }) {
-  const u = e.immediateAmount < 0;
+  const l = e.immediateAmount < 0;
   return /* @__PURE__ */ S("div", { className: "cedros-proration-preview", style: s.prorationPreview, children: [
     /* @__PURE__ */ f("h4", { style: s.previewTitle, children: "Change Preview" }),
     /* @__PURE__ */ S("div", { style: s.previewDetails, children: [
@@ -2270,8 +2267,8 @@ function gt({
         ] })
       ] }),
       /* @__PURE__ */ S("div", { style: { ...s.previewRow, ...s.previewTotal }, children: [
-        /* @__PURE__ */ f("span", { children: u ? "Credit to account:" : "Amount due now:" }),
-        /* @__PURE__ */ f("span", { style: { color: u ? "#22c55e" : "#ef4444" }, children: K(Math.abs(e.immediateAmount), e.currency) })
+        /* @__PURE__ */ f("span", { children: l ? "Credit to account:" : "Amount due now:" }),
+        /* @__PURE__ */ f("span", { style: { color: l ? "#22c55e" : "#ef4444" }, children: K(Math.abs(e.immediateAmount), e.currency) })
       ] }),
       /* @__PURE__ */ S("div", { style: s.previewRow, children: [
         /* @__PURE__ */ f("span", { children: "Effective date:" }),
@@ -2284,55 +2281,55 @@ function gt({
     ] })
   ] });
 }
-function Wt({
+function Ft({
   resource: e,
   userId: t,
   availablePlans: r = [],
   onSubscriptionChanged: n,
   onSubscriptionCanceled: s,
-  billingPortalReturnUrl: u,
+  billingPortalReturnUrl: l,
   showBillingPortal: g = !1,
-  className: b,
-  style: h
+  className: C,
+  style: b
 }) {
-  const { mode: c } = V(), a = F(() => ft(c === "dark"), [c]), {
+  const { mode: c } = V(), a = W(() => ft(c === "dark"), [c]), {
     subscription: o,
-    changePreview: d,
-    status: i,
-    error: l,
+    changePreview: u,
+    status: d,
+    error: i,
     loadSubscription: p,
     previewChange: m,
-    changeSubscription: w,
+    changeSubscription: h,
     cancelSubscription: y,
-    openBillingPortal: k,
-    clearPreview: P
+    openBillingPortal: I,
+    clearPreview: v
   } = ut();
   te(() => {
     p(e, t);
   }, [e, t, p]);
-  const E = X(null), M = I(
-    async (C, _) => {
-      E.current = { resource: C, interval: _ }, await m(e, C, t, _);
+  const P = X(null), N = R(
+    async (w, E) => {
+      P.current = { resource: w, interval: E }, await m(e, w, t, E);
     },
     [e, t, m]
-  ), $ = I(async () => {
-    if (!d) return;
-    const C = E.current;
-    (await w({
-      newResource: C?.resource || e,
-      newInterval: C?.interval,
+  ), A = R(async () => {
+    if (!u) return;
+    const w = P.current;
+    (await h({
+      newResource: w?.resource || e,
+      newInterval: w?.interval,
       immediate: !0
-    }))?.success && C && C.interval && (n?.(C.resource, C.interval), E.current = null);
-  }, [d, e, w, n]), z = I(
-    async (C) => {
-      (await y(C))?.success && s?.();
+    }))?.success && w && w.interval && (n?.(w.resource, w.interval), P.current = null);
+  }, [u, e, h, n]), z = R(
+    async (w) => {
+      (await y(w))?.success && s?.();
     },
     [y, s]
-  ), U = I(() => {
-    k(t, u);
-  }, [t, u, k]), D = i === "loading";
-  return /* @__PURE__ */ S("div", { className: `cedros-subscription-panel ${b || ""}`, style: { ...a.container, ...h }, children: [
-    l && /* @__PURE__ */ f("div", { className: "cedros-subscription-error", style: a.error, children: l }),
+  ), q = R(() => {
+    I(t, l);
+  }, [t, l, I]), D = d === "loading";
+  return /* @__PURE__ */ S("div", { className: `cedros-subscription-panel ${C || ""}`, style: { ...a.container, ...b }, children: [
+    i && /* @__PURE__ */ f("div", { className: "cedros-subscription-error", style: a.error, children: i }),
     D && !o && /* @__PURE__ */ f("div", { className: "cedros-subscription-loading", style: a.loading, children: "Loading subscription..." }),
     o && /* @__PURE__ */ S(me, { children: [
       /* @__PURE__ */ S("div", { className: "cedros-subscription-details", style: a.details, children: [
@@ -2368,52 +2365,52 @@ function Wt({
         ] }),
         o.cancelAtPeriodEnd && /* @__PURE__ */ f("div", { style: a.cancelNotice, children: "Subscription will cancel at end of current period" })
       ] }),
-      d && /* @__PURE__ */ f(
+      u && /* @__PURE__ */ f(
         gt,
         {
-          preview: d,
-          onConfirm: $,
-          onCancel: P,
+          preview: u,
+          onConfirm: A,
+          onCancel: v,
           isLoading: D,
           styles: a
         }
       ),
-      r.length > 0 && !d && /* @__PURE__ */ S("div", { className: "cedros-available-plans", style: a.plansSection, children: [
+      r.length > 0 && !u && /* @__PURE__ */ S("div", { className: "cedros-available-plans", style: a.plansSection, children: [
         /* @__PURE__ */ f("h4", { style: a.plansTitle, children: "Available Plans" }),
-        /* @__PURE__ */ f("div", { style: a.plansList, children: r.map((C) => {
-          const _ = C.resource === o.resource;
+        /* @__PURE__ */ f("div", { style: a.plansList, children: r.map((w) => {
+          const E = w.resource === o.resource;
           return /* @__PURE__ */ S(
             "div",
             {
               style: {
                 ...a.planCard,
-                ..._ ? a.currentPlan : {}
+                ...E ? a.currentPlan : {}
               },
               children: [
-                /* @__PURE__ */ f("div", { style: a.planName, children: C.name }),
+                /* @__PURE__ */ f("div", { style: a.planName, children: w.name }),
                 /* @__PURE__ */ S("div", { style: a.planPrice, children: [
-                  K(C.price, C.currency),
+                  K(w.price, w.currency),
                   "/",
-                  C.interval
+                  w.interval
                 ] }),
-                C.description && /* @__PURE__ */ f("div", { style: a.planDescription, children: C.description }),
-                _ ? /* @__PURE__ */ f("span", { style: a.currentBadge, children: "Current Plan" }) : /* @__PURE__ */ f(
+                w.description && /* @__PURE__ */ f("div", { style: a.planDescription, children: w.description }),
+                E ? /* @__PURE__ */ f("span", { style: a.currentBadge, children: "Current Plan" }) : /* @__PURE__ */ f(
                   "button",
                   {
-                    onClick: () => M(C.resource, C.interval),
+                    onClick: () => N(w.resource, w.interval),
                     style: a.changePlanButton,
                     disabled: D,
-                    children: C.price > o.pricePerPeriod ? "Upgrade" : "Downgrade"
+                    children: w.price > o.pricePerPeriod ? "Upgrade" : "Downgrade"
                   }
                 )
               ]
             },
-            C.resource
+            w.resource
           );
         }) })
       ] }),
       /* @__PURE__ */ S("div", { className: "cedros-subscription-actions", style: a.actions, children: [
-        g && o.paymentMethod === "stripe" && /* @__PURE__ */ f("button", { onClick: U, style: a.portalButton, disabled: D, children: "Manage Billing" }),
+        g && o.paymentMethod === "stripe" && /* @__PURE__ */ f("button", { onClick: q, style: a.portalButton, disabled: D, children: "Manage Billing" }),
         o.status === "active" && !o.cancelAtPeriodEnd && /* @__PURE__ */ f(
           "button",
           {
@@ -2503,7 +2500,7 @@ function Ht() {
     bt(),
     Ct(),
     wt()
-  ], t = e.some((u) => u.severity === "error" && !u.passed), r = e.some((u) => u.severity === "warning" && !u.passed);
+  ], t = e.some((l) => l.severity === "error" && !l.passed), r = e.some((l) => l.severity === "warning" && !l.passed);
   let n, s;
   return t ? (n = "vulnerable", s = "Security issues detected. Review errors and apply recommendations.") : r ? (n = "warnings", s = "Minor security warnings detected. Consider applying recommendations.") : (n = "secure", s = "All security checks passed."), {
     checks: e,
@@ -2552,13 +2549,13 @@ export {
   Bt as a,
   qt as b,
   Te as c,
-  Ft as d,
+  Wt as d,
   rt as e,
   zt as f,
   nt as g,
   Me as h,
   Ot as i,
-  Wt as j,
+  Ft as j,
   kt as k,
   Ze as l,
   Xe as m,