@cedros/pay-react 1.1.17 → 1.1.20

package/dist/styles--eKKnfdj.mjs

@@ -0,0 +1,2578 @@
+import { i as j, P as ke, u as re, o as be, a as V, m as pe } from "./CedrosContext-BE6P5PQ0.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";
+function xt(e) {
+  return !e || !e.coupon_codes ? [] : e.coupon_codes.split(",").map((t) => t.trim()).filter((t) => t.length > 0);
+}
+function Et(e, t = ", ") {
+  return e.join(t);
+}
+function kt(e, t) {
+  return e <= 0 ? 0 : (e - t) / e * 100;
+}
+function _t(e, t) {
+  if (!t || t.length === 0)
+    return e;
+  let r = e, n = 0;
+  for (const s of t)
+    if (s.discountType === "percentage") {
+      const u = 1 - s.discountValue / 100;
+      r = r * u;
+    } else s.discountType === "fixed" && (n += s.discountValue);
+  return r = r - n, r < 0 && (r = 0), Math.ceil(r * 100) / 100;
+}
+function _e(e) {
+  const t = Number(e);
+  if (!Number.isFinite(t) || t <= 0)
+    return 1;
+  const r = Math.floor(t);
+  return r > 0 ? r : 1;
+}
+function Ce(e) {
+  return e.map((t) => ({
+    resource: t.resource,
+    quantity: _e(t.quantity),
+    variantId: t.variantId,
+    metadata: t.metadata
+  }));
+}
+function ge(e) {
+  return e.reduce((t, r) => t + _e(r.quantity), 0);
+}
+function $e(e) {
+  return !!(e && e.length > 0 && (e.length > 1 || e.length === 1 && (e[0].quantity ?? 1) > 1));
+}
+const ee = /* @__PURE__ */ new Map(), we = /* @__PURE__ */ new Map(), G = /* @__PURE__ */ new Map(), fe = 1e3, Re = 200, Se = 2e3;
+function Ae(e) {
+  const t = G.get(e);
+  return t ? Date.now() < t ? !0 : (G.delete(e), !1) : !1;
+}
+function qe(e, t = Re) {
+  const r = Date.now() + t;
+  if (G.set(e, r), G.size > fe) {
+    const n = Array.from(G.keys()).slice(0, G.size - fe);
+    for (const s of n)
+      G.delete(s);
+  }
+}
+function ze(e, t = Se) {
+  const r = ee.get(e);
+  if (!r)
+    return !1;
+  const s = Date.now() - r;
+  return s < t ? (j().debug(`[Deduplication] Duplicate request blocked: ${e} (${s}ms ago)`), !0) : !1;
+}
+function Ue(e) {
+  if (ee.set(e, Date.now()), ee.size > fe) {
+    const t = Array.from(ee.keys()).slice(0, ee.size - fe);
+    for (const r of t)
+      ee.delete(r);
+  }
+}
+function Oe(e) {
+  return we.get(e) || null;
+}
+function Fe(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;
+  if (ze(e, n)) {
+    if (s)
+      throw new Error(`Duplicate request blocked: ${e}`);
+    j().warn(`[Deduplication] Duplicate request blocked but not throwing: ${e}`);
+    return;
+  }
+  const g = t();
+  return Fe(e, g);
+}
+function se(e, t, r = {}) {
+  const { cooldownMs: n = Re, deduplicationWindowMs: s = Se } = r;
+  return async () => {
+    if (Ae(e)) {
+      j().debug(`[Deduplication] Button in cooldown: ${e}`);
+      return;
+    }
+    qe(e, n);
+    try {
+      await We(
+        e,
+        async () => {
+          const u = t();
+          u instanceof Promise && await u;
+        },
+        { windowMs: s, throwOnDuplicate: !1 }
+      );
+    } catch (u) {
+      if (u instanceof Error && u.message.includes("Duplicate request"))
+        return;
+      throw u;
+    }
+  };
+}
+function He(e) {
+  return {
+    background: "none",
+    border: "none",
+    fontSize: "1.5rem",
+    cursor: "pointer",
+    color: e,
+    opacity: 0.6,
+    padding: "0.25rem",
+    lineHeight: 1
+  };
+}
+const J = {
+  PAYMENT_START: "cedros:payment:start",
+  WALLET_CONNECT: "cedros:wallet:connect",
+  WALLET_CONNECTED: "cedros:wallet:connected",
+  WALLET_ERROR: "cedros:wallet:error",
+  PAYMENT_PROCESSING: "cedros:payment:processing",
+  PAYMENT_SUCCESS: "cedros:payment:success",
+  PAYMENT_ERROR: "cedros:payment:error"
+};
+function Z(e, t) {
+  if (typeof window > "u")
+    return;
+  const r = new CustomEvent(e, {
+    detail: t,
+    bubbles: !0,
+    cancelable: !1
+  });
+  window.dispatchEvent(r);
+}
+function oe(e, t, r) {
+  Z(J.PAYMENT_START, {
+    timestamp: Date.now(),
+    method: e,
+    resource: t,
+    itemCount: r
+  });
+}
+function Rt(e) {
+  Z(J.WALLET_CONNECT, {
+    timestamp: Date.now(),
+    wallet: e
+  });
+}
+function It(e, t) {
+  Z(J.WALLET_CONNECTED, {
+    timestamp: Date.now(),
+    wallet: e,
+    publicKey: t
+  });
+}
+function Mt(e, t) {
+  Z(J.WALLET_ERROR, {
+    timestamp: Date.now(),
+    wallet: t,
+    error: e
+  });
+}
+function ae(e, t, r) {
+  Z(J.PAYMENT_PROCESSING, {
+    timestamp: Date.now(),
+    method: e,
+    resource: t,
+    itemCount: r
+  });
+}
+function ie(e, t, r, n) {
+  Z(J.PAYMENT_SUCCESS, {
+    timestamp: Date.now(),
+    method: e,
+    transactionId: t,
+    resource: r,
+    itemCount: n
+  });
+}
+function Y(e, t, r, n) {
+  Z(J.PAYMENT_ERROR, {
+    timestamp: Date.now(),
+    method: e,
+    error: t,
+    resource: r,
+    itemCount: n
+  });
+}
+function Tt(e) {
+  return e instanceof ke && e.canRetry();
+}
+function Nt(e) {
+  return e instanceof ke ? e.getUserMessage() : e instanceof Error ? e.message : String(e);
+}
+function Ye(e) {
+  switch (e) {
+    case "mainnet-beta":
+      return "https://api.mainnet-beta.solana.com";
+    case "devnet":
+      return "https://api.devnet.solana.com";
+    case "testnet":
+      return "https://api.testnet.solana.com";
+    default:
+      return "https://api.mainnet-beta.solana.com";
+  }
+}
+function Qe(e) {
+  try {
+    const t = new URL(e);
+    return `${t.protocol}//${t.host}`;
+  } catch {
+    return e;
+  }
+}
+function Ve(e = {}) {
+  const {
+    solanaCluster: t = "mainnet-beta",
+    solanaEndpoint: r,
+    customRpcProviders: n = [],
+    allowUnsafeScripts: s = !1,
+    additionalScriptSrc: u = [],
+    additionalConnectSrc: g = [],
+    additionalFrameSrc: b = [],
+    includeStripe: h = !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);
+  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);
+    }
+    n.forEach((l) => {
+      o.includes(l) || o.push(l);
+    });
+  }
+  o.push(...g);
+  const d = ["'self'"];
+  return h && d.push("https://js.stripe.com", "https://checkout.stripe.com"), d.push(...b), {
+    scriptSrc: a,
+    connectSrc: o,
+    frameSrc: d
+  };
+}
+function Ge(e, t = "header") {
+  const { scriptSrc: r, connectSrc: n, frameSrc: s } = e;
+  switch (t) {
+    case "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("; ");
+    }
+    case "helmet": {
+      const u = {};
+      return r.length > 0 && (u.scriptSrc = r), n.length > 0 && (u.connectSrc = n), s.length > 0 && (u.frameSrc = s), u;
+    }
+    case "directives":
+      return { scriptSrc: r, connectSrc: n, frameSrc: s };
+    default:
+      throw new Error(`Unknown CSP format: ${t}`);
+  }
+}
+function Dt(e = {}, t = "header") {
+  const r = Ve(e);
+  return Ge(r, t);
+}
+const jt = {
+  HELIUS: "https://*.helius-rpc.com",
+  QUICKNODE: "https://*.quicknode.pro",
+  ALCHEMY: "https://*.alchemy.com",
+  ANKR: "https://rpc.ankr.com",
+  TRITON: "https://*.rpcpool.com"
+}, Bt = {
+  /**
+   * Mainnet production with custom RPC (recommended)
+   */
+  MAINNET_CUSTOM_RPC: (e) => ({
+    solanaCluster: "mainnet-beta",
+    solanaEndpoint: e,
+    allowUnsafeScripts: !1
+  }),
+  /**
+   * Mainnet with Next.js (may require unsafe-inline/eval for some setups)
+   * Note: Modern Next.js supports strict CSP without unsafe directives.
+   * Only enable allowUnsafeScripts if necessary and understand the security implications.
+   */
+  MAINNET_NEXTJS: (e) => ({
+    solanaCluster: "mainnet-beta",
+    solanaEndpoint: e,
+    allowUnsafeScripts: !1
+  }),
+  /**
+   * Devnet for testing
+   */
+  DEVNET: () => ({
+    solanaCluster: "devnet",
+    allowUnsafeScripts: !1
+  }),
+  /**
+   * Crypto-only payments (no Stripe)
+   */
+  CRYPTO_ONLY: (e) => ({
+    solanaCluster: "mainnet-beta",
+    solanaEndpoint: e,
+    includeStripe: !1
+  }),
+  /**
+   * Stripe-only payments (no Solana)
+   */
+  STRIPE_ONLY: () => ({
+    includeStripe: !0,
+    includeSolana: !1
+  })
+};
+function Ie() {
+  const { stripeManager: e } = re(), [t, r] = Q({
+    status: "idle",
+    error: null,
+    transactionId: null
+  }), n = X(!1), s = I(
+    async (b, h, c, a, o, d) => {
+      if (n.current)
+        return { success: !1, error: "Payment already in progress" };
+      n.current = !0, r({
+        status: "loading",
+        error: null,
+        transactionId: null
+      });
+      const i = {
+        resource: b,
+        successUrl: h,
+        cancelUrl: c,
+        metadata: a,
+        customerEmail: o,
+        couponCode: d
+      };
+      try {
+        const l = await e.processPayment(i);
+        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";
+        return r({
+          status: "error",
+          error: p,
+          transactionId: null
+        }), { success: !1, error: p };
+      } finally {
+        n.current = !1;
+      }
+    },
+    [e]
+  ), u = I(
+    async (b, h, c, a, o, d, i, l, p, m, w, y, k) => {
+      if (n.current)
+        return { success: !1, error: "Payment already in progress" };
+      n.current = !0, r({
+        status: "loading",
+        error: null,
+        transactionId: null
+      });
+      const P = Ce(b);
+      try {
+        const E = await e.processCartCheckout({
+          items: P,
+          successUrl: h,
+          cancelUrl: c,
+          metadata: a,
+          customerEmail: o,
+          customerName: i,
+          customerPhone: l,
+          shippingAddress: p,
+          billingAddress: m,
+          couponCode: d,
+          tipAmount: w,
+          shippingMethodId: y,
+          paymentMethodId: k
+        });
+        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";
+        return r({
+          status: "error",
+          error: M,
+          transactionId: null
+        }), { success: !1, error: M };
+      } finally {
+        n.current = !1;
+      }
+    },
+    [e]
+  ), g = I(() => {
+    r({
+      status: "idle",
+      error: null,
+      transactionId: null
+    }), n.current = !1;
+  }, []);
+  return {
+    ...t,
+    processPayment: s,
+    processCartCheckout: u,
+    reset: g
+  };
+}
+function he(e, t) {
+  return F(() => {
+    const r = $e(t), n = e || (t?.length === 1 ? t[0].resource : "");
+    return {
+      isCartMode: r,
+      effectiveResource: n
+    };
+  }, [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." : ""))));
+  });
+}, ye = /* @__PURE__ */ new Map();
+let de = null;
+async function Ee(e) {
+  if (ye.has(e))
+    return ye.get(e);
+  try {
+    const t = await Ke(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => import("./ar-w27mU-4x.mjs"), "./translations/bn.json": () => import("./bn-Ba_k3Kex.mjs"), "./translations/de.json": () => import("./de-CoZiPFN7.mjs"), "./translations/en.json": () => import("./en-BXheDBal.mjs"), "./translations/es.json": () => import("./es-BWGIBp2f.mjs"), "./translations/fil.json": () => import("./fil-Czo27xmj.mjs"), "./translations/fr.json": () => import("./fr-DQ-2ThBv.mjs"), "./translations/he.json": () => import("./he-DpV1WnBQ.mjs"), "./translations/id.json": () => import("./id-BJMqsu19.mjs"), "./translations/in.json": () => import("./in-BxgxKLQH.mjs"), "./translations/it.json": () => import("./it-DZFFPALf.mjs"), "./translations/jp.json": () => import("./jp-ZExTrlHK.mjs"), "./translations/kr.json": () => import("./kr-DHX3i4Ht.mjs"), "./translations/ms.json": () => import("./ms-Cv1fdIi2.mjs"), "./translations/nl.json": () => import("./nl-BmGonsKb.mjs"), "./translations/pa.json": () => import("./pa-BfwcJIar.mjs"), "./translations/pl.json": () => import("./pl-DE5IB9xv.mjs"), "./translations/pt.json": () => import("./pt-CLzkqDzf.mjs"), "./translations/ru.json": () => import("./ru-DM6-oUR0.mjs"), "./translations/ta.json": () => import("./ta-A5HnrGb5.mjs"), "./translations/th.json": () => import("./th-3fbB3Ytp.mjs"), "./translations/tr.json": () => import("./tr-BrgfFFdq.mjs"), "./translations/uk.json": () => import("./uk-0hFun_g_.mjs"), "./translations/ur.json": () => import("./ur-CaOjJXai.mjs"), "./translations/vn.json": () => import("./vn-0nlIZFLP.mjs"), "./translations/zh.json": () => import("./zh-B4Endr1F.mjs") }), `./translations/${e}.json`, 3), r = t.default || t;
+    return ye.set(e, r), r;
+  } catch {
+    return null;
+  }
+}
+async function Lt() {
+  if (de)
+    return de;
+  const e = /* @__PURE__ */ Object.assign({ "./translations/ar.json": () => import("./ar-w27mU-4x.mjs"), "./translations/bn.json": () => import("./bn-Ba_k3Kex.mjs"), "./translations/de.json": () => import("./de-CoZiPFN7.mjs"), "./translations/en.json": () => import("./en-BXheDBal.mjs"), "./translations/es.json": () => import("./es-BWGIBp2f.mjs"), "./translations/fil.json": () => import("./fil-Czo27xmj.mjs"), "./translations/fr.json": () => import("./fr-DQ-2ThBv.mjs"), "./translations/he.json": () => import("./he-DpV1WnBQ.mjs"), "./translations/id.json": () => import("./id-BJMqsu19.mjs"), "./translations/in.json": () => import("./in-BxgxKLQH.mjs"), "./translations/it.json": () => import("./it-DZFFPALf.mjs"), "./translations/jp.json": () => import("./jp-ZExTrlHK.mjs"), "./translations/kr.json": () => import("./kr-DHX3i4Ht.mjs"), "./translations/ms.json": () => import("./ms-Cv1fdIi2.mjs"), "./translations/nl.json": () => import("./nl-BmGonsKb.mjs"), "./translations/pa.json": () => import("./pa-BfwcJIar.mjs"), "./translations/pl.json": () => import("./pl-DE5IB9xv.mjs"), "./translations/pt.json": () => import("./pt-CLzkqDzf.mjs"), "./translations/ru.json": () => import("./ru-DM6-oUR0.mjs"), "./translations/ta.json": () => import("./ta-A5HnrGb5.mjs"), "./translations/th.json": () => import("./th-3fbB3Ytp.mjs"), "./translations/tr.json": () => import("./tr-BrgfFFdq.mjs"), "./translations/uk.json": () => import("./uk-0hFun_g_.mjs"), "./translations/ur.json": () => import("./ur-CaOjJXai.mjs"), "./translations/vn.json": () => import("./vn-0nlIZFLP.mjs"), "./translations/zh.json": () => import("./zh-B4Endr1F.mjs") }), t = [];
+  for (const r in e) {
+    const n = r.match(/\.\/translations\/([a-z]{2,3}(?:-[A-Z]{2})?)\.json$/);
+    n && t.push(n[1]);
+  }
+  return de = t.length > 0 ? t : ["en"], de;
+}
+function Xe() {
+  return typeof navigator > "u" ? "en" : (navigator.language || navigator.userLanguage || "en").split("-")[0].toLowerCase();
+}
+async function Je(e) {
+  let t = await Ee(e);
+  if (t || (t = await Ee("en"), t))
+    return t;
+  throw new Error("Critical: No translation files found, not even en.json");
+}
+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];
+      else
+        return t;
+    return typeof s != "string" ? t : r ? Object.entries(r).reduce(
+      (u, [g, b]) => u.replace(new RegExp(`\\{${g}\\}`, "g"), b),
+      s
+    ) : s;
+  };
+}
+function $t(e, t, r = !0) {
+  const n = t.errors[e];
+  if (!n) {
+    const s = be(e);
+    return r && s.action ? `${s.message} ${s.action}` : s.message;
+  }
+  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]);
+  return te(() => {
+    let b = !1;
+    return (async () => {
+      s(!0);
+      try {
+        const c = await Je(u);
+        b || (r(c), s(!1));
+      } catch (c) {
+        console.error("[CedrosPay] Failed to load translations:", c), b || s(!1);
+      }
+    })(), () => {
+      b = !0;
+    };
+  }, [u]), {
+    t: F(() => t ? Ze(t) : (b) => ({
+      "ui.purchase": "Purchase",
+      "ui.pay_with_card": "Pay with Card",
+      "ui.pay_with_crypto": "Pay with USDC",
+      "ui.pay_with_usdc": "Pay with USDC",
+      "ui.card": "Card",
+      "ui.usdc_solana": "USDC (Solana)",
+      "ui.crypto": "Crypto",
+      "ui.processing": "Processing...",
+      "ui.loading": "Loading...",
+      "ui.connect_wallet": "Connect Wallet",
+      "ui.connecting": "Connecting..."
+    })[b] || b, [t]),
+    locale: u,
+    isLoading: n,
+    translations: t
+  };
+}
+function At(e, t = !0) {
+  const { translations: r } = ne();
+  if (!r) {
+    const s = be(e);
+    return t && s.action ? `${s.message} ${s.action}` : s.message;
+  }
+  const n = r.errors[e];
+  if (!n) {
+    const s = be(e);
+    return t && s.action ? `${s.message} ${s.action}` : s.message;
+  }
+  return t && n.action ? `${n.message} ${n.action}` : n.message;
+}
+function Me({
+  resource: e,
+  items: t,
+  successUrl: r,
+  cancelUrl: n,
+  metadata: s,
+  customerEmail: u,
+  couponCode: g,
+  label: b,
+  disabled: h = !1,
+  onAttempt: c,
+  onSuccess: a,
+  onError: o,
+  className: d = ""
+}) {
+  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 () => {
+    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);
+      return;
+    }
+    let R;
+    ae("stripe", P, x), k && t ? (j().debug("[StripeButton] Processing cart checkout with coupon:", g), R = await w(
+      t,
+      r,
+      n,
+      s,
+      u,
+      g
+    )) : P && (j().debug("[StripeButton] Processing single payment with coupon:", g), R = await m(
+      P,
+      r,
+      n,
+      s,
+      u,
+      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;
+  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",
+        type: "button",
+        children: N ? E("ui.processing") : $
+      }
+    ),
+    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") })
+  ] });
+}
+function et() {
+  const { creditsManager: e } = re(), [t, r] = Q({
+    status: "idle",
+    error: null,
+    transactionId: null,
+    requirement: null,
+    holdId: null
+  }), n = X(!1), s = I(
+    async (c, a) => {
+      r((o) => ({
+        ...o,
+        status: "loading",
+        error: null
+      }));
+      try {
+        const o = await e.requestQuote(c, a);
+        return r((d) => ({
+          ...d,
+          status: "idle",
+          requirement: o
+        })), o;
+      } catch (o) {
+        const d = o instanceof Error ? o.message : "Failed to fetch credits quote";
+        return r((i) => ({
+          ...i,
+          status: "error",
+          error: d
+        })), null;
+      }
+    },
+    [e]
+  ), u = I(
+    async (c, a) => {
+      r((o) => ({
+        ...o,
+        status: "loading",
+        error: null
+      }));
+      try {
+        const o = Ce(c), d = await e.requestCartQuote(o, a);
+        return r((i) => ({
+          ...i,
+          status: "idle"
+        })), d;
+      } catch (o) {
+        const d = o instanceof Error ? o.message : "Failed to fetch cart credits quote";
+        return r((i) => ({
+          ...i,
+          status: "error",
+          error: d
+        })), null;
+      }
+    },
+    [e]
+  ), g = I(
+    async (c, a, o, d) => {
+      if (n.current)
+        return { success: !1, error: "Payment already in progress" };
+      n.current = !0, r({
+        status: "loading",
+        error: null,
+        transactionId: null,
+        requirement: null,
+        holdId: null
+      });
+      try {
+        const i = await e.processPayment(c, a, o, d);
+        return r({
+          status: i.success ? "success" : "error",
+          error: i.success ? null : i.error || "Credits payment failed",
+          transactionId: i.success && i.transactionId || null,
+          requirement: null,
+          holdId: null
+        }), i;
+      } catch (i) {
+        const l = i instanceof Error ? i.message : "Credits payment failed";
+        return r({
+          status: "error",
+          error: l,
+          transactionId: null,
+          requirement: null,
+          holdId: null
+        }), { success: !1, error: l };
+      } finally {
+        n.current = !1;
+      }
+    },
+    [e]
+  ), b = I(
+    async (c, a, o, d) => {
+      if (n.current)
+        return { success: !1, error: "Payment already in progress" };
+      n.current = !0, r({
+        status: "loading",
+        error: null,
+        transactionId: null,
+        requirement: null,
+        holdId: null
+      });
+      let i = null;
+      try {
+        const l = Ce(c), p = await e.requestCartQuote(l, o);
+        if (!p)
+          return r({
+            status: "error",
+            error: "Credits payment not available for this cart",
+            transactionId: null,
+            requirement: null,
+            holdId: null
+          }), { success: !1, error: "Credits payment not available" };
+        i = (await e.createCartHold({
+          cartId: p.cartId,
+          authToken: a
+        })).holdId, r((y) => ({
+          ...y,
+          holdId: i
+        }));
+        const w = await e.authorizeCartPayment({
+          cartId: p.cartId,
+          holdId: i,
+          authToken: a,
+          metadata: d
+        });
+        if (!w.success && i)
+          try {
+            await e.releaseHold(i, a);
+          } catch (y) {
+            j().warn("[useCreditsPayment] Hold release failed, will expire server-side", {
+              holdId: i,
+              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,
+          requirement: null,
+          holdId: null
+        }), {
+          success: w.success,
+          transactionId: w.transactionId,
+          error: w.error
+        };
+      } catch (l) {
+        const p = l instanceof Error ? l.message : "Cart credits payment failed";
+        if (i)
+          try {
+            await e.releaseHold(i, a);
+          } catch (m) {
+            j().warn("[useCreditsPayment] Hold release failed, will expire server-side", {
+              holdId: i,
+              error: m instanceof Error ? m.message : String(m)
+            });
+          }
+        return r({
+          status: "error",
+          error: p,
+          transactionId: null,
+          requirement: null,
+          holdId: null
+        }), { success: !1, error: p };
+      } finally {
+        n.current = !1;
+      }
+    },
+    [e]
+  ), h = I(() => {
+    r({
+      status: "idle",
+      error: null,
+      transactionId: null,
+      requirement: null,
+      holdId: null
+    }), n.current = !1;
+  }, []);
+  return {
+    ...t,
+    fetchQuote: s,
+    fetchCartQuote: u,
+    processPayment: g,
+    processCartPayment: b,
+    reset: h
+  };
+}
+function Te({
+  resource: e,
+  items: t,
+  authToken: r,
+  metadata: n,
+  couponCode: s,
+  label: u,
+  disabled: g = !1,
+  onAttempt: b,
+  onSuccess: h,
+  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 () => {
+    j().debug("[CreditsButton] executePayment");
+    const N = w && t ? ge(t) : void 0;
+    if (oe("credits", y, N), b && b("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);
+      return;
+    }
+    if (!w && !y) {
+      const x = "Invalid payment configuration: missing resource";
+      j().error("[CreditsButton]", x), Y("credits", x, y, N), 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));
+  }, [
+    r,
+    w,
+    y,
+    t,
+    s,
+    n,
+    l,
+    p,
+    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: [
+    /* @__PURE__ */ f(
+      "button",
+      {
+        onClick: _,
+        disabled: T,
+        className: m.unstyled ? a : "cedros-theme__button cedros-theme__credits",
+        type: "button",
+        children: A ? k("ui.processing") : E
+      }
+    ),
+    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") })
+  ] });
+}
+const tt = q.lazy(
+  () => import("./CryptoButton-CksMkZjL.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)",
+  creditsLabel: g = "Pay with Credits",
+  showCard: b = !0,
+  showCrypto: h = !0,
+  showCredits: c = !1,
+  onPaymentAttempt: a,
+  onPaymentSuccess: o,
+  onPaymentError: d,
+  onStripeSuccess: i,
+  onCryptoSuccess: l,
+  onCreditsSuccess: p,
+  onStripeError: m,
+  onCryptoError: w,
+  onCreditsError: y,
+  customerEmail: k,
+  successUrl: P,
+  cancelUrl: E,
+  metadata: M,
+  couponCode: $,
+  authToken: z,
+  testPageUrl: U,
+  hideMessages: D = !1
+}) => {
+  const { tokens: C } = V();
+  return te(() => {
+    const _ = (A) => {
+      A.key === "Escape" && e && t();
+    };
+    return window.addEventListener("keydown", _), () => window.removeEventListener("keydown", _);
+  }, [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);
+      };
+    }
+  }, [e]), e ? /* @__PURE__ */ f(
+    "div",
+    {
+      className: "cedros-modal-overlay",
+      style: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: C.modalOverlay,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 9999,
+        padding: "1rem"
+      },
+      onClick: t,
+      children: /* @__PURE__ */ S(
+        "div",
+        {
+          className: "cedros-modal-content",
+          style: {
+            backgroundColor: C.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}`
+          },
+          onClick: (_) => _.stopPropagation(),
+          children: [
+            /* @__PURE__ */ S(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                  marginBottom: "1.5rem"
+                },
+                children: [
+                  /* @__PURE__ */ f(
+                    "h3",
+                    {
+                      style: {
+                        margin: 0,
+                        fontSize: "1.25rem",
+                        fontWeight: 600,
+                        color: C.surfaceText
+                      },
+                      children: "Choose Payment Method"
+                    }
+                  ),
+                  /* @__PURE__ */ f(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: t,
+                      style: He(C.surfaceText),
+                      "aria-label": "Close modal",
+                      children: "×"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ S("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: [
+              b && /* @__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: $
+                }
+              ),
+              h && /* @__PURE__ */ f(q.Suspense, { fallback: null, children: /* @__PURE__ */ f(
+                tt,
+                {
+                  resource: r,
+                  items: n,
+                  label: u,
+                  onAttempt: a,
+                  onSuccess: l || o,
+                  onError: w || d,
+                  testPageUrl: U,
+                  hideMessages: D,
+                  metadata: M,
+                  couponCode: $
+                }
+              ) }),
+              c && /* @__PURE__ */ f(
+                Te,
+                {
+                  resource: r,
+                  items: n,
+                  label: g,
+                  authToken: z,
+                  onAttempt: a ? () => a("credits") : void 0,
+                  onSuccess: p || o,
+                  onError: y || d,
+                  metadata: M,
+                  couponCode: $
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  ) : null;
+}, nt = ({
+  resource: e,
+  items: t,
+  label: r,
+  cardLabel: n,
+  cryptoLabel: s,
+  creditsLabel: u,
+  showCard: g = !0,
+  showCrypto: b = !0,
+  showCredits: h = !1,
+  onPaymentAttempt: c,
+  onPaymentSuccess: a,
+  onPaymentError: o,
+  onStripeSuccess: d,
+  onCryptoSuccess: i,
+  onCreditsSuccess: l,
+  onStripeError: p,
+  onCryptoError: m,
+  onCreditsError: w,
+  customerEmail: y,
+  successUrl: k,
+  cancelUrl: P,
+  metadata: E,
+  couponCode: M,
+  authToken: $,
+  autoDetectWallets: z = !0,
+  testPageUrl: U,
+  hideMessages: D = !1,
+  renderModal: C
+}) => {
+  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 () => {
+    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;
+        oe("stripe", le, ue), c && c("stripe"), ae("stripe", le, ue);
+        let O;
+        R && t ? O = await x(
+          t,
+          k,
+          P,
+          E,
+          y,
+          M
+        ) : W && (O = await v(
+          W,
+          k,
+          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));
+        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(
+    () => se(Pe, ve),
+    [Pe, ve]
+  ), ce = N === "loading", xe = {
+    isOpen: A,
+    onClose: () => T(!1),
+    resource: R ? void 0 : W,
+    items: R ? t : void 0,
+    cardLabel: De,
+    cryptoLabel: je,
+    creditsLabel: Be,
+    showCard: g,
+    showCrypto: b,
+    showCredits: h,
+    onPaymentAttempt: c,
+    onPaymentSuccess: (L) => {
+      T(!1), a?.(L);
+    },
+    onPaymentError: (L) => {
+      T(!1), o?.(L);
+    },
+    onStripeSuccess: (L) => {
+      T(!1), d?.(L);
+    },
+    onCryptoSuccess: (L) => {
+      T(!1), i?.(L);
+    },
+    onCreditsSuccess: (L) => {
+      T(!1), l?.(L);
+    },
+    onStripeError: (L) => {
+      T(!1), p?.(L);
+    },
+    onCryptoError: (L) => {
+      T(!1), m?.(L);
+    },
+    onCreditsError: (L) => {
+      T(!1), w?.(L);
+    },
+    customerEmail: y,
+    successUrl: k,
+    cancelUrl: P,
+    metadata: E,
+    couponCode: M,
+    authToken: $,
+    testPageUrl: U,
+    hideMessages: D
+  };
+  return /* @__PURE__ */ S("div", { className: _.unstyled ? "" : _.className, style: _.unstyled ? {} : _.style, children: [
+    /* @__PURE__ */ f(
+      "button",
+      {
+        onClick: Le,
+        disabled: ce,
+        className: _.unstyled ? "" : "cedros-theme__button cedros-theme__stripe",
+        style: {
+          width: "100%",
+          cursor: ce ? "not-allowed" : "pointer",
+          opacity: ce ? 0.6 : 1
+        },
+        type: "button",
+        children: ce ? B("ui.processing") : H
+      }
+    ),
+    C ? C(xe) : /* @__PURE__ */ f(rt, { ...xe })
+  ] });
+}, st = {
+  "mainnet-beta": "https://api.mainnet-beta.solana.com",
+  devnet: "https://api.devnet.solana.com",
+  testnet: "https://api.testnet.solana.com"
+};
+function ot() {
+  const [e, t] = q.useState(null);
+  return q.useEffect(() => {
+    let r = !1;
+    return import("@solana/wallet-adapter-react").then((n) => {
+      r || t(n);
+    }), () => {
+      r = !0;
+    };
+  }, []), e;
+}
+function at({
+  endpoint: e,
+  wallets: t,
+  children: r
+}) {
+  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 it = q.lazy(
+  () => import("./CryptoButton-CksMkZjL.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(() => ({
+    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(
+    () => r ? ge(r) : 0,
+    [r]
+  ), { onPaymentSuccess: p, onPaymentError: m, onPaymentAttempt: w } = u, y = q.useCallback(
+    (x) => p?.({ transactionId: x, method: "stripe" }),
+    [p]
+  ), k = q.useCallback(
+    (x) => p?.({ transactionId: x, method: "crypto" }),
+    [p]
+  ), P = q.useCallback(
+    (x) => m?.({ message: x, method: "stripe" }),
+    [m]
+  ), E = q.useCallback(
+    (x) => m?.({ message: x, method: "crypto" }),
+    [m]
+  ), M = q.useCallback(
+    (x) => p?.({ transactionId: x, method: "credits" }),
+    [p]
+  ), $ = q.useCallback(
+    (x) => m?.({ message: x, method: "credits" }),
+    [m]
+  ), z = q.useCallback(
+    () => w?.("credits"),
+    [w]
+  ), U = o ? b.solanaEndpoint ?? st[b.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(
+      nt,
+      {
+        resource: a ? void 0 : t || r?.[0]?.resource,
+        items: a ? r : void 0,
+        label: s.purchaseLabel,
+        cardLabel: s.cardLabel,
+        cryptoLabel: s.cryptoLabel,
+        showCard: D,
+        showCrypto: o,
+        onPaymentAttempt: u.onPaymentAttempt,
+        onPaymentSuccess: y,
+        onPaymentError: P,
+        onStripeSuccess: y,
+        onCryptoSuccess: k,
+        onStripeError: P,
+        onCryptoError: E,
+        customerEmail: n.customerEmail,
+        successUrl: n.successUrl,
+        cancelUrl: n.cancelUrl,
+        metadata: n.metadata,
+        couponCode: n.couponCode,
+        autoDetectWallets: N,
+        testPageUrl: g.testPageUrl,
+        hideMessages: T,
+        renderModal: s.renderModal
+      }
+    ) : /* @__PURE__ */ S(me, { children: [
+      D && /* @__PURE__ */ f(
+        Me,
+        {
+          resource: a ? void 0 : t || r?.[0]?.resource,
+          items: a ? r : void 0,
+          customerEmail: n.customerEmail,
+          successUrl: n.successUrl,
+          cancelUrl: n.cancelUrl,
+          metadata: n.metadata,
+          couponCode: n.couponCode,
+          label: s.cardLabel,
+          onAttempt: u.onPaymentAttempt,
+          onSuccess: y,
+          onError: P
+        }
+      ),
+      o && /* @__PURE__ */ f(q.Suspense, { fallback: null, children: /* @__PURE__ */ f(
+        it,
+        {
+          resource: a ? void 0 : t || r?.[0]?.resource,
+          items: a ? r : void 0,
+          metadata: n.metadata,
+          couponCode: n.couponCode,
+          label: s.cryptoLabel,
+          onAttempt: u.onPaymentAttempt,
+          onSuccess: k,
+          onError: E,
+          testPageUrl: g.testPageUrl,
+          hideMessages: T
+        }
+      ) }),
+      C && /* @__PURE__ */ f(
+        Te,
+        {
+          resource: a ? void 0 : t || r?.[0]?.resource,
+          items: a ? r : void 0,
+          authToken: n.authToken,
+          metadata: n.metadata,
+          couponCode: n.couponCode,
+          label: s.creditsLabel,
+          onAttempt: z,
+          onSuccess: M,
+          onError: $
+        }
+      )
+    ] }),
+    a && r && r.length > 1 && !T && /* @__PURE__ */ S("div", { style: d, children: [
+      "Checking out ",
+      l,
+      " 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 }) });
+}
+function zt({
+  product: e,
+  paymentMethod: t,
+  showOriginalPrice: r = !1,
+  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;
+  return /* @__PURE__ */ S("div", { className: n, style: s, children: [
+    r && c && /* @__PURE__ */ S(
+      "span",
+      {
+        style: {
+          textDecoration: "line-through",
+          opacity: 0.6,
+          marginRight: "0.5rem",
+          fontSize: "0.875em"
+        },
+        children: [
+          g.toFixed(2),
+          " ",
+          h
+        ]
+      }
+    ),
+    /* @__PURE__ */ S("span", { style: { fontWeight: 600 }, children: [
+      b.toFixed(2),
+      " ",
+      h
+    ] }),
+    c && a > 0 && /* @__PURE__ */ S(
+      "span",
+      {
+        style: {
+          marginLeft: "0.5rem",
+          padding: "0.125rem 0.375rem",
+          backgroundColor: "#10b981",
+          color: "white",
+          borderRadius: "0.25rem",
+          fontSize: "0.75em",
+          fontWeight: 600
+        },
+        children: [
+          a,
+          "% OFF"
+        ]
+      }
+    )
+  ] });
+}
+function Ut({
+  product: e,
+  paymentMethod: t,
+  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)
+    return null;
+  const h = s ? `${g}% off with card!` : `${g}% off with crypto!`;
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      className: r,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        padding: "0.5rem 0.75rem",
+        backgroundColor: s ? "#6366f1" : "#10b981",
+        color: "white",
+        borderRadius: "0.375rem",
+        fontSize: "0.875rem",
+        fontWeight: 600,
+        ...n
+      },
+      children: [
+        h,
+        b && /* @__PURE__ */ S(
+          "span",
+          {
+            style: {
+              marginLeft: "0.5rem",
+              opacity: 0.8,
+              fontSize: "0.75em",
+              fontWeight: 400
+            },
+            children: [
+              "(",
+              b,
+              ")"
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function ct() {
+  const { subscriptionManager: e } = re(), [t, r] = Q({
+    status: "idle",
+    error: null,
+    sessionId: null,
+    subscriptionStatus: null,
+    expiresAt: null
+  }), n = X(!1), s = I(
+    async (h) => {
+      if (n.current)
+        return { success: !1, error: "Payment already in progress" };
+      n.current = !0, r((c) => ({
+        ...c,
+        status: "loading",
+        error: null
+      }));
+      try {
+        const c = await e.processSubscription(h);
+        return r((a) => ({
+          ...a,
+          status: c.success ? "success" : "error",
+          error: c.success ? null : c.error || "Subscription failed",
+          sessionId: c.success && c.transactionId || null
+        })), c;
+      } catch (c) {
+        const a = pe(c, "Subscription failed");
+        return r((o) => ({
+          ...o,
+          status: "error",
+          error: a
+        })), { success: !1, error: a };
+      } finally {
+        n.current = !1;
+      }
+    },
+    [e]
+  ), u = I(
+    async (h) => {
+      r((c) => ({
+        ...c,
+        status: "checking",
+        error: null
+      }));
+      try {
+        const c = await e.checkSubscriptionStatus(h);
+        return r((a) => ({
+          ...a,
+          status: c.active ? "success" : "idle",
+          subscriptionStatus: c.status,
+          expiresAt: c.expiresAt || c.currentPeriodEnd || null
+        })), c;
+      } catch (c) {
+        const a = c instanceof Error ? c.message : "Failed to check subscription status";
+        throw r((o) => ({
+          ...o,
+          status: "error",
+          error: a
+        })), c;
+      }
+    },
+    [e]
+  ), g = I(
+    async (h, c, a) => {
+      r((o) => ({
+        ...o,
+        status: "loading",
+        error: null
+      }));
+      try {
+        const o = await e.requestSubscriptionQuote(
+          h,
+          c,
+          a
+        );
+        return r((d) => ({
+          ...d,
+          status: "idle"
+        })), o;
+      } catch (o) {
+        const d = o instanceof Error ? o.message : "Failed to get subscription quote";
+        throw r((i) => ({
+          ...i,
+          status: "error",
+          error: d
+        })), o;
+      }
+    },
+    [e]
+  ), b = I(() => {
+    r({
+      status: "idle",
+      error: null,
+      sessionId: null,
+      subscriptionStatus: null,
+      expiresAt: null
+    });
+  }, []);
+  return {
+    ...t,
+    processSubscription: s,
+    checkStatus: u,
+    requestQuote: g,
+    reset: b
+  };
+}
+function Ot({
+  resource: e,
+  interval: t,
+  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 = ""
+}) {
+  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 () => {
+    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({
+      resource: e,
+      interval: t,
+      intervalDays: r,
+      trialDays: n,
+      customerEmail: b,
+      metadata: g,
+      couponCode: h,
+      successUrl: s,
+      cancelUrl: u
+    });
+    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));
+  }, [
+    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: [
+    /* @__PURE__ */ f(
+      "button",
+      {
+        onClick: A,
+        disabled: N,
+        className: k.unstyled ? l : "cedros-theme__button cedros-theme__stripe",
+        type: "button",
+        children: T ? P("ui.processing") : M
+      }
+    ),
+    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") })
+  ] });
+}
+function lt() {
+  const { subscriptionManager: e, creditsManager: t } = re(), [r, n] = Q({
+    status: "idle",
+    error: null,
+    sessionId: null,
+    subscriptionStatus: null,
+    expiresAt: null,
+    creditsRequirement: null
+  }), s = X(!1), u = I(
+    async (c, a) => {
+      n((o) => ({
+        ...o,
+        status: "checking",
+        error: null
+      }));
+      try {
+        const o = await e.checkSubscriptionStatus({
+          resource: c,
+          userId: a
+        });
+        return n((d) => ({
+          ...d,
+          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,
+          status: "error",
+          error: d
+        })), null;
+      }
+    },
+    [e]
+  ), g = I(
+    async (c, a, o) => {
+      n((d) => ({
+        ...d,
+        status: "loading",
+        error: null
+      }));
+      try {
+        const d = await t.requestQuote(
+          c,
+          o?.couponCode
+        );
+        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
+        })), null;
+      }
+    },
+    [t]
+  ), b = I(
+    async (c, a, o, d) => {
+      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 };
+      }
+      s.current = !0, n((i) => ({
+        ...i,
+        status: "loading",
+        error: null
+      }));
+      try {
+        const i = await t.processPayment(
+          c,
+          o,
+          d?.couponCode,
+          {
+            interval: a,
+            ...d?.intervalDays && { intervalDays: String(d.intervalDays) }
+          }
+        );
+        return i.success ? n({
+          status: "success",
+          error: null,
+          sessionId: i.transactionId || null,
+          subscriptionStatus: "active",
+          expiresAt: null,
+          // Will be updated on next status check
+          creditsRequirement: null
+        }) : n((l) => ({
+          ...l,
+          status: "error",
+          error: i.error || "Credits subscription payment failed"
+        })), i;
+      } catch (i) {
+        const l = pe(i, "Credits subscription payment failed");
+        return n((p) => ({
+          ...p,
+          status: "error",
+          error: l
+        })), { success: !1, error: l };
+      } finally {
+        s.current = !1;
+      }
+    },
+    [t]
+  ), h = I(() => {
+    n({
+      status: "idle",
+      error: null,
+      sessionId: null,
+      subscriptionStatus: null,
+      expiresAt: null,
+      creditsRequirement: null
+    });
+  }, []);
+  return {
+    ...r,
+    checkStatus: u,
+    requestQuote: g,
+    processPayment: b,
+    reset: h
+  };
+}
+function Ft({
+  resource: e,
+  interval: t,
+  intervalDays: r,
+  authToken: n,
+  userId: s,
+  couponCode: u,
+  label: g,
+  disabled: b = !1,
+  onAttempt: h,
+  onSuccess: c,
+  onError: a,
+  className: o = "",
+  hideMessages: d = !1,
+  autoCheckStatus: i = !1
+}) {
+  const {
+    status: l,
+    error: p,
+    subscriptionStatus: m,
+    expiresAt: w,
+    checkStatus: y,
+    processPayment: k
+  } = lt(), P = V(), { t: E, translations: M } = ne(), $ = X(y);
+  te(() => {
+    $.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];
+    return H ? H.action ? `${H.message} ${H.action}` : H.message : "";
+  })(U) : null, _ = I(async () => {
+    if (j().debug("[CreditsSubscribeButton] executeSubscriptionFlow", {
+      resource: e,
+      interval: t,
+      intervalDays: r,
+      hasAuthToken: !!n
+    }), oe("credits", e), h && h("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,
+      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));
+  }, [
+    e,
+    t,
+    r,
+    n,
+    u,
+    k,
+    h,
+    c,
+    a
+  ]), A = F(() => `credits-subscribe-${e}-${t}`, [e, t]), T = F(
+    () => se(A, _, {
+      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: [
+    /* @__PURE__ */ f(
+      "button",
+      {
+        onClick: T,
+        disabled: x,
+        className: P.unstyled ? o : "cedros-theme__button cedros-theme__credits",
+        type: "button",
+        children: R
+      }
+    ),
+    !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") })
+  ] });
+}
+function ut() {
+  const { subscriptionChangeManager: e } = re(), [t, r] = Q({
+    status: "idle",
+    error: null,
+    subscription: null,
+    changePreview: null,
+    userId: null
+  }), n = X(t);
+  n.current = t;
+  const s = I(
+    async (o, d) => {
+      r((i) => ({ ...i, status: "loading", error: null }));
+      try {
+        const i = await e.getDetails(o, d);
+        return r((l) => ({
+          ...l,
+          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;
+      }
+    },
+    [e]
+  ), u = I(
+    async (o, d, i, l) => {
+      r((p) => ({ ...p, status: "loading", error: null }));
+      try {
+        const p = {
+          currentResource: o,
+          newResource: d,
+          userId: i,
+          newInterval: l
+        }, m = await e.previewChange(p);
+        return r((w) => ({
+          ...w,
+          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;
+      }
+    },
+    [e]
+  ), g = I(
+    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 }));
+      try {
+        const l = {
+          currentResource: d.resource,
+          newResource: o.newResource,
+          userId: i,
+          newInterval: o.newInterval,
+          prorationBehavior: o.prorationBehavior,
+          immediate: o.immediate
+        }, p = await e.changeSubscription(l);
+        return p.success ? r((m) => ({
+          ...m,
+          status: "success",
+          subscription: m.subscription ? {
+            ...m.subscription,
+            resource: p.newResource,
+            interval: p.newInterval,
+            status: p.status
+          } : null,
+          changePreview: null
+        })) : r((m) => ({
+          ...m,
+          status: "error",
+          error: p.error || "Failed to change subscription"
+        })), p;
+      } catch (l) {
+        const p = l instanceof Error ? l.message : "Failed to change subscription";
+        return r((m) => ({ ...m, status: "error", error: p })), null;
+      }
+    },
+    [e]
+  ), b = I(
+    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 }));
+      try {
+        const l = {
+          resource: d.resource,
+          userId: i,
+          immediate: o
+        }, p = await e.cancel(l);
+        if (p.success) {
+          const m = o ? "canceled" : d.status;
+          r((w) => ({
+            ...w,
+            status: "success",
+            subscription: w.subscription ? {
+              ...w.subscription,
+              status: m,
+              cancelAtPeriodEnd: !o
+            } : null
+          }));
+        } else
+          r((m) => ({
+            ...m,
+            status: "error",
+            error: p.error || "Failed to cancel subscription"
+          }));
+        return p;
+      } catch (l) {
+        const p = l instanceof Error ? l.message : "Failed to cancel subscription";
+        return r((m) => ({ ...m, status: "error", error: p })), null;
+      }
+    },
+    [e]
+  ), h = I(
+    async (o, d) => {
+      r((i) => ({ ...i, status: "loading", error: null }));
+      try {
+        const i = await e.getBillingPortalUrl({
+          userId: o,
+          returnUrl: d
+        });
+        try {
+          if (new URL(i.url).protocol !== "https:")
+            throw new Error("Billing portal URL must use HTTPS");
+        } catch {
+          throw new Error("Invalid billing portal URL");
+        }
+        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;
+      }
+    },
+    [e]
+  ), c = I(() => {
+    r((o) => ({ ...o, changePreview: null }));
+  }, []), a = I(() => {
+    r({
+      status: "idle",
+      error: null,
+      subscription: null,
+      changePreview: null,
+      userId: null
+    });
+  }, []);
+  return {
+    ...t,
+    loadSubscription: s,
+    previewChange: u,
+    changeSubscription: g,
+    cancelSubscription: b,
+    openBillingPortal: h,
+    clearPreview: c,
+    reset: a
+  };
+}
+const dt = {
+  bg: "#fff",
+  bgMuted: "#f9fafb",
+  bgHighlight: "#eff6ff",
+  text: "#111827",
+  textMuted: "#6b7280",
+  textFaint: "#9ca3af",
+  border: "#e5e7eb",
+  borderLight: "#f3f4f6",
+  primary: "#3b82f6",
+  error: "#ef4444",
+  errorBg: "#fef2f2",
+  errorBorder: "#fecaca",
+  warningBg: "#fef3c7",
+  warningBorder: "#fcd34d",
+  warningText: "#92400e",
+  buttonBg: "#f3f4f6",
+  buttonBorder: "#d1d5db",
+  buttonText: "#374151"
+}, pt = {
+  bg: "#1e293b",
+  bgMuted: "#334155",
+  bgHighlight: "rgba(59, 130, 246, 0.15)",
+  text: "#f1f5f9",
+  textMuted: "#94a3b8",
+  textFaint: "#64748b",
+  border: "#475569",
+  borderLight: "#334155",
+  primary: "#3b82f6",
+  error: "#ef4444",
+  errorBg: "rgba(239, 68, 68, 0.15)",
+  errorBorder: "rgba(239, 68, 68, 0.3)",
+  warningBg: "rgba(245, 158, 11, 0.15)",
+  warningBorder: "rgba(245, 158, 11, 0.3)",
+  warningText: "#fbbf24",
+  buttonBg: "#334155",
+  buttonBorder: "#475569",
+  buttonText: "#e2e8f0"
+};
+function ft(e) {
+  const t = e ? pt : dt;
+  return {
+    container: {
+      padding: "24px",
+      backgroundColor: t.bg,
+      borderRadius: "8px",
+      border: `1px solid ${t.border}`,
+      fontFamily: "system-ui, -apple-system, sans-serif",
+      color: t.text
+    },
+    error: {
+      padding: "12px 16px",
+      backgroundColor: t.errorBg,
+      border: `1px solid ${t.errorBorder}`,
+      borderRadius: "6px",
+      color: t.error,
+      marginBottom: "16px"
+    },
+    loading: {
+      padding: "24px",
+      textAlign: "center",
+      color: t.textMuted
+    },
+    details: {
+      marginBottom: "24px"
+    },
+    title: {
+      margin: "0 0 16px 0",
+      fontSize: "18px",
+      fontWeight: 600,
+      color: t.text
+    },
+    detailRow: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      padding: "8px 0",
+      borderBottom: `1px solid ${t.borderLight}`
+    },
+    label: {
+      color: t.textMuted,
+      fontSize: "14px"
+    },
+    value: {
+      color: t.text,
+      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: t.warningBg,
+      border: `1px solid ${t.warningBorder}`,
+      borderRadius: "6px",
+      color: t.warningText,
+      fontSize: "13px"
+    },
+    prorationPreview: {
+      padding: "16px",
+      backgroundColor: t.bgMuted,
+      borderRadius: "8px",
+      marginBottom: "24px"
+    },
+    previewTitle: {
+      margin: "0 0 12px 0",
+      fontSize: "16px",
+      fontWeight: 600,
+      color: t.text
+    },
+    previewDetails: {
+      marginBottom: "16px"
+    },
+    previewRow: {
+      display: "flex",
+      justifyContent: "space-between",
+      padding: "6px 0",
+      fontSize: "14px",
+      color: t.textMuted
+    },
+    previewTotal: {
+      borderTop: `1px solid ${t.border}`,
+      marginTop: "8px",
+      paddingTop: "12px",
+      fontWeight: 600,
+      color: t.text
+    },
+    previewActions: {
+      display: "flex",
+      gap: "12px",
+      justifyContent: "flex-end"
+    },
+    cancelButton: {
+      padding: "8px 16px",
+      backgroundColor: t.bg,
+      border: `1px solid ${t.buttonBorder}`,
+      borderRadius: "6px",
+      color: t.buttonText,
+      cursor: "pointer",
+      fontSize: "14px"
+    },
+    confirmButton: {
+      padding: "8px 16px",
+      backgroundColor: t.primary,
+      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: t.text
+    },
+    plansList: {
+      display: "grid",
+      gridTemplateColumns: "repeat(auto-fit, minmax(200px, 1fr))",
+      gap: "16px"
+    },
+    planCard: {
+      padding: "16px",
+      backgroundColor: t.bg,
+      border: `1px solid ${t.border}`,
+      borderRadius: "8px",
+      textAlign: "center"
+    },
+    currentPlan: {
+      borderColor: t.primary,
+      backgroundColor: t.bgHighlight
+    },
+    planName: {
+      fontSize: "16px",
+      fontWeight: 600,
+      color: t.text,
+      marginBottom: "4px"
+    },
+    planPrice: {
+      fontSize: "14px",
+      color: t.textMuted,
+      marginBottom: "8px"
+    },
+    planDescription: {
+      fontSize: "12px",
+      color: t.textFaint,
+      marginBottom: "12px"
+    },
+    currentBadge: {
+      display: "inline-block",
+      padding: "4px 8px",
+      backgroundColor: t.primary,
+      color: "#fff",
+      borderRadius: "4px",
+      fontSize: "12px",
+      fontWeight: 500
+    },
+    changePlanButton: {
+      padding: "8px 16px",
+      backgroundColor: t.buttonBg,
+      border: `1px solid ${t.buttonBorder}`,
+      borderRadius: "6px",
+      color: t.buttonText,
+      cursor: "pointer",
+      fontSize: "14px",
+      width: "100%"
+    },
+    actions: {
+      display: "flex",
+      gap: "12px",
+      justifyContent: "flex-end",
+      paddingTop: "16px",
+      borderTop: `1px solid ${t.border}`
+    },
+    portalButton: {
+      padding: "10px 20px",
+      backgroundColor: t.primary,
+      border: "none",
+      borderRadius: "6px",
+      color: "#fff",
+      cursor: "pointer",
+      fontSize: "14px",
+      fontWeight: 500
+    },
+    cancelSubscriptionButton: {
+      padding: "10px 20px",
+      backgroundColor: t.bg,
+      border: `1px solid ${t.error}`,
+      borderRadius: "6px",
+      color: t.error,
+      cursor: "pointer",
+      fontSize: "14px"
+    }
+  };
+}
+function K(e, t) {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: t.toUpperCase()
+  }).format(e / 100);
+}
+function Ne(e) {
+  return new Date(e).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+}
+function mt(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 gt({
+  preview: e,
+  onConfirm: t,
+  onCancel: r,
+  isLoading: n,
+  styles: s
+}) {
+  const u = 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: [
+      /* @__PURE__ */ S("div", { style: s.previewRow, children: [
+        /* @__PURE__ */ f("span", { children: "Current plan:" }),
+        /* @__PURE__ */ S("span", { children: [
+          K(e.currentPlanPrice, e.currency),
+          "/period"
+        ] })
+      ] }),
+      /* @__PURE__ */ S("div", { style: s.previewRow, children: [
+        /* @__PURE__ */ f("span", { children: "New plan:" }),
+        /* @__PURE__ */ S("span", { children: [
+          K(e.newPlanPrice, e.currency),
+          "/period"
+        ] })
+      ] }),
+      /* @__PURE__ */ S("div", { style: s.previewRow, children: [
+        /* @__PURE__ */ f("span", { children: "Days remaining:" }),
+        /* @__PURE__ */ S("span", { children: [
+          e.daysRemaining,
+          " days"
+        ] })
+      ] }),
+      e.prorationDetails && /* @__PURE__ */ S(me, { children: [
+        /* @__PURE__ */ S("div", { style: s.previewRow, children: [
+          /* @__PURE__ */ f("span", { children: "Unused credit:" }),
+          /* @__PURE__ */ S("span", { children: [
+            "-",
+            K(e.prorationDetails.unusedCredit, e.currency)
+          ] })
+        ] }),
+        /* @__PURE__ */ S("div", { style: s.previewRow, children: [
+          /* @__PURE__ */ f("span", { children: "New plan cost:" }),
+          /* @__PURE__ */ f("span", { children: K(e.prorationDetails.newPlanCost, e.currency) })
+        ] })
+      ] }),
+      /* @__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__ */ S("div", { style: s.previewRow, children: [
+        /* @__PURE__ */ f("span", { children: "Effective date:" }),
+        /* @__PURE__ */ f("span", { children: Ne(e.effectiveDate) })
+      ] })
+    ] }),
+    /* @__PURE__ */ S("div", { style: s.previewActions, children: [
+      /* @__PURE__ */ f("button", { onClick: r, style: s.cancelButton, disabled: n, children: "Cancel" }),
+      /* @__PURE__ */ f("button", { onClick: t, style: s.confirmButton, disabled: n, children: n ? "Processing..." : "Confirm Change" })
+    ] })
+  ] });
+}
+function Wt({
+  resource: e,
+  userId: t,
+  availablePlans: r = [],
+  onSubscriptionChanged: n,
+  onSubscriptionCanceled: s,
+  billingPortalReturnUrl: u,
+  showBillingPortal: g = !1,
+  className: b,
+  style: h
+}) {
+  const { mode: c } = V(), a = F(() => ft(c === "dark"), [c]), {
+    subscription: o,
+    changePreview: d,
+    status: i,
+    error: l,
+    loadSubscription: p,
+    previewChange: m,
+    changeSubscription: w,
+    cancelSubscription: y,
+    openBillingPortal: k,
+    clearPreview: P
+  } = 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, _);
+    },
+    [e, t, m]
+  ), $ = I(async () => {
+    if (!d) return;
+    const C = E.current;
+    (await w({
+      newResource: C?.resource || e,
+      newInterval: C?.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?.();
+    },
+    [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 }),
+    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: [
+        /* @__PURE__ */ f("h3", { style: a.title, children: "Current Subscription" }),
+        /* @__PURE__ */ S("div", { style: a.detailRow, children: [
+          /* @__PURE__ */ f("span", { style: a.label, children: "Plan:" }),
+          /* @__PURE__ */ f("span", { style: a.value, children: o.resource })
+        ] }),
+        /* @__PURE__ */ S("div", { style: a.detailRow, children: [
+          /* @__PURE__ */ f("span", { style: a.label, children: "Status:" }),
+          /* @__PURE__ */ f(
+            "span",
+            {
+              style: {
+                ...a.statusBadge,
+                backgroundColor: mt(o.status)
+              },
+              children: o.status
+            }
+          )
+        ] }),
+        /* @__PURE__ */ S("div", { style: a.detailRow, children: [
+          /* @__PURE__ */ f("span", { style: a.label, children: "Price:" }),
+          /* @__PURE__ */ S("span", { style: a.value, children: [
+            K(o.pricePerPeriod, o.currency),
+            "/",
+            o.interval
+          ] })
+        ] }),
+        /* @__PURE__ */ S("div", { style: a.detailRow, children: [
+          /* @__PURE__ */ f("span", { style: a.label, children: "Current period ends:" }),
+          /* @__PURE__ */ f("span", { style: a.value, children: Ne(o.currentPeriodEnd) })
+        ] }),
+        o.cancelAtPeriodEnd && /* @__PURE__ */ f("div", { style: a.cancelNotice, children: "Subscription will cancel at end of current period" })
+      ] }),
+      d && /* @__PURE__ */ f(
+        gt,
+        {
+          preview: d,
+          onConfirm: $,
+          onCancel: P,
+          isLoading: D,
+          styles: a
+        }
+      ),
+      r.length > 0 && !d && /* @__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;
+          return /* @__PURE__ */ S(
+            "div",
+            {
+              style: {
+                ...a.planCard,
+                ..._ ? a.currentPlan : {}
+              },
+              children: [
+                /* @__PURE__ */ f("div", { style: a.planName, children: C.name }),
+                /* @__PURE__ */ S("div", { style: a.planPrice, children: [
+                  K(C.price, C.currency),
+                  "/",
+                  C.interval
+                ] }),
+                C.description && /* @__PURE__ */ f("div", { style: a.planDescription, children: C.description }),
+                _ ? /* @__PURE__ */ f("span", { style: a.currentBadge, children: "Current Plan" }) : /* @__PURE__ */ f(
+                  "button",
+                  {
+                    onClick: () => M(C.resource, C.interval),
+                    style: a.changePlanButton,
+                    disabled: D,
+                    children: C.price > o.pricePerPeriod ? "Upgrade" : "Downgrade"
+                  }
+                )
+              ]
+            },
+            C.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" }),
+        o.status === "active" && !o.cancelAtPeriodEnd && /* @__PURE__ */ f(
+          "button",
+          {
+            onClick: () => z(!1),
+            style: a.cancelSubscriptionButton,
+            disabled: D,
+            children: "Cancel Subscription"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function ht() {
+  if (typeof window > "u")
+    return {
+      passed: !0,
+      severity: "info",
+      message: "HTTPS check skipped (SSR environment)"
+    };
+  const e = window.location.protocol === "https:", t = window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1";
+  return e || t ? {
+    passed: !0,
+    severity: "info",
+    message: "HTTPS enforced"
+  } : {
+    passed: !1,
+    severity: "error",
+    message: "Page not served over HTTPS",
+    recommendation: "Enable HTTPS for all payment pages. Stripe.js requires HTTPS in production."
+  };
+}
+function yt() {
+  return typeof document > "u" ? {
+    passed: !0,
+    severity: "info",
+    message: "CSP check skipped (SSR environment)"
+  } : document.querySelector('meta[http-equiv="Content-Security-Policy"]') ? {
+    passed: !0,
+    severity: "info",
+    message: "Content Security Policy detected"
+  } : {
+    passed: !1,
+    severity: "warning",
+    message: "No Content Security Policy detected",
+    recommendation: "Configure CSP headers to protect against XSS and CDN compromise. Use generateCSP() helper from @cedros/pay-react."
+  };
+}
+function bt() {
+  return process.env.NODE_ENV === "development" || typeof window < "u" && window.location.hostname === "localhost" ? {
+    passed: !0,
+    severity: "info",
+    message: "Running in development mode (some security checks relaxed)"
+  } : {
+    passed: !0,
+    severity: "info",
+    message: "Running in production mode"
+  };
+}
+function Ct() {
+  return {
+    passed: !0,
+    severity: "info",
+    message: "Stripe.js loaded via @stripe/stripe-js package (CSP recommended, not SRI)",
+    recommendation: "Ensure CSP script-src includes https://js.stripe.com"
+  };
+}
+function wt() {
+  return typeof window > "u" ? {
+    passed: !0,
+    severity: "info",
+    message: "Mixed content check skipped (SSR environment)"
+  } : window.location.protocol === "https:" ? {
+    passed: !0,
+    severity: "info",
+    message: "Mixed content protection active (HTTPS page)"
+  } : {
+    passed: !0,
+    severity: "info",
+    message: "Mixed content check skipped (HTTP page)"
+  };
+}
+function Ht() {
+  const e = [
+    ht(),
+    yt(),
+    bt(),
+    Ct(),
+    wt()
+  ], t = e.some((u) => u.severity === "error" && !u.passed), r = e.some((u) => u.severity === "warning" && !u.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,
+    overallStatus: n,
+    summary: s
+  };
+}
+function Yt(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((t) => {
+    const r = t.passed ? "✅" : t.severity === "error" ? "❌" : "⚠️";
+    console.log(`${r} ${t.message}`), t.recommendation && console.log(`   → ${t.recommendation}`);
+  }), console.groupEnd());
+}
+const Qt = {
+  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",
+  AUDIT: "Run npm audit regularly to check for known vulnerabilities",
+  MONITORING: "Monitor Stripe security advisories and apply updates promptly",
+  NO_SRI: "Do NOT use SRI hashes for Stripe.js - use CSP instead"
+};
+export {
+  ae as A,
+  ie as B,
+  qt as C,
+  Y as D,
+  Tt as E,
+  Nt as F,
+  Ht as G,
+  Yt as H,
+  Qt as I,
+  Xe as J,
+  Je as K,
+  Lt as L,
+  Ze as M,
+  $t as N,
+  ne as O,
+  nt as P,
+  At as Q,
+  jt as R,
+  Me as S,
+  Ce as T,
+  ge as U,
+  se as V,
+  He as W,
+  Te as a,
+  rt as b,
+  zt as c,
+  Ut as d,
+  Ot as e,
+  Ft as f,
+  Wt as g,
+  et as h,
+  he as i,
+  ct as j,
+  lt as k,
+  ut as l,
+  Et as m,
+  kt as n,
+  Dt as o,
+  xt as p,
+  Ve as q,
+  Ge as r,
+  _t as s,
+  Bt as t,
+  Ie as u,
+  J as v,
+  oe as w,
+  Rt as x,
+  It as y,
+  Mt as z
+};