@cedros/pay-react 1.0.4 → 1.0.5

package/dist/index.mjs

@@ -1,13 +1,16 @@
-import { jsxs as q, jsx as E, Fragment as te } from "react/jsx-runtime";
-import M, { useState as O, useCallback as k, useMemo as G } from "react";
-import { ConnectionProvider as se, WalletProvider as re, useWallet as oe } from "@solana/wallet-adapter-react";
-import { u as ne, c as V, o as ae, q as Y, e as ce, g as ie, h as le, i as ue, r as de, P as pe, S as me, m as fe } from "./styles-DI2LPVdQ.mjs";
-import { C as Be, E as Ke, b as Ge, a as Ve, d as Ye, A as ze, x as Qe, t as Fe, v as Xe, w as Je, f as Ze, z as et, B as tt, l as st, k as rt, y as ot, p as nt, j as at, s as ct, D as it, n as lt } from "./styles-DI2LPVdQ.mjs";
-import { a as z, u as Q, g as he, f as j } from "./CedrosContext-vX9uqZKp.mjs";
-import { k as dt, C as pt, j as mt, i as ft, L as ht, b as yt, R as St, l as gt, W as Ct, h as Pt, d as vt, c as Et, m as wt, r as Tt, v as Rt } from "./CedrosContext-vX9uqZKp.mjs";
-import { clusterApiUrl as ye } from "@solana/web3.js";
-function Se(t) {
-  switch (t) {
+import { jsxs as w, jsx as u, Fragment as me } from "react/jsx-runtime";
+import G, { useState as U, useCallback as T, useMemo as F, useRef as ke, useEffect as Y } from "react";
+import { ConnectionProvider as De, WalletProvider as qe, useWallet as ye } from "@solana/wallet-adapter-react";
+import { u as $e, c as Re, o as ge, q as Ie, e as he, g as ie, h as be, i as ce, r as Se, P as ze, S as Ue, m as je, s as Oe, t as Te, v as fe, w as Fe } from "./styles-DFcRS8Uu.mjs";
+import { C as Bt, E as Nt, b as Mt, a as _t, d as At, B as Wt, y as Lt, f as Dt, A as qt, D as $t, l as zt, k as Ut, z as jt, p as Ot, j as Ft, x as Ht, F as Kt, n as Qt } from "./styles-DFcRS8Uu.mjs";
+import { a as le, u as ee, g as D, f as Z } from "./CedrosContext-CFEXGwQg.mjs";
+import { k as Yt, C as Vt, j as Xt, i as Jt, L as Zt, b as er, R as tr, l as rr, W as nr, h as sr, d as or, c as ar, m as ir, r as cr, v as lr } from "./CedrosContext-CFEXGwQg.mjs";
+import { clusterApiUrl as He } from "@solana/web3.js";
+import { WalletReadyState as Ee } from "@solana/wallet-adapter-base";
+import { WalletIcon as Ke } from "@solana/wallet-adapter-react-ui";
+import "@solana/wallet-adapter-wallets";
+function Qe(e) {
+  switch (e) {
     case "mainnet-beta":
       return "https://api.mainnet-beta.solana.com";
     case "devnet":
@@ -18,88 +21,88 @@ function Se(t) {
       return "https://api.mainnet-beta.solana.com";
   }
 }
-function ge(t) {
+function Ge(e) {
   try {
-    const s = new URL(t);
-    return `${s.protocol}//${s.host}`;
+    const r = new URL(e);
+    return `${r.protocol}//${r.host}`;
   } catch {
-    return t;
+    return e;
   }
 }
-function Ce(t = {}) {
+function Ye(e = {}) {
   const {
-    solanaCluster: s = "mainnet-beta",
-    solanaEndpoint: r,
+    solanaCluster: r = "mainnet-beta",
+    solanaEndpoint: t,
     customRpcProviders: o = [],
-    allowUnsafeScripts: n = !1,
-    additionalScriptSrc: e = [],
+    allowUnsafeScripts: f = !1,
+    additionalScriptSrc: i = [],
     additionalConnectSrc: h = [],
-    additionalFrameSrc: m = [],
-    includeStripe: y = !0
-  } = t, l = ["'self'"];
-  n && l.push("'unsafe-inline'", "'unsafe-eval'"), y && l.push("https://js.stripe.com"), l.push(...e);
-  const i = ["'self'"];
-  y && i.push("https://api.stripe.com", "https://*.stripe.com");
-  const b = Se(s);
-  if (i.push(b), i.push("https://*.solana.com"), r) {
-    const P = ge(r);
-    i.includes(P) || i.push(P);
+    additionalFrameSrc: x = [],
+    includeStripe: m = !0
+  } = e, l = ["'self'"];
+  f && l.push("'unsafe-inline'", "'unsafe-eval'"), m && l.push("https://js.stripe.com"), l.push(...i);
+  const s = ["'self'"];
+  m && s.push("https://api.stripe.com", "https://*.stripe.com");
+  const b = Qe(r);
+  if (s.push(b), s.push("https://*.solana.com"), t) {
+    const d = Ge(t);
+    s.includes(d) || s.push(d);
   }
-  o.forEach((P) => {
-    i.includes(P) || i.push(P);
-  }), i.push(...h);
-  const g = ["'self'"];
-  return y && g.push("https://js.stripe.com", "https://checkout.stripe.com"), g.push(...m), {
+  o.forEach((d) => {
+    s.includes(d) || s.push(d);
+  }), s.push(...h);
+  const c = ["'self'"];
+  return m && c.push("https://js.stripe.com", "https://checkout.stripe.com"), c.push(...x), {
     scriptSrc: l,
-    connectSrc: i,
-    frameSrc: g
+    connectSrc: s,
+    frameSrc: c
   };
 }
-function Pe(t, s = "header") {
-  const { scriptSrc: r, connectSrc: o, frameSrc: n } = t;
-  switch (s) {
+function Ve(e, r = "header") {
+  const { scriptSrc: t, connectSrc: o, frameSrc: f } = e;
+  switch (r) {
     case "header":
     case "meta":
     case "nextjs":
     case "nginx": {
-      const e = [];
-      return r.length > 0 && e.push(`script-src ${r.join(" ")}`), o.length > 0 && e.push(`connect-src ${o.join(" ")}`), n.length > 0 && e.push(`frame-src ${n.join(" ")}`), e.join("; ");
+      const i = [];
+      return t.length > 0 && i.push(`script-src ${t.join(" ")}`), o.length > 0 && i.push(`connect-src ${o.join(" ")}`), f.length > 0 && i.push(`frame-src ${f.join(" ")}`), i.join("; ");
     }
     case "helmet": {
-      const e = {};
-      return r.length > 0 && (e.scriptSrc = r), o.length > 0 && (e.connectSrc = o), n.length > 0 && (e.frameSrc = n), e;
+      const i = {};
+      return t.length > 0 && (i.scriptSrc = t), o.length > 0 && (i.connectSrc = o), f.length > 0 && (i.frameSrc = f), i;
     }
     case "directives":
-      return { scriptSrc: r, connectSrc: o, frameSrc: n };
+      return { scriptSrc: t, connectSrc: o, frameSrc: f };
     default:
-      throw new Error(`Unknown CSP format: ${s}`);
+      throw new Error(`Unknown CSP format: ${r}`);
   }
 }
-function xe(t = {}, s = "header") {
-  const r = Ce(t);
-  return Pe(r, s);
+function ht(e = {}, r = "header") {
+  const t = Ye(e);
+  return Ve(t, r);
 }
-const Ue = {
+const bt = {
   HELIUS: "https://*.helius-rpc.com",
   QUICKNODE: "https://*.quicknode.pro",
   ALCHEMY: "https://*.alchemy.com",
   ANKR: "https://rpc.ankr.com",
   TRITON: "https://*.rpcpool.com"
-}, qe = {
+}, St = {
   /**
    * Mainnet production with custom RPC (recommended)
    */
-  MAINNET_CUSTOM_RPC: (t) => ({
+  MAINNET_CUSTOM_RPC: (e) => ({
     solanaCluster: "mainnet-beta",
-    solanaEndpoint: t,
+    solanaEndpoint: e,
     allowUnsafeScripts: !1
   }),
   /**
    * Mainnet with Next.js (requires unsafe-inline/eval)
    */
-  MAINNET_NEXTJS: (t) => ({
+  MAINNET_NEXTJS: (e) => ({
     solanaCluster: "mainnet-beta",
-    solanaEndpoint: t,
+    solanaEndpoint: e,
     allowUnsafeScripts: !0
   }),
   /**
@@ -112,9 +115,9 @@ const Ue = {
   /**
    * Crypto-only payments (no Stripe)
    */
-  CRYPTO_ONLY: (t) => ({
+  CRYPTO_ONLY: (e) => ({
     solanaCluster: "mainnet-beta",
-    solanaEndpoint: t,
+    solanaEndpoint: e,
     includeStripe: !1
   }),
   /**
@@ -126,354 +129,1642 @@ const Ue = {
     // Don't include Solana RPC endpoints
     customRpcProviders: []
   })
-}, ve = ({
-  resource: t,
-  items: s,
-  label: r,
+}, Xe = ({
+  resource: e,
+  items: r,
+  label: t,
   cardLabel: o,
-  cryptoLabel: n,
-  showCard: e = !0,
+  cryptoLabel: f,
+  showCard: i = !0,
   showCrypto: h = !0,
-  onPaymentAttempt: m,
-  onPaymentSuccess: y,
+  onPaymentAttempt: x,
+  onPaymentSuccess: m,
   onPaymentError: l,
-  onStripeSuccess: i,
+  onStripeSuccess: s,
   onCryptoSuccess: b,
-  onStripeError: g,
-  onCryptoError: P,
-  customerEmail: u,
-  successUrl: c,
-  cancelUrl: a,
-  metadata: S,
-  couponCode: v,
-  autoDetectWallets: C = !0,
-  testPageUrl: w,
-  hideMessages: A = !1,
-  renderModal: N
+  onStripeError: c,
+  onCryptoError: d,
+  customerEmail: n,
+  successUrl: a,
+  cancelUrl: p,
+  metadata: C,
+  couponCode: P,
+  autoDetectWallets: y = !0,
+  testPageUrl: B,
+  hideMessages: N = !1,
+  renderModal: E
 }) => {
-  const T = z(), [D, d] = O(!1), { status: F, processPayment: H, processCartCheckout: W } = ne(), { isCartMode: R, effectiveResource: I } = V(t, s), { t: L } = ae(), X = r || L("ui.purchase"), J = o || L("ui.card"), Z = n || L("ui.usdc_solana"), $ = k(async () => {
-    if (C && e) {
-      const { detectSolanaWallets: p } = await import("./walletDetection-JZR3UCOa.mjs");
-      if (!p()) {
-        const x = R ? void 0 : I, U = R && s ? Y(s) : void 0;
-        ce("stripe", x, U), m && m("stripe"), ie("stripe", x, U);
-        let f;
-        R && s ? f = await W(
-          s,
-          c,
+  const I = le(), [v, k] = U(!1), { status: q, processPayment: R, processCartCheckout: $ } = $e(), { isCartMode: _, effectiveResource: z } = Re(e, r), { t: O } = ge(), L = t || O("ui.purchase"), j = o || O("ui.card"), ue = f || O("ui.usdc_solana"), re = T(async () => {
+    if (y && i) {
+      const { detectSolanaWallets: A } = await import("./walletDetection-JZR3UCOa.mjs");
+      if (!A()) {
+        const K = _ ? void 0 : z, Q = _ && r ? Ie(r) : void 0;
+        he("stripe", K, Q), x && x("stripe"), ie("stripe", K, Q);
+        let M;
+        _ && r ? M = await $(
+          r,
           a,
-          S,
-          u,
-          v
-        ) : I && (f = await H(
-          I,
-          c,
+          p,
+          C,
+          n,
+          P
+        ) : z && (M = await R(
+          z,
           a,
-          S,
-          u,
-          v
-        )), f && f.success && f.transactionId ? (le("stripe", f.transactionId, x, U), i ? i(f.transactionId) : y && y(f.transactionId)) : f && !f.success && f.error && (ue("stripe", f.error, x, U), g ? g(f.error) : l && l(f.error));
+          p,
+          C,
+          n,
+          P
+        )), M && M.success && M.transactionId ? (be("stripe", M.transactionId, K, Q), s ? s(M.transactionId) : m && m(M.transactionId)) : M && !M.success && M.error && (ce("stripe", M.error, K, Q), c ? c(M.error) : l && l(M.error));
         return;
       }
     }
-    d(!0);
-  }, [C, e, R, s, I, W, H, c, a, S, u, v, y, l, i, g, m]), B = G(() => R && s ? `purchase-cart-${s.map((p) => p.resource).join("-")}` : `purchase-${I || "unknown"}`, [R, s, I]), ee = G(
-    () => de(B, $),
-    [B, $]
-  ), _ = F === "loading", K = {
-    isOpen: D,
-    onClose: () => d(!1),
-    resource: R ? void 0 : I,
-    items: R ? s : void 0,
-    cardLabel: J,
-    cryptoLabel: Z,
-    showCard: e,
+    k(!0);
+  }, [y, i, _, r, z, $, R, a, p, C, n, P, m, l, s, c, x]), te = F(() => _ && r ? `purchase-cart-${r.map((A) => A.resource).join("-")}` : `purchase-${z || "unknown"}`, [_, r, z]), ne = F(
+    () => Se(te, re),
+    [te, re]
+  ), H = q === "loading", se = {
+    isOpen: v,
+    onClose: () => k(!1),
+    resource: _ ? void 0 : z,
+    items: _ ? r : void 0,
+    cardLabel: j,
+    cryptoLabel: ue,
+    showCard: i,
     showCrypto: h,
-    onPaymentAttempt: m,
-    onPaymentSuccess: (p) => {
-      d(!1), y?.(p);
+    onPaymentAttempt: x,
+    onPaymentSuccess: (A) => {
+      k(!1), m?.(A);
     },
-    onPaymentError: (p) => {
-      d(!1), l?.(p);
+    onPaymentError: (A) => {
+      k(!1), l?.(A);
     },
-    onStripeSuccess: (p) => {
-      d(!1), i?.(p);
+    onStripeSuccess: (A) => {
+      k(!1), s?.(A);
     },
-    onCryptoSuccess: (p) => {
-      d(!1), b?.(p);
+    onCryptoSuccess: (A) => {
+      k(!1), b?.(A);
     },
-    onStripeError: (p) => {
-      d(!1), g?.(p);
+    onStripeError: (A) => {
+      k(!1), c?.(A);
     },
-    onCryptoError: (p) => {
-      d(!1), P?.(p);
+    onCryptoError: (A) => {
+      k(!1), d?.(A);
     },
-    customerEmail: u,
-    successUrl: c,
-    cancelUrl: a,
-    metadata: S,
-    couponCode: v,
-    testPageUrl: w,
-    hideMessages: A
+    customerEmail: n,
+    successUrl: a,
+    cancelUrl: p,
+    metadata: C,
+    couponCode: P,
+    testPageUrl: B,
+    hideMessages: N
   };
-  return /* @__PURE__ */ q("div", { className: T.unstyled ? "" : T.className, style: T.unstyled ? {} : T.style, children: [
-    /* @__PURE__ */ E(
+  return /* @__PURE__ */ w("div", { className: I.unstyled ? "" : I.className, style: I.unstyled ? {} : I.style, children: [
+    /* @__PURE__ */ u(
       "button",
       {
-        onClick: ee,
-        disabled: _,
-        className: T.unstyled ? "" : "cedros-theme__button cedros-theme__stripe",
+        onClick: ne,
+        disabled: H,
+        className: I.unstyled ? "" : "cedros-theme__button cedros-theme__stripe",
         style: {
           width: "100%",
-          cursor: _ ? "not-allowed" : "pointer",
-          opacity: _ ? 0.6 : 1
+          cursor: H ? "not-allowed" : "pointer",
+          opacity: H ? 0.6 : 1
         },
         type: "button",
-        children: _ ? L("ui.processing") : X
+        children: H ? O("ui.processing") : L
       }
     ),
-    N ? N(K) : /* @__PURE__ */ E(pe, { ...K })
+    E ? E(se) : /* @__PURE__ */ u(ze, { ...se })
   ] });
 };
-function Oe(t) {
-  const { resource: s, items: r, checkout: o = {}, display: n = {}, callbacks: e = {}, advanced: h = {} } = t, { config: m, walletPool: y } = Q(), l = z(), { isCartMode: i } = V(s, r), b = M.useMemo(() => ({
+function wt(e) {
+  const { resource: r, items: t, checkout: o = {}, display: f = {}, callbacks: i = {}, advanced: h = {} } = e, { config: x, walletPool: m } = ee(), l = le(), { isCartMode: s } = Re(r, t), b = G.useMemo(() => ({
     marginTop: "0.5rem",
     fontSize: "0.875rem",
     color: l.tokens.surfaceText,
     opacity: 0.7,
     textAlign: "center"
-  }), [l.tokens.surfaceText]), g = M.useMemo(
-    () => h.wallets && h.wallets.length > 0 ? h.wallets : y.getAdapters(),
-    [h.wallets, y]
-  ), P = M.useMemo(
-    () => r ? Y(r) : 0,
-    [r]
-  ), u = M.useMemo(
-    () => e.onPaymentSuccess ? (d) => e.onPaymentSuccess({ transactionId: d, method: "stripe" }) : void 0,
-    [e.onPaymentSuccess]
-  ), c = M.useMemo(
-    () => e.onPaymentSuccess ? (d) => e.onPaymentSuccess({ transactionId: d, method: "crypto" }) : void 0,
-    [e.onPaymentSuccess]
-  ), a = M.useMemo(
-    () => e.onPaymentError ? (d) => e.onPaymentError({ message: d, method: "stripe" }) : void 0,
-    [e.onPaymentError]
-  ), S = M.useMemo(
-    () => e.onPaymentError ? (d) => e.onPaymentError({ message: d, method: "crypto" }) : void 0,
-    [e.onPaymentError]
-  ), v = m.solanaEndpoint ?? ye(m.solanaCluster);
-  if (!s && (!r || r.length === 0))
-    return he().error('CedrosPay: Must provide either "resource" or "items" prop'), /* @__PURE__ */ E("div", { className: n.className, style: { color: l.tokens.errorText }, children: "Configuration error: No resource or items provided" });
-  const C = n.showCard ?? !0, w = n.showCrypto ?? !0, A = n.showPurchaseButton ?? !1, N = n.layout ?? "vertical", T = n.hideMessages ?? !1, D = h.autoDetectWallets ?? !0;
-  return /* @__PURE__ */ E("div", { className: l.unstyled ? n.className : l.className, style: l.unstyled ? {} : l.style, children: /* @__PURE__ */ E(se, { endpoint: v, children: /* @__PURE__ */ E(re, { wallets: g, autoConnect: !1, children: /* @__PURE__ */ E("div", { className: l.unstyled ? n.className : `cedros-theme__pay ${n.className || ""}`, children: /* @__PURE__ */ q("div", { className: l.unstyled ? "" : `cedros-theme__pay-content cedros-theme__pay-content--${N}`, children: [
-    A ? /* @__PURE__ */ E(
-      ve,
+  }), [l.tokens.surfaceText]), c = G.useMemo(
+    () => h.wallets && h.wallets.length > 0 ? h.wallets : m.getAdapters(),
+    [h.wallets, m]
+  ), d = G.useMemo(
+    () => t ? Ie(t) : 0,
+    [t]
+  ), n = G.useMemo(
+    () => i.onPaymentSuccess ? (k) => i.onPaymentSuccess({ transactionId: k, method: "stripe" }) : void 0,
+    [i.onPaymentSuccess]
+  ), a = G.useMemo(
+    () => i.onPaymentSuccess ? (k) => i.onPaymentSuccess({ transactionId: k, method: "crypto" }) : void 0,
+    [i.onPaymentSuccess]
+  ), p = G.useMemo(
+    () => i.onPaymentError ? (k) => i.onPaymentError({ message: k, method: "stripe" }) : void 0,
+    [i.onPaymentError]
+  ), C = G.useMemo(
+    () => i.onPaymentError ? (k) => i.onPaymentError({ message: k, method: "crypto" }) : void 0,
+    [i.onPaymentError]
+  ), P = x.solanaEndpoint ?? He(x.solanaCluster);
+  if (!r && (!t || t.length === 0))
+    return D().error('CedrosPay: Must provide either "resource" or "items" prop'), /* @__PURE__ */ u("div", { className: f.className, style: { color: l.tokens.errorText }, children: "Configuration error: No resource or items provided" });
+  const y = f.showCard ?? !0, B = f.showCrypto ?? !0, N = f.showPurchaseButton ?? !1, E = f.layout ?? "vertical", I = f.hideMessages ?? !1, v = h.autoDetectWallets ?? !0;
+  return /* @__PURE__ */ u("div", { className: l.unstyled ? f.className : l.className, style: l.unstyled ? {} : l.style, children: /* @__PURE__ */ u(De, { endpoint: P, children: /* @__PURE__ */ u(qe, { wallets: c, autoConnect: !1, children: /* @__PURE__ */ u("div", { className: l.unstyled ? f.className : `cedros-theme__pay ${f.className || ""}`, children: /* @__PURE__ */ w("div", { className: l.unstyled ? "" : `cedros-theme__pay-content cedros-theme__pay-content--${E}`, children: [
+    N ? /* @__PURE__ */ u(
+      Xe,
       {
-        resource: i ? void 0 : s || r?.[0]?.resource,
-        items: i ? r : void 0,
-        label: n.purchaseLabel,
-        cardLabel: n.cardLabel,
-        cryptoLabel: n.cryptoLabel,
-        showCard: C,
-        showCrypto: w,
-        onPaymentAttempt: e.onPaymentAttempt,
-        onPaymentSuccess: u,
-        onPaymentError: a,
-        onStripeSuccess: u,
-        onCryptoSuccess: c,
-        onStripeError: a,
-        onCryptoError: S,
+        resource: s ? void 0 : r || t?.[0]?.resource,
+        items: s ? t : void 0,
+        label: f.purchaseLabel,
+        cardLabel: f.cardLabel,
+        cryptoLabel: f.cryptoLabel,
+        showCard: y,
+        showCrypto: B,
+        onPaymentAttempt: i.onPaymentAttempt,
+        onPaymentSuccess: n,
+        onPaymentError: p,
+        onStripeSuccess: n,
+        onCryptoSuccess: a,
+        onStripeError: p,
+        onCryptoError: C,
         customerEmail: o.customerEmail,
         successUrl: o.successUrl,
         cancelUrl: o.cancelUrl,
         metadata: o.metadata,
         couponCode: o.couponCode,
-        autoDetectWallets: D,
+        autoDetectWallets: v,
         testPageUrl: h.testPageUrl,
-        hideMessages: T,
-        renderModal: n.renderModal
+        hideMessages: I,
+        renderModal: f.renderModal
       }
-    ) : /* @__PURE__ */ q(te, { children: [
-      C && /* @__PURE__ */ E(
-        me,
+    ) : /* @__PURE__ */ w(me, { children: [
+      y && /* @__PURE__ */ u(
+        Ue,
         {
-          resource: i ? void 0 : s || r?.[0]?.resource,
-          items: i ? r : void 0,
+          resource: s ? void 0 : r || t?.[0]?.resource,
+          items: s ? t : void 0,
           customerEmail: o.customerEmail,
           successUrl: o.successUrl,
           cancelUrl: o.cancelUrl,
           metadata: o.metadata,
           couponCode: o.couponCode,
-          label: n.cardLabel,
-          onAttempt: e.onPaymentAttempt,
-          onSuccess: u,
-          onError: a
+          label: f.cardLabel,
+          onAttempt: i.onPaymentAttempt,
+          onSuccess: n,
+          onError: p
         }
       ),
-      w && /* @__PURE__ */ E(
-        fe,
+      B && /* @__PURE__ */ u(
+        je,
         {
-          resource: i ? void 0 : s || r?.[0]?.resource,
-          items: i ? r : void 0,
+          resource: s ? void 0 : r || t?.[0]?.resource,
+          items: s ? t : void 0,
           metadata: o.metadata,
           couponCode: o.couponCode,
-          label: n.cryptoLabel,
-          onAttempt: e.onPaymentAttempt,
-          onSuccess: c,
-          onError: S,
+          label: f.cryptoLabel,
+          onAttempt: i.onPaymentAttempt,
+          onSuccess: a,
+          onError: C,
           testPageUrl: h.testPageUrl,
-          hideMessages: T
+          hideMessages: I
         }
       )
     ] }),
-    i && r && r.length > 1 && !T && /* @__PURE__ */ q("div", { style: b, children: [
+    s && t && t.length > 1 && !I && /* @__PURE__ */ w("div", { style: b, children: [
       "Checking out ",
-      P,
+      d,
       " items"
     ] })
   ] }) }) }) }) });
 }
-function Ae() {
-  const { x402Manager: t, walletManager: s } = Q(), { publicKey: r, signTransaction: o } = oe(), [n, e] = O({
+function Je() {
+  const { subscriptionManager: e } = ee(), [r, t] = U({
+    status: "idle",
+    error: null,
+    sessionId: null,
+    subscriptionStatus: null,
+    expiresAt: null
+  }), o = T(
+    async (x) => {
+      t((l) => ({
+        ...l,
+        status: "loading",
+        error: null
+      }));
+      const m = await e.processSubscription(x);
+      return t((l) => ({
+        ...l,
+        status: m.success ? "success" : "error",
+        error: m.success ? null : m.error || "Subscription failed",
+        sessionId: m.success && m.transactionId || null
+      })), m;
+    },
+    [e]
+  ), f = T(
+    async (x) => {
+      t((m) => ({
+        ...m,
+        status: "checking",
+        error: null
+      }));
+      try {
+        const m = await e.checkSubscriptionStatus(x);
+        return t((l) => ({
+          ...l,
+          status: m.active ? "success" : "idle",
+          subscriptionStatus: m.status,
+          expiresAt: m.expiresAt || m.currentPeriodEnd || null
+        })), m;
+      } catch (m) {
+        const l = m instanceof Error ? m.message : "Failed to check subscription status";
+        throw t((s) => ({
+          ...s,
+          status: "error",
+          error: l
+        })), m;
+      }
+    },
+    [e]
+  ), i = T(
+    async (x, m, l) => {
+      t((s) => ({
+        ...s,
+        status: "loading",
+        error: null
+      }));
+      try {
+        const s = await e.requestSubscriptionQuote(
+          x,
+          m,
+          l
+        );
+        return t((b) => ({
+          ...b,
+          status: "idle"
+        })), s;
+      } catch (s) {
+        const b = s instanceof Error ? s.message : "Failed to get subscription quote";
+        throw t((c) => ({
+          ...c,
+          status: "error",
+          error: b
+        })), s;
+      }
+    },
+    [e]
+  ), h = T(() => {
+    t({
+      status: "idle",
+      error: null,
+      sessionId: null,
+      subscriptionStatus: null,
+      expiresAt: null
+    });
+  }, []);
+  return {
+    ...r,
+    processSubscription: o,
+    checkStatus: f,
+    requestQuote: i,
+    reset: h
+  };
+}
+function Ct({
+  resource: e,
+  interval: r,
+  intervalDays: t,
+  trialDays: o,
+  successUrl: f,
+  cancelUrl: i,
+  metadata: h,
+  customerEmail: x,
+  couponCode: m,
+  label: l,
+  disabled: s = !1,
+  onAttempt: b,
+  onSuccess: c,
+  onError: d,
+  className: n = ""
+}) {
+  const { status: a, error: p, sessionId: C, processSubscription: P } = Je(), y = le(), { t: B, translations: N } = ge(), E = l || B("ui.subscribe"), I = y.unstyled ? n : `${y.className} cedros-theme__stripe-button ${n}`.trim(), v = p && typeof p != "string" ? p?.code ?? null : null, q = p ? typeof p == "string" ? p : ((L) => {
+    if (!L || !N) return "";
+    const j = N.errors[L];
+    return j ? j.action ? `${j.message} ${j.action}` : j.message : "";
+  })(v) : null, R = T(async () => {
+    D().debug("[SubscribeButton] executeSubscription:", {
+      resource: e,
+      interval: r,
+      intervalDays: t,
+      trialDays: o,
+      couponCode: m
+    }), he("stripe", e), b && b("stripe"), ie("stripe", e);
+    const L = await P({
+      resource: e,
+      interval: r,
+      intervalDays: t,
+      trialDays: o,
+      customerEmail: x,
+      metadata: h,
+      couponCode: m,
+      successUrl: f,
+      cancelUrl: i
+    });
+    L.success && L.transactionId ? (be("stripe", L.transactionId, e), c && c(L.transactionId)) : !L.success && L.error && (ce("stripe", L.error, e), d && d(L.error));
+  }, [
+    e,
+    r,
+    t,
+    o,
+    x,
+    h,
+    m,
+    f,
+    i,
+    P,
+    b,
+    c,
+    d
+  ]), $ = F(() => `subscribe-${e}-${r}`, [e, r]), _ = F(
+    () => Se($, R),
+    [$, R]
+  ), z = a === "loading", O = s || z;
+  return /* @__PURE__ */ w("div", { className: I, style: y.unstyled ? {} : y.style, children: [
+    /* @__PURE__ */ u(
+      "button",
+      {
+        onClick: _,
+        disabled: O,
+        className: y.unstyled ? n : "cedros-theme__button cedros-theme__stripe",
+        type: "button",
+        children: z ? B("ui.processing") : E
+      }
+    ),
+    q && /* @__PURE__ */ u("div", { className: y.unstyled ? "" : "cedros-theme__error", children: q }),
+    C && /* @__PURE__ */ u("div", { className: y.unstyled ? "" : "cedros-theme__success", children: B("ui.redirecting_to_checkout") })
+  ] });
+}
+function Ze() {
+  const { subscriptionManager: e, x402Manager: r, walletManager: t } = ee(), { publicKey: o, signTransaction: f } = ye(), [i, h] = U({
+    status: "idle",
+    error: null,
+    sessionId: null,
+    subscriptionStatus: null,
+    expiresAt: null
+  }), [x, m] = U(null), l = T(() => {
+    if (!o) {
+      const n = "Wallet not connected";
+      return h((a) => ({ ...a, status: "error", error: n })), { valid: !1, error: n };
+    }
+    if (!f) {
+      const n = "Wallet does not support signing";
+      return h((a) => ({ ...a, status: "error", error: n })), { valid: !1, error: n };
+    }
+    return { valid: !0 };
+  }, [o, f]), s = T(
+    async (n) => {
+      if (!o)
+        return h((a) => ({
+          ...a,
+          status: "error",
+          error: "Wallet not connected"
+        })), null;
+      h((a) => ({
+        ...a,
+        status: "checking",
+        error: null
+      }));
+      try {
+        const a = await e.checkSubscriptionStatus({
+          resource: n,
+          userId: o.toString()
+        });
+        return h((p) => ({
+          ...p,
+          status: a.active ? "success" : "idle",
+          subscriptionStatus: a.status,
+          expiresAt: a.expiresAt || a.currentPeriodEnd || null
+        })), a;
+      } catch (a) {
+        const p = Z(a, "Failed to check subscription status");
+        return h((C) => ({
+          ...C,
+          status: "error",
+          error: p
+        })), null;
+      }
+    },
+    [o, e]
+  ), b = T(
+    async (n, a, p) => {
+      h((C) => ({
+        ...C,
+        status: "loading",
+        error: null
+      }));
+      try {
+        const C = await e.requestSubscriptionQuote(
+          n,
+          a,
+          p
+        );
+        return m(C), h((P) => ({
+          ...P,
+          status: "idle"
+        })), C;
+      } catch (C) {
+        const P = Z(C, "Failed to get subscription quote");
+        return h((y) => ({
+          ...y,
+          status: "error",
+          error: P
+        })), null;
+      }
+    },
+    [e]
+  ), c = T(
+    async (n, a, p) => {
+      const C = l();
+      if (!C.valid)
+        return { success: !1, error: C.error };
+      h((P) => ({
+        ...P,
+        status: "loading",
+        error: null
+      }));
+      try {
+        const P = await e.requestSubscriptionQuote(
+          n,
+          a,
+          p
+        );
+        m(P);
+        const y = P.requirement;
+        if (!r.validateRequirement(y))
+          throw new Error("Invalid subscription quote received from server");
+        const B = !!y.extra?.feePayer;
+        let N;
+        if (B) {
+          const { transaction: E, blockhash: I } = await r.buildGaslessTransaction({
+            resourceId: n,
+            userWallet: o.toString(),
+            feePayer: y.extra.feePayer,
+            couponCode: p?.couponCode
+          }), v = t.deserializeTransaction(E), k = await t.partiallySignTransaction({
+            transaction: v,
+            signTransaction: f,
+            blockhash: I
+          });
+          N = await r.submitGaslessTransaction({
+            resource: n,
+            partialTx: k,
+            couponCode: p?.couponCode,
+            resourceType: "regular",
+            requirement: y
+          });
+        } else {
+          const E = await t.buildTransaction({
+            requirement: y,
+            payerPublicKey: o
+          }), I = await t.signTransaction({
+            transaction: E,
+            signTransaction: f
+          }), v = t.buildPaymentPayload({
+            requirement: y,
+            signedTx: I,
+            payerPublicKey: o
+          });
+          N = await r.submitPayment({
+            resource: n,
+            payload: v,
+            couponCode: p?.couponCode,
+            resourceType: "regular"
+          });
+        }
+        if (N.success) {
+          const E = await e.checkSubscriptionStatus({
+            resource: n,
+            userId: o.toString()
+          });
+          h({
+            status: "success",
+            error: null,
+            sessionId: N.transactionId || null,
+            subscriptionStatus: E.status,
+            expiresAt: E.expiresAt || E.currentPeriodEnd || null
+          });
+        } else
+          h((E) => ({
+            ...E,
+            status: "error",
+            error: N.error || "Subscription payment failed"
+          }));
+        return N;
+      } catch (P) {
+        const y = Z(P, "Subscription payment failed");
+        return h((B) => ({
+          ...B,
+          status: "error",
+          error: y
+        })), { success: !1, error: y };
+      }
+    },
+    [
+      l,
+      e,
+      r,
+      t,
+      o,
+      f
+    ]
+  ), d = T(() => {
+    h({
+      status: "idle",
+      error: null,
+      sessionId: null,
+      subscriptionStatus: null,
+      expiresAt: null
+    }), m(null);
+  }, []);
+  return {
+    ...i,
+    quote: x,
+    checkStatus: s,
+    requestQuote: b,
+    processPayment: c,
+    reset: d
+  };
+}
+function vt({
+  resource: e,
+  interval: r,
+  intervalDays: t,
+  couponCode: o,
+  label: f,
+  disabled: i = !1,
+  onAttempt: h,
+  onSuccess: x,
+  onError: m,
+  className: l = "",
+  testPageUrl: s,
+  hideMessages: b = !1,
+  autoCheckStatus: c = !0
+}) {
+  const {
+    connected: d,
+    connecting: n,
+    connect: a,
+    disconnect: p,
+    select: C,
+    wallets: P,
+    wallet: y,
+    publicKey: B
+  } = ye(), {
+    status: N,
+    error: E,
+    subscriptionStatus: I,
+    expiresAt: v,
+    checkStatus: k,
+    processPayment: q
+  } = Ze(), R = le(), { solanaError: $ } = ee(), { t: _, translations: z } = ge(), O = f || _("ui.subscribe_with_crypto"), L = ke(q), j = ke(k);
+  Y(() => {
+    L.current = q, j.current = k;
+  }, [q, k]);
+  const ue = E && typeof E != "string" ? E?.code ?? null : null, re = $ && typeof $ != "string" ? $?.code ?? null : null, te = (S) => {
+    if (!S || !z) return "";
+    const W = z.errors[S];
+    return W ? W.action ? `${W.message} ${W.action}` : W.message : "";
+  }, ne = E ? typeof E == "string" ? E : te(ue) : null, H = $ ? typeof $ == "string" ? $ : te(re) : null, se = F(
+    () => P.map((S) => `${S.adapter.name}-${S.readyState}`).join(","),
+    [P]
+  ), A = F(
+    () => P.filter(
+      ({ readyState: S }) => S === Ee.Installed || S === Ee.Loadable
+    ),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [se]
+  );
+  Y(() => {
+    c && d && B && (D().debug("[CryptoSubscribeButton] Auto-checking subscription status"), j.current(e));
+  }, [c, d, B, e]), Y(() => {
+    N === "success" && I === "active" && (be("crypto", "subscription-active", e), x && x("subscription-active"));
+  }, [N, I, e, x]), Y(() => {
+    N === "error" && E && (ce("crypto", E, e), m && m(E));
+  }, [N, E, e, m]);
+  const K = typeof window < "u" && window.top !== window.self, [Q, M] = U(!1), [we, de] = U(!1), [Ce, X] = U(!1), J = $;
+  Y(() => {
+    let S = !1;
+    return S || (async () => {
+      if (we && y && !d && !n) {
+        D().debug(
+          "[CryptoSubscribeButton] Wallet detected, attempting auto-connect:",
+          y.adapter.name
+        ), de(!1), Te(y.adapter.name);
+        try {
+          await a(), S || D().debug("[CryptoSubscribeButton] Auto-connect successful");
+        } catch (pe) {
+          if (!S) {
+            D().error("[CryptoSubscribeButton] Auto-connect failed:", pe);
+            const Le = pe instanceof Error ? pe.message : "Failed to connect wallet";
+            fe(Le, y.adapter.name), X(!1);
+          }
+        }
+      }
+    })(), () => {
+      S = !0;
+    };
+  }, [y, we, d, n, a]), Y(() => {
+    d && Ce && B && y && (Oe(y.adapter.name, B.toString()), D().debug("[CryptoSubscribeButton] Processing pending subscription payment"), X(!1), M(!1), ie("crypto", e), L.current(e, r, { couponCode: o, intervalDays: t }));
+  }, [d, Ce, B, y, e, r, o, t]);
+  const ve = T(async () => {
+    if (D().debug("[CryptoSubscribeButton] executeSubscriptionFlow called", {
+      connected: d,
+      wallet: y?.adapter.name,
+      resource: e,
+      interval: r
+    }), he("crypto", e), h && h("crypto"), J) {
+      D().error("[CryptoSubscribeButton] Solana dependencies missing:", J), ce("crypto", J, e), m && m(J);
+      return;
+    }
+    if (K) {
+      const S = s || window.location.href;
+      window.open(S, "_blank", "noopener,noreferrer");
+      return;
+    }
+    if (d)
+      ie("crypto", e), await q(e, r, { couponCode: o, intervalDays: t });
+    else {
+      X(!0);
+      try {
+        if (y)
+          D().debug(
+            "[CryptoSubscribeButton] Wallet already selected, connecting:",
+            y.adapter.name
+          ), Te(y.adapter.name), await a();
+        else {
+          if (D().debug("[CryptoSubscribeButton] No wallet selected, showing selector"), A.length === 0) {
+            X(!1);
+            const S = "No wallets available";
+            throw fe(S), new Error(S);
+          }
+          M(!0);
+        }
+      } catch (S) {
+        X(!1);
+        const W = S instanceof Error ? S.message : "Failed to connect wallet";
+        D().error("[CryptoSubscribeButton] Connection error:", W), fe(W, y?.adapter.name);
+      }
+    }
+  }, [
+    d,
+    y,
+    e,
+    r,
+    o,
+    t,
+    K,
+    s,
+    A,
+    a,
+    q,
+    J,
+    h,
+    m
+  ]), xe = F(() => `crypto-subscribe-${e}-${r}`, [e, r]), Ne = F(
+    () => Se(xe, ve, {
+      cooldownMs: 200,
+      deduplicationWindowMs: 0
+    }),
+    [xe, ve]
+  ), Pe = N === "loading" || N === "checking", oe = I === "active" || I === "trialing", Me = i || Pe || n || !!J || oe;
+  let ae = O;
+  if (Pe)
+    ae = _("ui.processing");
+  else if (oe && v) {
+    const S = new Date(v).toLocaleDateString();
+    ae = `${_("ui.subscribed_until")} ${S}`;
+  } else oe && (ae = _("ui.subscribed"));
+  const _e = T(async () => {
+    try {
+      de(!1), d && await p(), C(null), M(!0);
+    } catch (S) {
+      D().error("Failed to change wallet:", S);
+    }
+  }, [d, p, C]), Ae = T(
+    (S) => {
+      D().debug("[CryptoSubscribeButton] Wallet clicked:", S), M(!1), C(S), de(!0);
+    },
+    [C]
+  ), We = T(async () => {
+    try {
+      await p(), X(!1), typeof window < "u" && window.localStorage && window.localStorage.removeItem("walletName");
+    } catch (S) {
+      D().error("Failed to disconnect wallet:", S);
+    }
+  }, [p]);
+  return /* @__PURE__ */ w(
+    "div",
+    {
+      className: R.unstyled ? l : `${R.className} cedros-theme__crypto-button ${l || ""}`,
+      style: R.unstyled ? {} : R.style,
+      children: [
+        /* @__PURE__ */ u(
+          "button",
+          {
+            onClick: Ne,
+            disabled: Me,
+            className: R.unstyled ? l : "cedros-theme__button cedros-theme__crypto",
+            type: "button",
+            children: ae
+          }
+        ),
+        Q && !b && /* @__PURE__ */ u(
+          "div",
+          {
+            className: "cedros-modal-overlay",
+            style: {
+              position: "fixed",
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              backgroundColor: R.tokens.modalOverlay,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              zIndex: 9999,
+              padding: "1rem"
+            },
+            onClick: () => M(!1),
+            children: /* @__PURE__ */ w(
+              "div",
+              {
+                className: "cedros-modal-content",
+                style: {
+                  backgroundColor: R.tokens.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 ${R.tokens.modalBorder}`
+                },
+                onClick: (S) => S.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ w(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        marginBottom: "1.5rem"
+                      },
+                      children: [
+                        /* @__PURE__ */ u(
+                          "h3",
+                          {
+                            style: {
+                              margin: 0,
+                              fontSize: "1.25rem",
+                              fontWeight: 600,
+                              color: R.tokens.surfaceText
+                            },
+                            children: _("wallet.select_wallet")
+                          }
+                        ),
+                        /* @__PURE__ */ u(
+                          "button",
+                          {
+                            onClick: () => M(!1),
+                            style: Fe(R.tokens.surfaceText),
+                            "aria-label": "Close modal",
+                            type: "button",
+                            children: "×"
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ u("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: A.map((S) => /* @__PURE__ */ w(
+                    "button",
+                    {
+                      onClick: () => Ae(S.adapter.name),
+                      style: {
+                        width: "100%",
+                        padding: "1rem",
+                        backgroundColor: R.tokens.surfaceBackground,
+                        border: `1px solid ${R.tokens.surfaceBorder}`,
+                        borderRadius: "0.5rem",
+                        cursor: "pointer",
+                        fontSize: "1rem",
+                        textAlign: "left",
+                        color: R.tokens.surfaceText,
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "1rem",
+                        transition: "all 0.2s ease"
+                      },
+                      onMouseEnter: (W) => {
+                        W.currentTarget.style.backgroundColor = R.tokens.modalBackground, W.currentTarget.style.borderColor = R.tokens.surfaceText, W.currentTarget.style.transform = "translateY(-2px)";
+                      },
+                      onMouseLeave: (W) => {
+                        W.currentTarget.style.backgroundColor = R.tokens.surfaceBackground, W.currentTarget.style.borderColor = R.tokens.surfaceBorder, W.currentTarget.style.transform = "translateY(0)";
+                      },
+                      type: "button",
+                      children: [
+                        /* @__PURE__ */ u(Ke, { wallet: S, style: { width: "24px", height: "24px" } }),
+                        /* @__PURE__ */ u("span", { style: { fontWeight: 500 }, children: S.adapter.name })
+                      ]
+                    },
+                    S.adapter.name
+                  )) })
+                ]
+              }
+            )
+          }
+        ),
+        d && !b && !Q && /* @__PURE__ */ w(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              marginTop: "0.5rem",
+              fontSize: "0.75rem",
+              color: R.tokens.surfaceText,
+              opacity: 0.7
+            },
+            children: [
+              /* @__PURE__ */ u(
+                "button",
+                {
+                  onClick: _e,
+                  style: {
+                    background: "none",
+                    border: "none",
+                    padding: 0,
+                    color: "inherit",
+                    textDecoration: "none",
+                    cursor: "pointer",
+                    fontSize: "inherit"
+                  },
+                  type: "button",
+                  children: _("wallet.change")
+                }
+              ),
+              /* @__PURE__ */ u(
+                "button",
+                {
+                  onClick: We,
+                  style: {
+                    background: "none",
+                    border: "none",
+                    padding: 0,
+                    color: "inherit",
+                    textDecoration: "none",
+                    cursor: "pointer",
+                    fontSize: "inherit"
+                  },
+                  type: "button",
+                  children: _("ui.disconnect")
+                }
+              )
+            ]
+          }
+        ),
+        !b && H && /* @__PURE__ */ u("div", { className: R.unstyled ? "" : "cedros-theme__error", children: H }),
+        !b && ne && /* @__PURE__ */ u("div", { className: R.unstyled ? "" : "cedros-theme__error", children: ne }),
+        !b && oe && /* @__PURE__ */ u("div", { className: R.unstyled ? "" : "cedros-theme__success", children: _("ui.subscription_active") })
+      ]
+    }
+  );
+}
+function et() {
+  const { subscriptionChangeManager: e } = ee(), [r, t] = U({
+    status: "idle",
+    error: null,
+    subscription: null,
+    changePreview: null
+  }), o = T(
+    async (s, b) => {
+      t((c) => ({ ...c, status: "loading", error: null }));
+      try {
+        const c = await e.getDetails(s, b);
+        return t((d) => ({
+          ...d,
+          status: "success",
+          subscription: c
+        })), c;
+      } catch (c) {
+        const d = c instanceof Error ? c.message : "Failed to load subscription";
+        return t((n) => ({ ...n, status: "error", error: d })), null;
+      }
+    },
+    [e]
+  ), f = T(
+    async (s, b, c, d) => {
+      t((n) => ({ ...n, status: "loading", error: null }));
+      try {
+        const n = {
+          currentResource: s,
+          newResource: b,
+          userId: c,
+          newInterval: d
+        }, a = await e.previewChange(n);
+        return t((p) => ({
+          ...p,
+          status: "idle",
+          changePreview: a
+        })), a;
+      } catch (n) {
+        const a = n instanceof Error ? n.message : "Failed to preview change";
+        return t((p) => ({ ...p, status: "error", error: a })), null;
+      }
+    },
+    [e]
+  ), i = T(
+    async (s) => {
+      const { subscription: b } = r;
+      if (!b)
+        return t((c) => ({ ...c, status: "error", error: "No subscription loaded" })), null;
+      t((c) => ({ ...c, status: "loading", error: null }));
+      try {
+        const c = {
+          currentResource: b.resource,
+          newResource: s.newResource,
+          userId: b.id,
+          // Use subscription ID as user identifier
+          newInterval: s.newInterval,
+          prorationBehavior: s.prorationBehavior,
+          immediate: s.immediate
+        }, d = await e.changeSubscription(c);
+        return d.success ? t((n) => ({
+          ...n,
+          status: "success",
+          subscription: n.subscription ? {
+            ...n.subscription,
+            resource: d.newResource,
+            interval: d.newInterval,
+            status: d.status
+          } : null,
+          changePreview: null
+        })) : t((n) => ({
+          ...n,
+          status: "error",
+          error: d.error || "Failed to change subscription"
+        })), d;
+      } catch (c) {
+        const d = c instanceof Error ? c.message : "Failed to change subscription";
+        return t((n) => ({ ...n, status: "error", error: d })), null;
+      }
+    },
+    [e, r.subscription]
+  ), h = T(
+    async (s) => {
+      const { subscription: b } = r;
+      if (!b)
+        return t((c) => ({ ...c, status: "error", error: "No subscription loaded" })), null;
+      t((c) => ({ ...c, status: "loading", error: null }));
+      try {
+        const c = {
+          resource: b.resource,
+          userId: b.id,
+          immediate: s
+        }, d = await e.cancel(c);
+        if (d.success) {
+          const n = s ? "canceled" : b.status;
+          t((a) => ({
+            ...a,
+            status: "success",
+            subscription: a.subscription ? {
+              ...a.subscription,
+              status: n,
+              cancelAtPeriodEnd: !s
+            } : null
+          }));
+        } else
+          t((n) => ({
+            ...n,
+            status: "error",
+            error: d.error || "Failed to cancel subscription"
+          }));
+        return d;
+      } catch (c) {
+        const d = c instanceof Error ? c.message : "Failed to cancel subscription";
+        return t((n) => ({ ...n, status: "error", error: d })), null;
+      }
+    },
+    [e, r.subscription]
+  ), x = T(
+    async (s, b) => {
+      t((c) => ({ ...c, status: "loading", error: null }));
+      try {
+        const c = await e.getBillingPortalUrl({
+          userId: s,
+          returnUrl: b
+        });
+        return window.location.href = c.url, c;
+      } catch (c) {
+        const d = c instanceof Error ? c.message : "Failed to open billing portal";
+        return t((n) => ({ ...n, status: "error", error: d })), null;
+      }
+    },
+    [e]
+  ), m = T(() => {
+    t((s) => ({ ...s, changePreview: null }));
+  }, []), l = T(() => {
+    t({
+      status: "idle",
+      error: null,
+      subscription: null,
+      changePreview: null
+    });
+  }, []);
+  return {
+    ...r,
+    loadSubscription: o,
+    previewChange: f,
+    changeSubscription: i,
+    cancelSubscription: h,
+    openBillingPortal: x,
+    clearPreview: m,
+    reset: l
+  };
+}
+const g = {
+  container: {
+    padding: "24px",
+    backgroundColor: "#fff",
+    borderRadius: "8px",
+    border: "1px solid #e5e7eb",
+    fontFamily: "system-ui, -apple-system, sans-serif"
+  },
+  error: {
+    padding: "12px 16px",
+    backgroundColor: "#fef2f2",
+    border: "1px solid #fecaca",
+    borderRadius: "6px",
+    color: "#dc2626",
+    marginBottom: "16px"
+  },
+  loading: {
+    padding: "24px",
+    textAlign: "center",
+    color: "#6b7280"
+  },
+  details: {
+    marginBottom: "24px"
+  },
+  title: {
+    margin: "0 0 16px 0",
+    fontSize: "18px",
+    fontWeight: 600,
+    color: "#111827"
+  },
+  detailRow: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: "8px 0",
+    borderBottom: "1px solid #f3f4f6"
+  },
+  label: {
+    color: "#6b7280",
+    fontSize: "14px"
+  },
+  value: {
+    color: "#111827",
+    fontSize: "14px",
+    fontWeight: 500
+  },
+  statusBadge: {
+    padding: "4px 8px",
+    borderRadius: "4px",
+    color: "#fff",
+    fontSize: "12px",
+    fontWeight: 500,
+    textTransform: "capitalize"
+  },
+  cancelNotice: {
+    marginTop: "12px",
+    padding: "8px 12px",
+    backgroundColor: "#fef3c7",
+    border: "1px solid #fcd34d",
+    borderRadius: "6px",
+    color: "#92400e",
+    fontSize: "13px"
+  },
+  prorationPreview: {
+    padding: "16px",
+    backgroundColor: "#f9fafb",
+    borderRadius: "8px",
+    marginBottom: "24px"
+  },
+  previewTitle: {
+    margin: "0 0 12px 0",
+    fontSize: "16px",
+    fontWeight: 600,
+    color: "#111827"
+  },
+  previewDetails: {
+    marginBottom: "16px"
+  },
+  previewRow: {
+    display: "flex",
+    justifyContent: "space-between",
+    padding: "6px 0",
+    fontSize: "14px",
+    color: "#4b5563"
+  },
+  previewTotal: {
+    borderTop: "1px solid #e5e7eb",
+    marginTop: "8px",
+    paddingTop: "12px",
+    fontWeight: 600,
+    color: "#111827"
+  },
+  previewActions: {
+    display: "flex",
+    gap: "12px",
+    justifyContent: "flex-end"
+  },
+  cancelButton: {
+    padding: "8px 16px",
+    backgroundColor: "#fff",
+    border: "1px solid #d1d5db",
+    borderRadius: "6px",
+    color: "#374151",
+    cursor: "pointer",
+    fontSize: "14px"
+  },
+  confirmButton: {
+    padding: "8px 16px",
+    backgroundColor: "#3b82f6",
+    border: "none",
+    borderRadius: "6px",
+    color: "#fff",
+    cursor: "pointer",
+    fontSize: "14px",
+    fontWeight: 500
+  },
+  plansSection: {
+    marginBottom: "24px"
+  },
+  plansTitle: {
+    margin: "0 0 12px 0",
+    fontSize: "16px",
+    fontWeight: 600,
+    color: "#111827"
+  },
+  plansList: {
+    display: "grid",
+    gridTemplateColumns: "repeat(auto-fit, minmax(200px, 1fr))",
+    gap: "16px"
+  },
+  planCard: {
+    padding: "16px",
+    backgroundColor: "#fff",
+    border: "1px solid #e5e7eb",
+    borderRadius: "8px",
+    textAlign: "center"
+  },
+  currentPlan: {
+    borderColor: "#3b82f6",
+    backgroundColor: "#eff6ff"
+  },
+  planName: {
+    fontSize: "16px",
+    fontWeight: 600,
+    color: "#111827",
+    marginBottom: "4px"
+  },
+  planPrice: {
+    fontSize: "14px",
+    color: "#6b7280",
+    marginBottom: "8px"
+  },
+  planDescription: {
+    fontSize: "12px",
+    color: "#9ca3af",
+    marginBottom: "12px"
+  },
+  currentBadge: {
+    display: "inline-block",
+    padding: "4px 8px",
+    backgroundColor: "#3b82f6",
+    color: "#fff",
+    borderRadius: "4px",
+    fontSize: "12px",
+    fontWeight: 500
+  },
+  changePlanButton: {
+    padding: "8px 16px",
+    backgroundColor: "#f3f4f6",
+    border: "1px solid #d1d5db",
+    borderRadius: "6px",
+    color: "#374151",
+    cursor: "pointer",
+    fontSize: "14px",
+    width: "100%"
+  },
+  actions: {
+    display: "flex",
+    gap: "12px",
+    justifyContent: "flex-end",
+    paddingTop: "16px",
+    borderTop: "1px solid #e5e7eb"
+  },
+  portalButton: {
+    padding: "10px 20px",
+    backgroundColor: "#3b82f6",
+    border: "none",
+    borderRadius: "6px",
+    color: "#fff",
+    cursor: "pointer",
+    fontSize: "14px",
+    fontWeight: 500
+  },
+  cancelSubscriptionButton: {
+    padding: "10px 20px",
+    backgroundColor: "#fff",
+    border: "1px solid #ef4444",
+    borderRadius: "6px",
+    color: "#ef4444",
+    cursor: "pointer",
+    fontSize: "14px"
+  }
+};
+function V(e, r) {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: r.toUpperCase()
+  }).format(e / 100);
+}
+function Be(e) {
+  return new Date(e).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+}
+function tt(e) {
+  switch (e) {
+    case "active":
+      return "#22c55e";
+    case "trialing":
+      return "#3b82f6";
+    case "past_due":
+      return "#f59e0b";
+    case "canceled":
+    case "expired":
+      return "#ef4444";
+    default:
+      return "#6b7280";
+  }
+}
+function rt({
+  preview: e,
+  onConfirm: r,
+  onCancel: t,
+  isLoading: o
+}) {
+  const f = e.immediateAmount < 0;
+  return /* @__PURE__ */ w("div", { className: "cedros-proration-preview", style: g.prorationPreview, children: [
+    /* @__PURE__ */ u("h4", { style: g.previewTitle, children: "Change Preview" }),
+    /* @__PURE__ */ w("div", { style: g.previewDetails, children: [
+      /* @__PURE__ */ w("div", { style: g.previewRow, children: [
+        /* @__PURE__ */ u("span", { children: "Current plan:" }),
+        /* @__PURE__ */ w("span", { children: [
+          V(e.currentPlanPrice, e.currency),
+          "/period"
+        ] })
+      ] }),
+      /* @__PURE__ */ w("div", { style: g.previewRow, children: [
+        /* @__PURE__ */ u("span", { children: "New plan:" }),
+        /* @__PURE__ */ w("span", { children: [
+          V(e.newPlanPrice, e.currency),
+          "/period"
+        ] })
+      ] }),
+      /* @__PURE__ */ w("div", { style: g.previewRow, children: [
+        /* @__PURE__ */ u("span", { children: "Days remaining:" }),
+        /* @__PURE__ */ w("span", { children: [
+          e.daysRemaining,
+          " days"
+        ] })
+      ] }),
+      e.prorationDetails && /* @__PURE__ */ w(me, { children: [
+        /* @__PURE__ */ w("div", { style: g.previewRow, children: [
+          /* @__PURE__ */ u("span", { children: "Unused credit:" }),
+          /* @__PURE__ */ w("span", { children: [
+            "-",
+            V(e.prorationDetails.unusedCredit, e.currency)
+          ] })
+        ] }),
+        /* @__PURE__ */ w("div", { style: g.previewRow, children: [
+          /* @__PURE__ */ u("span", { children: "New plan cost:" }),
+          /* @__PURE__ */ u("span", { children: V(e.prorationDetails.newPlanCost, e.currency) })
+        ] })
+      ] }),
+      /* @__PURE__ */ w("div", { style: { ...g.previewRow, ...g.previewTotal }, children: [
+        /* @__PURE__ */ u("span", { children: f ? "Credit to account:" : "Amount due now:" }),
+        /* @__PURE__ */ u("span", { style: { color: f ? "#22c55e" : "#ef4444" }, children: V(Math.abs(e.immediateAmount), e.currency) })
+      ] }),
+      /* @__PURE__ */ w("div", { style: g.previewRow, children: [
+        /* @__PURE__ */ u("span", { children: "Effective date:" }),
+        /* @__PURE__ */ u("span", { children: Be(e.effectiveDate) })
+      ] })
+    ] }),
+    /* @__PURE__ */ w("div", { style: g.previewActions, children: [
+      /* @__PURE__ */ u("button", { onClick: t, style: g.cancelButton, disabled: o, children: "Cancel" }),
+      /* @__PURE__ */ u("button", { onClick: r, style: g.confirmButton, disabled: o, children: o ? "Processing..." : "Confirm Change" })
+    ] })
+  ] });
+}
+function xt({
+  resource: e,
+  userId: r,
+  availablePlans: t = [],
+  onSubscriptionChanged: o,
+  onSubscriptionCanceled: f,
+  billingPortalReturnUrl: i,
+  showBillingPortal: h = !1,
+  className: x,
+  style: m
+}) {
+  const {
+    subscription: l,
+    changePreview: s,
+    status: b,
+    error: c,
+    loadSubscription: d,
+    previewChange: n,
+    changeSubscription: a,
+    cancelSubscription: p,
+    openBillingPortal: C,
+    clearPreview: P
+  } = et();
+  Y(() => {
+    d(e, r);
+  }, [e, r, d]);
+  const y = T(
+    async (v, k) => {
+      await n(e, v, r, k);
+    },
+    [e, r, n]
+  ), B = T(async () => {
+    if (!s) return;
+    const v = t.find(
+      (q) => q.price === s.newPlanPrice && q.currency === s.currency
+    );
+    (await a({
+      newResource: v?.resource || e,
+      newInterval: v?.interval,
+      immediate: !0
+    }))?.success && v && o?.(v.resource, v.interval);
+  }, [s, t, e, a, o]), N = T(
+    async (v) => {
+      (await p(v))?.success && f?.();
+    },
+    [p, f]
+  ), E = T(() => {
+    C(r, i);
+  }, [r, i, C]), I = b === "loading";
+  return /* @__PURE__ */ w("div", { className: `cedros-subscription-panel ${x || ""}`, style: { ...g.container, ...m }, children: [
+    c && /* @__PURE__ */ u("div", { className: "cedros-subscription-error", style: g.error, children: c }),
+    I && !l && /* @__PURE__ */ u("div", { className: "cedros-subscription-loading", style: g.loading, children: "Loading subscription..." }),
+    l && /* @__PURE__ */ w(me, { children: [
+      /* @__PURE__ */ w("div", { className: "cedros-subscription-details", style: g.details, children: [
+        /* @__PURE__ */ u("h3", { style: g.title, children: "Current Subscription" }),
+        /* @__PURE__ */ w("div", { style: g.detailRow, children: [
+          /* @__PURE__ */ u("span", { style: g.label, children: "Plan:" }),
+          /* @__PURE__ */ u("span", { style: g.value, children: l.resource })
+        ] }),
+        /* @__PURE__ */ w("div", { style: g.detailRow, children: [
+          /* @__PURE__ */ u("span", { style: g.label, children: "Status:" }),
+          /* @__PURE__ */ u(
+            "span",
+            {
+              style: {
+                ...g.statusBadge,
+                backgroundColor: tt(l.status)
+              },
+              children: l.status
+            }
+          )
+        ] }),
+        /* @__PURE__ */ w("div", { style: g.detailRow, children: [
+          /* @__PURE__ */ u("span", { style: g.label, children: "Price:" }),
+          /* @__PURE__ */ w("span", { style: g.value, children: [
+            V(l.pricePerPeriod, l.currency),
+            "/",
+            l.interval
+          ] })
+        ] }),
+        /* @__PURE__ */ w("div", { style: g.detailRow, children: [
+          /* @__PURE__ */ u("span", { style: g.label, children: "Current period ends:" }),
+          /* @__PURE__ */ u("span", { style: g.value, children: Be(l.currentPeriodEnd) })
+        ] }),
+        l.cancelAtPeriodEnd && /* @__PURE__ */ u("div", { style: g.cancelNotice, children: "Subscription will cancel at end of current period" })
+      ] }),
+      s && /* @__PURE__ */ u(
+        rt,
+        {
+          preview: s,
+          onConfirm: B,
+          onCancel: P,
+          isLoading: I
+        }
+      ),
+      t.length > 0 && !s && /* @__PURE__ */ w("div", { className: "cedros-available-plans", style: g.plansSection, children: [
+        /* @__PURE__ */ u("h4", { style: g.plansTitle, children: "Available Plans" }),
+        /* @__PURE__ */ u("div", { style: g.plansList, children: t.map((v) => {
+          const k = v.resource === l.resource;
+          return /* @__PURE__ */ w(
+            "div",
+            {
+              style: {
+                ...g.planCard,
+                ...k ? g.currentPlan : {}
+              },
+              children: [
+                /* @__PURE__ */ u("div", { style: g.planName, children: v.name }),
+                /* @__PURE__ */ w("div", { style: g.planPrice, children: [
+                  V(v.price, v.currency),
+                  "/",
+                  v.interval
+                ] }),
+                v.description && /* @__PURE__ */ u("div", { style: g.planDescription, children: v.description }),
+                k ? /* @__PURE__ */ u("span", { style: g.currentBadge, children: "Current Plan" }) : /* @__PURE__ */ u(
+                  "button",
+                  {
+                    onClick: () => y(v.resource, v.interval),
+                    style: g.changePlanButton,
+                    disabled: I,
+                    children: v.price > l.pricePerPeriod ? "Upgrade" : "Downgrade"
+                  }
+                )
+              ]
+            },
+            v.resource
+          );
+        }) })
+      ] }),
+      /* @__PURE__ */ w("div", { className: "cedros-subscription-actions", style: g.actions, children: [
+        h && l.paymentMethod === "stripe" && /* @__PURE__ */ u("button", { onClick: E, style: g.portalButton, disabled: I, children: "Manage Billing" }),
+        l.status === "active" && !l.cancelAtPeriodEnd && /* @__PURE__ */ u(
+          "button",
+          {
+            onClick: () => N(!1),
+            style: g.cancelSubscriptionButton,
+            disabled: I,
+            children: "Cancel Subscription"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function Pt() {
+  const { x402Manager: e, walletManager: r } = ee(), { publicKey: t, signTransaction: o } = ye(), [f, i] = U({
     status: "idle",
     error: null,
     transactionId: null
-  }), [h, m] = O(null), [y, l] = O(null), i = k(
-    async (u) => {
+  }), [h, x] = U(null), [m, l] = U(null), s = T(
+    async (n) => {
       try {
-        e((a) => ({ ...a, status: "loading" }));
-        const c = await t.requestQuote({ resource: u });
-        if (!t.validateRequirement(c))
+        i((p) => ({ ...p, status: "loading" }));
+        const a = await e.requestQuote({ resource: n });
+        if (!e.validateRequirement(a))
           throw new Error("Invalid refund requirement received from server");
-        return m(c), e((a) => ({ ...a, status: "idle" })), c;
-      } catch (c) {
-        const a = j(c, "Failed to fetch refund requirement");
-        throw e({
+        return x(a), i((p) => ({ ...p, status: "idle" })), a;
+      } catch (a) {
+        const p = Z(a, "Failed to fetch refund requirement");
+        throw i({
           status: "error",
-          error: a,
+          error: p,
           transactionId: null
-        }), c;
+        }), a;
       }
     },
-    [t]
-  ), b = k(
-    async (u, c) => {
-      if (!r || !o)
+    [e]
+  ), b = T(
+    async (n, a) => {
+      if (!t || !o)
         throw new Error("Wallet not connected");
       try {
-        e({
+        i({
           status: "loading",
           error: null,
           transactionId: null
         });
-        const a = await t.requestQuote({ resource: u, couponCode: c });
-        if (!t.validateRequirement(a))
+        const p = await e.requestQuote({ resource: n, couponCode: a });
+        if (!e.validateRequirement(p))
           throw new Error("Invalid refund requirement received");
-        m(a);
-        const S = await s.buildTransaction({
-          requirement: a,
-          payerPublicKey: r
-        }), v = await s.signTransaction({
-          transaction: S,
+        x(p);
+        const C = await r.buildTransaction({
+          requirement: p,
+          payerPublicKey: t
+        }), P = await r.signTransaction({
+          transaction: C,
           signTransaction: o
-        }), C = s.buildPaymentPayload({
-          requirement: a,
-          signedTx: v,
-          payerPublicKey: r
-        }), w = await t.submitPayment({
-          resource: u,
-          payload: C,
-          couponCode: c,
+        }), y = r.buildPaymentPayload({
+          requirement: p,
+          signedTx: P,
+          payerPublicKey: t
+        }), B = await e.submitPayment({
+          resource: n,
+          payload: y,
+          couponCode: a,
           metadata: void 0,
           // no metadata for refunds
           resourceType: "refund"
         });
-        return w.settlement && l(w.settlement), e({
+        return B.settlement && l(B.settlement), i({
           status: "success",
           error: null,
-          transactionId: w.transactionId || v.signature
-        }), w;
-      } catch (a) {
-        const S = j(a, "Refund payment failed");
-        throw e({
+          transactionId: B.transactionId || P.signature
+        }), B;
+      } catch (p) {
+        const C = Z(p, "Refund payment failed");
+        throw i({
           status: "error",
-          error: S,
+          error: C,
           transactionId: null
-        }), a;
+        }), p;
       }
     },
-    [r, o, t, s]
-  ), g = k(
-    async (u) => {
-      if (!r || !o)
+    [t, o, e, r]
+  ), c = T(
+    async (n) => {
+      if (!t || !o)
         throw new Error("Wallet not connected");
       try {
-        e({
+        i({
           status: "loading",
           error: null,
           transactionId: null
         });
-        const c = await t.requestQuote({ resource: u });
-        if (!t.validateRequirement(c))
+        const a = await e.requestQuote({ resource: n });
+        if (!e.validateRequirement(a))
           throw new Error("Invalid refund requirement received");
-        m(c);
-        const { transaction: a } = await t.buildGaslessTransaction({
-          resourceId: u,
-          userWallet: r.toString(),
-          feePayer: c.extra.feePayer
-        }), S = s.deserializeTransaction(a), v = await s.partiallySignTransaction({
-          transaction: S,
+        x(a);
+        const { transaction: p } = await e.buildGaslessTransaction({
+          resourceId: n,
+          userWallet: t.toString(),
+          feePayer: a.extra.feePayer
+        }), C = r.deserializeTransaction(p), P = await r.partiallySignTransaction({
+          transaction: C,
           signTransaction: o
-        }), C = await t.submitGaslessTransaction({
-          resource: u,
-          partialTx: v,
+        }), y = await e.submitGaslessTransaction({
+          resource: n,
+          partialTx: P,
           couponCode: void 0,
           // no couponCode
           metadata: void 0,
           // no metadata
           resourceType: "refund",
-          requirement: c
+          requirement: a
         });
-        return C.settlement && l(C.settlement), e({
+        return y.settlement && l(y.settlement), i({
           status: "success",
           error: null,
-          transactionId: C.transactionId || "gasless-refund-tx"
-        }), C;
-      } catch (c) {
-        const a = j(c, "Gasless refund payment failed");
-        throw e({
+          transactionId: y.transactionId || "gasless-refund-tx"
+        }), y;
+      } catch (a) {
+        const p = Z(a, "Gasless refund payment failed");
+        throw i({
           status: "error",
-          error: a,
+          error: p,
           transactionId: null
-        }), c;
+        }), a;
       }
     },
-    [r, o, t, s]
-  ), P = k(() => {
-    e({
+    [t, o, e, r]
+  ), d = T(() => {
+    i({
       status: "idle",
       error: null,
       transactionId: null
-    }), m(null), l(null);
+    }), x(null), l(null);
   }, []);
   return {
-    state: n,
+    state: f,
     requirement: h,
-    settlement: y,
-    fetchRefundQuote: i,
+    settlement: m,
+    fetchRefundQuote: s,
     processRefund: b,
-    processGaslessRefund: g,
-    reset: P
+    processGaslessRefund: c,
+    reset: d
   };
 }
-function Ee() {
+function nt() {
   if (typeof window > "u")
     return {
       passed: !0,
       severity: "info",
       message: "HTTPS check skipped (SSR environment)"
     };
-  const t = window.location.protocol === "https:", s = window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1";
-  return t || s ? {
+  const e = window.location.protocol === "https:", r = window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1";
+  return e || r ? {
     passed: !0,
     severity: "info",
     message: "HTTPS enforced"
@@ -484,7 +1775,7 @@ function Ee() {
     recommendation: "Enable HTTPS for all payment pages. Stripe.js requires HTTPS in production."
   };
 }
-function we() {
+function st() {
   return typeof document > "u" ? {
     passed: !0,
     severity: "info",
@@ -500,7 +1791,7 @@ function we() {
     recommendation: "Configure CSP headers to protect against XSS and CDN compromise. Use generateCSP() helper from @cedros/pay-react."
   };
 }
-function Te() {
+function ot() {
   return process.env.NODE_ENV === "development" || typeof window < "u" && window.location.hostname === "localhost" ? {
     passed: !0,
     severity: "info",
@@ -511,7 +1802,7 @@ function Te() {
     message: "Running in production mode"
   };
 }
-function Re() {
+function at() {
   return {
     passed: !0,
     severity: "info",
@@ -519,7 +1810,7 @@ function Re() {
     recommendation: "Ensure CSP script-src includes https://js.stripe.com"
   };
 }
-function be() {
+function it() {
   return typeof window > "u" ? {
     passed: !0,
     severity: "info",
@@ -534,28 +1825,28 @@ function be() {
     message: "Mixed content check skipped (HTTP page)"
   };
 }
-function De() {
-  const t = [
-    Ee(),
-    we(),
-    Te(),
-    Re(),
-    be()
-  ], s = t.some((e) => e.severity === "error" && !e.passed), r = t.some((e) => e.severity === "warning" && !e.passed);
-  let o, n;
-  return s ? (o = "vulnerable", n = "Security issues detected. Review errors and apply recommendations.") : r ? (o = "warnings", n = "Minor security warnings detected. Consider applying recommendations.") : (o = "secure", n = "All security checks passed."), {
-    checks: t,
+function kt() {
+  const e = [
+    nt(),
+    st(),
+    ot(),
+    at(),
+    it()
+  ], r = e.some((i) => i.severity === "error" && !i.passed), t = e.some((i) => i.severity === "warning" && !i.passed);
+  let o, f;
+  return r ? (o = "vulnerable", f = "Security issues detected. Review errors and apply recommendations.") : t ? (o = "warnings", f = "Minor security warnings detected. Consider applying recommendations.") : (o = "secure", f = "All security checks passed."), {
+    checks: e,
     overallStatus: o,
-    summary: n
+    summary: f
   };
 }
-function je(t) {
-  process.env.NODE_ENV !== "production" && (console.group("🔒 Cedros Pay Security Report"), console.log(`Status: ${t.overallStatus.toUpperCase()}`), console.log(`Summary: ${t.summary}`), console.log(""), t.checks.forEach((s) => {
-    const r = s.passed ? "✅" : s.severity === "error" ? "❌" : "⚠️";
-    console.log(`${r} ${s.message}`), s.recommendation && console.log(`   → ${s.recommendation}`);
+function Tt(e) {
+  process.env.NODE_ENV !== "production" && (console.group("🔒 Cedros Pay Security Report"), console.log(`Status: ${e.overallStatus.toUpperCase()}`), console.log(`Summary: ${e.summary}`), console.log(""), e.checks.forEach((r) => {
+    const t = r.passed ? "✅" : r.severity === "error" ? "❌" : "⚠️";
+    console.log(`${t} ${r.message}`), r.recommendation && console.log(`   → ${r.recommendation}`);
   }), console.groupEnd());
 }
-const He = {
+const Et = {
   CSP: "Use generateCSP() from @cedros/pay-react to generate Content Security Policy headers",
   HTTPS: "Always serve payment pages over HTTPS in production",
   PACKAGE_UPDATES: "Keep @stripe/stripe-js and @cedros/pay-react updated for security patches",
@@ -564,64 +1855,70 @@ const He = {
   NO_SRI: "Do NOT use SRI hashes for Stripe.js - use CSP instead"
 };
 export {
-  Be as CEDROS_EVENTS,
-  dt as CIRCUIT_BREAKER_PRESETS,
-  qe as CSP_PRESETS,
-  Oe as CedrosPay,
-  pt as CedrosProvider,
-  mt as CircuitBreakerOpenError,
-  ft as CircuitState,
-  fe as CryptoButton,
-  Ke as ERROR_CATEGORIES,
-  ht as LogLevel,
-  yt as Logger,
-  Ge as PaymentMethodBadge,
-  pe as PaymentModal,
-  Ve as ProductPrice,
-  ve as PurchaseButton,
-  St as RATE_LIMITER_PRESETS,
-  gt as RETRY_PRESETS,
-  Ue as RPC_PROVIDERS,
-  He as SECURITY_RECOMMENDATIONS,
-  me as StripeButton,
-  Ct as WalletPool,
-  Ye as calculateDiscountPercentage,
-  Pt as createCircuitBreaker,
-  vt as createLogger,
-  Et as createRateLimiter,
-  ze as createTranslator,
-  wt as createWalletPool,
-  Qe as detectLocale,
-  ue as emitPaymentError,
+  Bt as CEDROS_EVENTS,
+  Yt as CIRCUIT_BREAKER_PRESETS,
+  St as CSP_PRESETS,
+  wt as CedrosPay,
+  Vt as CedrosProvider,
+  Xt as CircuitBreakerOpenError,
+  Jt as CircuitState,
+  je as CryptoButton,
+  vt as CryptoSubscribeButton,
+  Nt as ERROR_CATEGORIES,
+  Zt as LogLevel,
+  er as Logger,
+  Mt as PaymentMethodBadge,
+  ze as PaymentModal,
+  _t as ProductPrice,
+  Xe as PurchaseButton,
+  tr as RATE_LIMITER_PRESETS,
+  rr as RETRY_PRESETS,
+  bt as RPC_PROVIDERS,
+  Et as SECURITY_RECOMMENDATIONS,
+  Ue as StripeButton,
+  Ct as SubscribeButton,
+  xt as SubscriptionManagementPanel,
+  nr as WalletPool,
+  At as calculateDiscountPercentage,
+  sr as createCircuitBreaker,
+  or as createLogger,
+  ar as createRateLimiter,
+  Wt as createTranslator,
+  ir as createWalletPool,
+  Lt as detectLocale,
+  ce as emitPaymentError,
   ie as emitPaymentProcessing,
-  ce as emitPaymentStart,
-  le as emitPaymentSuccess,
-  Fe as emitWalletConnect,
-  Xe as emitWalletConnected,
-  Je as emitWalletError,
-  Pe as formatCSP,
-  Ze as formatCouponCodes,
-  xe as generateCSP,
-  Ce as generateCSPDirectives,
-  et as getAvailableLocales,
-  tt as getLocalizedError,
-  he as getLogger,
-  st as getUserErrorMessage,
-  rt as isRetryableError,
-  ot as loadLocale,
-  je as logSecurityReport,
-  nt as parseCouponCodes,
-  at as parseStructuredErrorResponse,
-  Tt as retryWithBackoff,
-  ct as stackCheckoutCoupons,
-  Q as useCedrosContext,
-  z as useCedrosTheme,
-  it as useLocalizedError,
-  V as usePaymentMode,
-  Ae as useRefundVerification,
-  ne as useStripeCheckout,
-  ae as useTranslation,
-  lt as useX402Payment,
-  Rt as validateConfig,
-  De as validateSecurity
+  he as emitPaymentStart,
+  be as emitPaymentSuccess,
+  Te as emitWalletConnect,
+  Oe as emitWalletConnected,
+  fe as emitWalletError,
+  Ve as formatCSP,
+  Dt as formatCouponCodes,
+  ht as generateCSP,
+  Ye as generateCSPDirectives,
+  qt as getAvailableLocales,
+  $t as getLocalizedError,
+  D as getLogger,
+  zt as getUserErrorMessage,
+  Ut as isRetryableError,
+  jt as loadLocale,
+  Tt as logSecurityReport,
+  Ot as parseCouponCodes,
+  Ft as parseStructuredErrorResponse,
+  cr as retryWithBackoff,
+  Ht as stackCheckoutCoupons,
+  ee as useCedrosContext,
+  le as useCedrosTheme,
+  Ze as useCryptoSubscription,
+  Kt as useLocalizedError,
+  Re as usePaymentMode,
+  Pt as useRefundVerification,
+  $e as useStripeCheckout,
+  Je as useSubscription,
+  et as useSubscriptionManagement,
+  ge as useTranslation,
+  Qt as useX402Payment,
+  lr as validateConfig,
+  kt as validateSecurity
 };