cppay-sdk 0.0.2-beta.28 → 0.0.2-beta.29

package/dist/react.js

@@ -1,5 +1,5 @@
-import { t as cppay_default } from "./cppay-Dhqe5Hz_.js";
-import { n as payment_dialog_default, t as injectStyle } from "./inject-style-aMqJSA89.js";
+import { t as cppay_default } from "./cppay-CCxKnEWz.js";
+import { n as payment_dialog_default, t as injectStyle } from "./inject-style-CWza6SKp.js";
 import * as QRCode from "qrcode";
 import { EMPTY, defer, timer } from "rxjs";
 import { expand, retry, switchMap, tap, timeout } from "rxjs/operators";
@@ -9,10 +9,10 @@ import { createAppKit } from "@reown/appkit";
 import { EthersAdapter } from "@reown/appkit-adapter-ethers";
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain: d, orderId: f, amount: p, intervalDays: m, onExpired: h, onSuccess: g, onFailed: _, onError: v }) => {
-	let y = useMemo(() => new cppay_default(u), [u]), [b, x] = useState("select"), [S, C] = useState(!1), [w, T] = useState(!1), [E, D] = useState([]), [O, k] = useState(), [A, j] = useState(), [M, N] = useState(), [P, F] = useState(), [I, L] = useState(!1), [R, z] = useState(), B = useRef(null), V = useRef(null);
+var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: a, plain: o, orderId: s, amount: c, intervalDays: l, onExpired: u, onSuccess: d, onFailed: f, onError: p }) => {
+	let m = useMemo(() => new cppay_default(a), [a]), [h, g] = useState("select"), [_, v] = useState(!1), [y, b] = useState(!1), [x, S] = useState(), [C, w] = useState(!1), [T, E] = useState([]), [D, O] = useState(), [k, A] = useState(), [j, M] = useState(), [N, P] = useState(), [F, I] = useState(!1), [L, R] = useState(), z = useRef(null), B = useRef(null);
 	useEffect(() => {
-		typeof window < "u" && !B.current && (B.current = createAppKit({
+		typeof window < "u" && !z.current && (z.current = createAppKit({
 			debug: !1,
 			enableNetworkSwitch: !1,
 			adapters: [new EthersAdapter()],
@@ -33,22 +33,22 @@ var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain:
 				icons: ["https://cppay.com/icon.png"]
 			},
 			features: { analytics: !1 }
-		}), F(B.current.getAddress()), z(B.current.getProvider("eip155")), B.current.subscribeAccount((e) => {
-			e.isConnected ? F(e.address) : (F(void 0), z(void 0));
-		}), B.current.subscribeProviders((e) => {
+		}), P(z.current.getAddress()), R(z.current.getProvider("eip155")), z.current.subscribeAccount((e) => {
+			e.isConnected ? P(e.address) : (P(void 0), R(void 0));
+		}), z.current.subscribeProviders((e) => {
 			let t = e?.eip155;
-			z(t);
+			R(t);
 		}));
 	}, []);
-	let H = async () => {
+	let V = async () => {
 		try {
-			L(!0), B.current && await B.current.open();
+			I(!0), S(void 0), z.current && await z.current.open();
 		} catch (e) {
-			console.error("钱包连接失败:", e), v?.(e);
+			console.error("钱包连接失败:", e), S(e instanceof Error ? e.message : "钱包连接失败"), p?.(e);
 		} finally {
-			L(!1);
+			I(!1);
 		}
-	}, U = useMemo(() => E.find((e) => e.chain === O), [E, O]), W = useMemo(() => U?.tokens || [], [U]), G = useMemo(() => W.find((e) => e.symbol === A), [W, A]), K = (e) => [
+	}, H = useMemo(() => T.find((e) => e.chain === D), [T, D]), U = useMemo(() => H?.tokens || [], [H]), W = useMemo(() => U.find((e) => e.symbol === k), [U, k]), G = (e) => [
 		"USDT",
 		"USDC",
 		"BUSD",
@@ -56,50 +56,50 @@ var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain:
 		"TUSD",
 		"USDD",
 		"FDUSD"
-	].includes(e.toUpperCase()) ? 2 : 6, q = (e, t) => {
+	].includes(e.toUpperCase()) ? 2 : 6, K = (e, t) => {
 		let n = parseFloat(e);
 		return isNaN(n) ? "0" : n.toFixed(t).replace(/\.?0+$/, "");
-	}, J = useMemo(() => {
-		if (!A || !G) return "0";
-		let e = parseFloat(G.price);
+	}, q = useMemo(() => {
+		if (!k || !W) return "0";
+		let e = parseFloat(W.price);
 		if (isNaN(e) || e === 0) return "0";
-		let t = K(A);
-		return q((parseFloat(p) / e).toFixed(t), t);
+		let t = G(k);
+		return K((parseFloat(c) / e).toFixed(t), t);
 	}, [
-		p,
-		A,
-		G
-	]), Y = async () => {
+		c,
+		k,
+		W
+	]), Te = async () => {
 		try {
-			C(!0);
-			let e = await y.getSupportedChains();
-			D(e), e.length > 0 && k(e[0].chain);
+			v(!0), S(void 0);
+			let e = await m.getSupportedChains();
+			E(e), e.length > 0 && O(e[0].chain);
 		} catch (e) {
-			v?.(e);
+			S(e instanceof Error ? e.message : "加载支付网络失败"), p?.(e);
 		} finally {
-			C(!1);
+			v(!1);
 		}
-	}, X = async (e) => {
-		if (R) try {
-			await R.request({
+	}, J = async (e) => {
+		if (L) try {
+			await L.request({
 				method: "wallet_switchEthereumChain",
 				params: [{ chainId: `0x${e.toString(16)}` }]
 			});
 		} catch (e) {
 			throw e.code === 4902 ? Error("请在钱包中添加该网络") : e;
 		}
-	}, be = async () => {
-		if (!(!P || !R || !Z.current || !G || !U)) try {
-			C(!0);
-			let e = Z.current;
-			await X(U.chainId);
+	}, Ee = async () => {
+		if (!(!N || !L || !Y.current || !W || !H)) try {
+			v(!0);
+			let e = Y.current;
+			await J(H.chainId);
 			let t = createWalletClient({
-				account: P,
-				transport: custom(R)
+				account: N,
+				transport: custom(L)
 			});
-			if (G.address) {
+			if (W.address) {
 				let n = await t.writeContract({
-					address: G.address,
+					address: W.address,
 					abi: [{
 						name: "transfer",
 						type: "function",
@@ -114,34 +114,34 @@ var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain:
 						outputs: [{ type: "bool" }]
 					}],
 					functionName: "transfer",
-					args: [e.receiveAddress, parseUnits(e.paymentAmount, G.decimals)],
+					args: [e.receiveAddress, parseUnits(e.paymentAmount, W.decimals)],
 					chain: null
 				});
 				console.log("转账交易哈希:", n);
 			} else {
 				let n = await t.sendTransaction({
 					to: e.receiveAddress,
-					value: parseUnits(e.paymentAmount, G.decimals),
+					value: parseUnits(e.paymentAmount, W.decimals),
 					chain: null
 				});
 				console.log("转账交易哈希:", n);
 			}
-			C(!1), T(!0), Q(e.paymentId);
+			v(!1), b(!0), Z(e.paymentId);
 		} catch (e) {
-			console.error("钱包支付失败:", e), v?.(e), C(!1);
+			console.error("钱包支付失败:", e), S(e instanceof Error ? e.message : "钱包支付失败"), p?.(e), v(!1);
 		}
-	}, xe = async () => {
-		if (!(!P || !R || !Z.current || !G || !U)) try {
-			C(!0);
-			let e = Z.current;
-			await X(U.chainId);
+	}, De = async () => {
+		if (!(!N || !L || !Y.current || !W || !H)) try {
+			v(!0);
+			let e = Y.current;
+			await J(H.chainId);
 			let t = createWalletClient({
-				account: P,
-				transport: custom(R)
+				account: N,
+				transport: custom(L)
 			});
-			if (!G.address) throw Error("订阅支付不支持原生代币");
+			if (!W.address) throw Error("订阅支付不支持原生代币");
 			let n = await t.writeContract({
-				address: G.address,
+				address: W.address,
 				abi: [{
 					name: "approve",
 					type: "function",
@@ -156,88 +156,89 @@ var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain:
 					outputs: [{ type: "bool" }]
 				}],
 				functionName: "approve",
-				args: [e.spenderAddress, parseUnits(e.approveAmount, G.decimals)],
+				args: [e.spenderAddress, parseUnits(e.approveAmount, W.decimals)],
 				chain: null
 			});
-			console.log("授权交易哈希:", n), C(!1), T(!0), Q(e.subscriptionId);
+			console.log("授权交易哈希:", n), v(!1), b(!0), Z(e.subscriptionId);
 		} catch (e) {
-			console.error("钱包授权失败:", e), v?.(e), C(!1);
+			console.error("钱包授权失败:", e), S(e instanceof Error ? e.message : "钱包授权失败"), p?.(e), v(!1);
 		}
-	}, Se = async () => {
-		if (!P) {
-			v?.(/* @__PURE__ */ Error("请先连接钱包"));
+	}, Oe = async () => {
+		if (!N) {
+			let e = "请先连接钱包";
+			S(e), p?.(Error(e));
 			return;
 		}
-		d === "one-time" ? await be() : d === "subscription" && await xe();
-	}, Z = useRef(null), Ce = async () => {
-		if (!(!O || !A)) try {
-			C(!0);
+		o === "one-time" ? await Ee() : o === "subscription" && await De();
+	}, Y = useRef(null), X = async () => {
+		if (!(!D || !k)) try {
+			v(!0), S(void 0);
 			let e = "";
-			d === "one-time" ? (Z.current = await y.createOnetimePayment({
-				paymentChain: O,
-				paymentToken: A,
-				orderId: f,
-				amount: J
-			}), e = `${O.toLowerCase()}:${Z.current.receiveAddress}?amount=${Z.current.paymentAmount}`) : d === "subscription" && (Z.current = await y.createSubscriptionPayment({
-				paymentChain: O,
-				paymentToken: A,
-				orderId: f,
-				amountOfUsd: J,
-				intervalDays: m || 30
-			}), e = `${O.toLowerCase()}:${Z.current.spenderAddress}?amount=${Z.current.approveAmount}`), x("payment"), N(await QRCode.toDataURL(e, {
+			o === "one-time" ? (Y.current = await m.createOnetimePayment({
+				paymentChain: D,
+				paymentToken: k,
+				orderId: s,
+				amount: q
+			}), e = `${D.toLowerCase()}:${Y.current.receiveAddress}?amount=${Y.current.paymentAmount}`) : o === "subscription" && (Y.current = await m.createSubscriptionPayment({
+				paymentChain: D,
+				paymentToken: k,
+				orderId: s,
+				amountOfUsd: q,
+				intervalDays: l || 30
+			}), e = `${D.toLowerCase()}:${Y.current.spenderAddress}?amount=${Y.current.approveAmount}`), g("payment"), M(await QRCode.toDataURL(e, {
 				width: 200,
 				margin: 2,
 				errorCorrectionLevel: "H"
 			}));
 		} catch (e) {
-			v?.(e);
+			S(e instanceof Error ? e.message : "创建支付失败"), p?.(e);
 		} finally {
-			C(!1);
+			v(!1);
 		}
-	}, we = async () => {
-		if (Z.current) try {
-			T(!0), d === "one-time" ? Q(Z.current.paymentId) : d === "subscription" && Q(Z.current.subscriptionId);
+	}, ke = async () => {
+		if (Y.current) try {
+			b(!0), S(void 0), o === "one-time" ? Z(Y.current.paymentId) : o === "subscription" && Z(Y.current.subscriptionId);
 		} catch (e) {
-			console.error("支付状态检查错误:", e), v?.(e), T(!1);
+			console.error("支付状态检查错误:", e), S(e instanceof Error ? e.message : "检查支付状态失败"), p?.(e), b(!1);
 		}
-	}, Q = (e) => {
-		let t = () => defer(() => d === "subscription" ? y.checkSubscriptionPaymentStatus({ subscriptionId: e }) : y.checkOnetimePaymentStatus({ paymentId: e })).pipe(timeout(15e3), retry({
+	}, Z = (e) => {
+		let t = () => defer(() => o === "subscription" ? m.checkSubscriptionPaymentStatus({ subscriptionId: e }) : m.checkOnetimePaymentStatus({ paymentId: e })).pipe(timeout(15e3), retry({
 			count: 3,
 			delay: 2e3
 		}));
-		V.current?.unsubscribe(), V.current = t().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => t())) : EMPTY), tap((e) => {
-			e.status === "expired" && (T(!1), h?.(e)), e.status === "paid" && (T(!1), x("success"), g?.(e)), e.status === "failed" && (T(!1), _?.(e)), e.status === "approved" && (T(!1), x("success"), g?.(e));
+		B.current?.unsubscribe(), B.current = t().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => t())) : EMPTY), tap((e) => {
+			e.status === "expired" && (b(!1), u?.(e)), e.status === "paid" && (b(!1), g("success"), d?.(e)), e.status === "failed" && (b(!1), f?.(e)), e.status === "approved" && (b(!1), g("success"), d?.(e));
 		})).subscribe({ error: (e) => {
-			console.error("支付状态检查错误:", e), T(!1), v?.(e);
+			console.error("支付状态检查错误:", e), S(e instanceof Error ? e.message : "检查支付状态失败"), b(!1), p?.(e);
 		} });
-	}, Te = async () => {
-		if (!Z.current) return;
-		let e = d === "subscription" ? Z.current.spenderAddress : Z.current.receiveAddress;
+	}, Q = async () => {
+		if (!Y.current) return;
+		let e = o === "subscription" ? Y.current.spenderAddress : Y.current.receiveAddress;
 		e && await navigator.clipboard.writeText(e);
 	}, $ = () => {
-		S || w || (n(), setTimeout(() => {
-			x("select"), Z.current = null;
+		_ || y || (n(), setTimeout(() => {
+			g("select"), S(void 0), Y.current = null;
 		}, 300));
 	};
 	return useEffect(() => {
-		t && E.length === 0 && Y();
+		t && T.length === 0 && Te();
 	}, [t]), useEffect(() => {
-		W.length > 0 && j(W[0].symbol);
-	}, [W]), useEffect(() => () => {
-		V.current?.unsubscribe();
+		U.length > 0 && A(U[0].symbol);
+	}, [U]), useEffect(() => () => {
+		B.current?.unsubscribe();
 	}, []), t ? /* @__PURE__ */ jsx("div", {
 		className: "_cppay-overlay",
-		onClick: (e) => e.target === e.currentTarget && !S && !w && $(),
+		onClick: (e) => e.target === e.currentTarget && !_ && !y && $(),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-dialog",
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "_cppay-header",
 				children: [/* @__PURE__ */ jsx("h2", {
 					className: "_cppay-title",
-					children: b === "select" ? "选择支付方式" : "完成支付"
+					children: h === "select" ? "选择支付方式" : "完成支付"
 				}), /* @__PURE__ */ jsx("button", {
 					onClick: $,
-					disabled: S || w,
+					disabled: _ || y,
 					className: "_cppay-close-btn",
 					children: /* @__PURE__ */ jsx("svg", {
 						fill: "none",
@@ -253,7 +254,7 @@ var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain:
 				})]
 			}), /* @__PURE__ */ jsx("div", {
 				className: "_cppay-content",
-				children: b === "success" ? /* @__PURE__ */ jsxs("div", {
+				children: h === "success" ? /* @__PURE__ */ jsxs("div", {
 					style: {
 						textAlign: "center",
 						padding: "2rem 0"
@@ -273,17 +274,17 @@ var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain:
 								color: "#10b981",
 								margin: "0 0 0.5rem 0"
 							},
-							children: d === "subscription" ? "授权成功!" : "支付成功!"
+							children: o === "subscription" ? "授权成功!" : "支付成功!"
 						}),
 						/* @__PURE__ */ jsx("p", {
 							style: {
 								color: "#6b7280",
 								margin: 0
 							},
-							children: d === "subscription" ? "订阅已激活" : "交易已完成"
+							children: o === "subscription" ? "订阅已激活" : "交易已完成"
 						})
 					]
-				}) : b === "select" ? /* @__PURE__ */ jsxs("div", { children: [
+				}) : h === "select" ? /* @__PURE__ */ jsxs("div", { children: [
 					/* @__PURE__ */ jsxs("div", {
 						className: "_cppay-section",
 						children: [/* @__PURE__ */ jsx("label", {
@@ -291,9 +292,9 @@ var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain:
 							children: "支付网络"
 						}), /* @__PURE__ */ jsx("div", {
 							className: "_cppay-grid",
-							children: E.map((e) => /* @__PURE__ */ jsxs("button", {
-								onClick: () => k(e.chain),
-								className: `_cppay-select-btn ${O === e.chain ? "_cppay-selected" : ""}`,
+							children: T.map((e) => /* @__PURE__ */ jsxs("button", {
+								onClick: () => O(e.chain),
+								className: `_cppay-select-btn ${D === e.chain ? "_cppay-selected" : ""}`,
 								children: [e.icon && /* @__PURE__ */ jsx("img", {
 									src: e.icon,
 									alt: e.chain
@@ -308,9 +309,9 @@ var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain:
 							children: "支付代币"
 						}), /* @__PURE__ */ jsx("div", {
 							className: "_cppay-grid",
-							children: W.map((e) => /* @__PURE__ */ jsxs("button", {
-								onClick: () => j(e.symbol),
-								className: `_cppay-select-btn ${A === e.symbol ? "_cppay-selected" : ""}`,
+							children: U.map((e) => /* @__PURE__ */ jsxs("button", {
+								onClick: () => A(e.symbol),
+								className: `_cppay-select-btn ${k === e.symbol ? "_cppay-selected" : ""}`,
 								children: [e.icon && /* @__PURE__ */ jsx("img", {
 									src: e.icon,
 									alt: e.symbol
@@ -332,34 +333,53 @@ var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain:
 									children: [/* @__PURE__ */ jsxs("div", {
 										className: "_cppay-price-main",
 										children: [
-											J ?? "-",
+											q ?? "-",
 											" ",
-											A ?? ""
+											k ?? ""
 										]
 									}), /* @__PURE__ */ jsxs("div", {
 										className: "_cppay-price-sub",
-										children: ["≈ $", p]
+										children: ["≈ $", c]
 									})]
 								})]
 							})
 						})
 					}),
-					/* @__PURE__ */ jsx("div", {
+					/* @__PURE__ */ jsxs("div", {
 						className: "_cppay-section",
-						children: /* @__PURE__ */ jsx("button", {
-							onClick: Ce,
-							disabled: !O || !A || S,
+						children: [x && /* @__PURE__ */ jsxs("div", {
+							className: "_cppay-error-tooltip-wrapper",
+							onMouseEnter: () => w(!0),
+							onMouseLeave: () => w(!1),
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "_cppay-error-tooltip",
+								children: [/* @__PURE__ */ jsx("svg", {
+									viewBox: "0 0 20 20",
+									fill: "currentColor",
+									children: /* @__PURE__ */ jsx("path", {
+										fillRule: "evenodd",
+										d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",
+										clipRule: "evenodd"
+									})
+								}), /* @__PURE__ */ jsx("span", { children: x })]
+							}), C && /* @__PURE__ */ jsx("div", {
+								className: "_cppay-error-tooltip-full",
+								children: x
+							})]
+						}), /* @__PURE__ */ jsx("button", {
+							onClick: X,
+							disabled: !D || !k || _,
 							className: "_cppay-btn _cppay-btn-primary",
-							children: S ? "处理中..." : "继续支付"
-						})
+							children: _ ? "处理中..." : "继续支付"
+						})]
 					})
 				] }) : /* @__PURE__ */ jsxs("div", { children: [
 					/* @__PURE__ */ jsx("div", {
 						className: "_cppay-qr-container",
 						children: /* @__PURE__ */ jsx("div", {
 							className: "_cppay-qr-code",
-							children: M && /* @__PURE__ */ jsx("img", {
-								src: M,
+							children: j && /* @__PURE__ */ jsx("img", {
+								src: j,
 								alt: "Payment QR Code",
 								style: {
 									width: "160px",
@@ -372,25 +392,25 @@ var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain:
 					/* @__PURE__ */ jsxs("div", {
 						className: "_cppay-section",
 						children: [
-							A && /* @__PURE__ */ jsxs("div", {
+							k && /* @__PURE__ */ jsxs("div", {
 								className: "_cppay-info-box",
 								children: [/* @__PURE__ */ jsx("div", {
 									className: "_cppay-info-label",
-									children: d === "subscription" ? "授权金额" : "支付金额"
+									children: o === "subscription" ? "授权金额" : "支付金额"
 								}), /* @__PURE__ */ jsx("div", {
 									className: "_cppay-info-value",
-									children: d === "subscription" ? `${q(Z.current.approveAmount, K(A))} ${A}` : `${q(Z.current.paymentAmount, K(A))} ${A}`
+									children: o === "subscription" ? `${K(Y.current.approveAmount, G(k))} ${k}` : `${K(Y.current.paymentAmount, G(k))} ${k}`
 								})]
 							}),
 							/* @__PURE__ */ jsxs("div", {
 								className: "_cppay-info-box",
 								children: [/* @__PURE__ */ jsx("div", {
 									className: "_cppay-info-label",
-									children: d === "subscription" ? "授权合约地址" : "支付地址"
+									children: o === "subscription" ? "授权合约地址" : "支付地址"
 								}), /* @__PURE__ */ jsxs("div", {
 									className: "_cppay-address-row",
-									children: [/* @__PURE__ */ jsx("code", { children: d === "subscription" ? Z.current.spenderAddress : Z.current.receiveAddress }), /* @__PURE__ */ jsx("button", {
-										onClick: Te,
+									children: [/* @__PURE__ */ jsx("code", { children: o === "subscription" ? Y.current.spenderAddress : Y.current.receiveAddress }), /* @__PURE__ */ jsx("button", {
+										onClick: Q,
 										className: "_cppay-copy-btn",
 										title: "复制地址",
 										children: /* @__PURE__ */ jsx("svg", {
@@ -407,7 +427,7 @@ var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain:
 									})]
 								})]
 							}),
-							d === "subscription" && /* @__PURE__ */ jsxs("div", {
+							o === "subscription" && /* @__PURE__ */ jsxs("div", {
 								className: "_cppay-info-box",
 								style: {
 									background: "#fff3cd",
@@ -428,18 +448,38 @@ var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain:
 							})
 						]
 					}),
-					!w && /* @__PURE__ */ jsx("div", {
+					x && /* @__PURE__ */ jsxs("div", {
+						className: "_cppay-error-tooltip-wrapper",
+						onMouseEnter: () => w(!0),
+						onMouseLeave: () => w(!1),
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "_cppay-error-tooltip",
+							children: [/* @__PURE__ */ jsx("svg", {
+								viewBox: "0 0 20 20",
+								fill: "currentColor",
+								children: /* @__PURE__ */ jsx("path", {
+									fillRule: "evenodd",
+									d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",
+									clipRule: "evenodd"
+								})
+							}), /* @__PURE__ */ jsx("span", { children: x })]
+						}), C && /* @__PURE__ */ jsx("div", {
+							className: "_cppay-error-tooltip-full",
+							children: x
+						})]
+					}),
+					!y && /* @__PURE__ */ jsx("div", {
 						className: "_cppay-section",
-						children: P ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+						children: N ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 							className: "_cppay-btn-container",
 							children: [/* @__PURE__ */ jsx("button", {
-								onClick: Se,
-								disabled: S,
+								onClick: Oe,
+								disabled: _,
 								className: "_cppay-btn _cppay-btn-primary",
-								children: S ? d === "subscription" ? "授权中..." : "支付中..." : d === "subscription" ? "💳 钱包授权" : "💳 钱包支付"
+								children: _ ? o === "subscription" ? "授权中..." : "支付中..." : o === "subscription" ? "💳 钱包授权" : "💳 钱包支付"
 							}), /* @__PURE__ */ jsx("button", {
-								onClick: H,
-								disabled: S,
+								onClick: V,
+								disabled: _,
 								className: "_cppay-btn _cppay-btn-primary",
 								children: "💰钱包状态"
 							})]
@@ -452,13 +492,13 @@ var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain:
 							},
 							children: [
 								"已连接: ",
-								P.slice(0, 6),
+								N.slice(0, 6),
 								"...",
-								P.slice(-4)
+								N.slice(-4)
 							]
 						})] }) : /* @__PURE__ */ jsx("button", {
-							onClick: H,
-							disabled: I,
+							onClick: V,
+							disabled: F,
 							className: "_cppay-btn _cppay-btn-secondary",
 							style: {
 								display: "flex",
@@ -468,23 +508,23 @@ var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain:
 								padding: "0.75rem 1rem",
 								width: "100%"
 							},
-							children: /* @__PURE__ */ jsx("span", { children: I ? "连接中..." : "💳 连接钱包" })
+							children: /* @__PURE__ */ jsx("span", { children: F ? "连接中..." : "💳 连接钱包" })
 						})
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "_cppay-section",
 						children: /* @__PURE__ */ jsx("button", {
-							onClick: we,
-							disabled: w,
+							onClick: ke,
+							disabled: y,
 							className: "_cppay-btn _cppay-btn-primary",
-							children: w ? "检查中..." : "我已完成支付"
+							children: y ? "检查中..." : "我已完成支付"
 						})
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "_cppay-section",
 						children: /* @__PURE__ */ jsx("button", {
-							onClick: () => x("select"),
-							disabled: S || w,
+							onClick: () => g("select"),
+							disabled: _ || y,
 							className: "_cppay-btn _cppay-btn-text",
 							children: "更改支付方式"
 						})
@@ -495,27 +535,27 @@ var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: u, plain:
 	}) : null;
 }), CppayContext = createContext(null);
 const CppayProvider = ({ apikey: e, children: t }) => {
-	let [n, r] = useState(!1), [i, a] = useState(null), o = useCallback((e) => {
-		a(e), r(!0);
-	}, []), s = useCallback(() => {
+	let [n, r] = useState(!1), [i, be] = useState(null), xe = useCallback((e) => {
+		be(e), r(!0);
+	}, []), Se = useCallback(() => {
 		r(!1);
-	}, []), c = useCallback((e) => {
+	}, []), Ce = useCallback((e) => {
 		i?.onSuccess?.(e), r(!1);
-	}, [i]), l = useCallback((e) => {
+	}, [i]), we = useCallback((e) => {
 		i?.onError?.(e);
 	}, [i]);
 	return /* @__PURE__ */ jsxs(CppayContext.Provider, {
-		value: { showPayment: o },
+		value: { showPayment: xe },
 		children: [t, i && /* @__PURE__ */ jsx(PaymentDialog_default, {
 			open: n,
-			onClose: s,
+			onClose: Se,
 			apikey: e,
 			plain: i.plain,
 			orderId: i.orderId,
 			amount: i.amount,
 			intervalDays: i.intervalDays,
-			onSuccess: c,
-			onError: l
+			onSuccess: Ce,
+			onError: we
 		})]
 	});
 }, useCppayPayment = () => {