cppay-sdk 0.0.2-beta.35 → 0.0.2-beta.37

package/dist/react.js

@@ -1,5 +1,5 @@
-import { t as cppay_default } from "./cppay-DnoMkyVy.js";
-import { n as injectStyle, r as payment_dialog_default, t as getLocaleMessages } from "./locales-DGvDecya.js";
+import { t as cppay_default } from "./cppay-J9nBy01A.js";
+import { n as injectStyle, r as payment_dialog_default, t as getLocaleMessages } from "./locales-De6oJnka.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 { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount: _, intervalDays: ge, locale: _e = "zh-CN", onSuccess: ve, onExpired: ye, onFailed: be, onError: v, Slots: xe, paymentStep: y, onPaymentStepChange: b, loading: x = !1, isCheckingPayment: S = !1, error: C, onErrorChange: w }) => {
-	let T = useMemo(() => new cppay_default(t, n), [t, n]), E = useMemo(() => getLocaleMessages(_e), [_e]), [D, Se] = useState([]), [O, k] = useState(), [A, j] = useState(), [M, N] = useState(), [P, F] = useState(), [I, L] = useState(!1), [R, z] = useState(), [B, Ce] = useState(""), [V, we] = useState(!1), [Te, H] = useState(!1), U = useRef(null), W = useRef(null), G = useRef(null);
+var PaymentContent_default = ({ apikey: t, ott: n, plain: p, orderId: m, amount: h, intervalDays: ve, locale: g, onSuccess: ye, onExpired: be, onFailed: xe, onError: _, Slots: Se, onPaymentStepChange: Ce }) => {
+	let v = useMemo(() => new cppay_default(t, n), [t, n]), y = useMemo(() => getLocaleMessages(g), [g]), [b, x] = useState("select"), S = useMemo(() => b === "checking", [b]), [C, w] = useState(!1), [T, E] = useState(), [D, we] = useState([]), [O, k] = useState(), [A, j] = useState(), [M, Te] = useState(), [N, P] = useState(), [F, I] = useState(!1), [L, R] = useState(), [z, Ee] = useState(""), [B, De] = useState(!1), [Oe, V] = useState(!1), H = useRef(null), U = useRef(null), W = useRef(null), G = useRef(null);
 	useEffect(() => {
-		typeof window < "u" && !U.current && (U.current = createAppKit({
+		typeof window < "u" && !H.current && (H.current = createAppKit({
 			debug: !1,
 			enableNetworkSwitch: !1,
 			adapters: [new EthersAdapter()],
@@ -33,22 +33,22 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 				icons: ["https://cppay.com/icon.png"]
 			},
 			features: { analytics: !1 }
-		}), F(U.current.getAddress()), z(U.current.getProvider("eip155")), U.current.subscribeAccount((e) => {
-			e.isConnected ? F(e.address) : (F(void 0), z(void 0));
-		}), U.current.subscribeProviders((e) => {
+		}), P(H.current.getAddress()), R(H.current.getProvider("eip155")), H.current.subscribeAccount((e) => {
+			e.isConnected ? P(e.address) : (P(void 0), R(void 0));
+		}), H.current.subscribeProviders((e) => {
 			let t = e?.eip155;
-			z(t);
+			R(t);
 		}));
-	}, []);
-	let Ee = async () => {
+	}, []), useEffect(() => {
+		Ce?.(b);
+	}, [b]);
+	let ke = async () => {
 		try {
-			L(!0), w?.(void 0), U.current && await U.current.open();
+			I(!0), E(void 0), H.current && await H.current.open();
 		} catch (e) {
-			console.error("钱包连接失败:", e);
-			let t = e instanceof Error ? e.message : E.walletConnectionFailed;
-			w?.(t), v?.(e);
+			console.error("钱包连接失败:", e), E(e instanceof Error ? e.message : y.walletConnectionFailed), _?.(e);
 		} finally {
-			L(!1);
+			I(!1);
 		}
 	}, K = useMemo(() => D.find((e) => e.chain === O), [D, O]), q = useMemo(() => K?.tokens || [], [K]), J = useMemo(() => q.find((e) => e.symbol === A), [q, A]), Y = (e) => [
 		"USDT",
@@ -61,93 +61,105 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 	].includes(e.toUpperCase()) ? 2 : 6, X = (e, t) => {
 		let n = parseFloat(e);
 		return isNaN(n) ? "0" : n.toFixed(t).replace(/\.?0+$/, "");
-	}, De = (e) => {
-		if (e <= 0) return E.expired;
+	}, Ae = (e) => {
+		if (e <= 0) return y.expired;
 		let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = e % 60;
-		return t > 0 ? `${t}${E.hours}${n}${E.minutes}${r}${E.seconds}` : `${n}${E.minutes}${r}${E.seconds}`;
-	}, Oe = (e) => {
-		G.current && clearInterval(G.current);
+		return t > 0 ? `${t}${y.hours}${n}${y.minutes}${r}${y.seconds}` : `${n}${y.minutes}${r}${y.seconds}`;
+	}, je = (e) => {
+		W.current && clearInterval(W.current);
 		let t = () => {
+			if (b === "checking") {
+				Z();
+				return;
+			}
 			let t = e - Math.floor(Date.now() / 1e3);
-			Ce(De(t)), t <= 0 && (b("expired"), ke());
+			Ee(Ae(t)), t <= 0 && (x("expired"), Z());
 		};
-		t(), G.current = setInterval(t, 1e3);
-	}, ke = () => {
-		G.current &&= (clearInterval(G.current), null);
-	}, Z = useMemo(() => {
+		t(), W.current = setInterval(t, 1e3);
+	}, Z = () => {
+		W.current &&= (clearInterval(W.current), null);
+	}, Q = useMemo(() => {
 		if (!A || !J) return "0";
 		let e = parseFloat(J.price);
 		if (isNaN(e) || e === 0) return "0";
 		let t = Y(A);
-		return X((parseFloat(_) / e).toFixed(t), t);
+		return X((parseFloat(h) / e).toFixed(t), t);
 	}, [
-		_,
+		h,
 		A,
 		J
-	]), Ae = async () => {
+	]), Me = async () => {
 		try {
-			w?.(void 0);
-			let e = await T.getSupportedChains();
-			Se(e), e.length > 0 && k(e[0].chain);
+			w(!0), E(void 0);
+			let e = await v.getSupportedChains();
+			we(e), e.length > 0 && k(e[0].chain);
 		} catch (e) {
-			let t = e instanceof Error ? e.message : E.loadPaymentNetworkFailed;
-			w?.(t), v?.(e);
+			E(e instanceof Error ? e.message : y.loadPaymentNetworkFailed), _?.(e);
+		} finally {
+			w(!1);
 		}
-	}, je = async (e) => {
-		if (R) try {
-			await R.request({
+	}, Ne = 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.pleaseAddNetwork) : e;
+			throw e.code === 4902 ? Error(y.pleaseAddNetwork) : e;
 		}
-	}, Me = async () => {
-		if (!(!P || !R || !Q.current || !J || !K)) try {
-			let e = Q.current;
-			await je(K.chainId);
+	}, Pe = async () => {
+		if (!(!N || !L || !G.current || !J || !K)) try {
+			w(!0);
+			let e = G.current;
+			await Ne(K.chainId);
 			let t = createWalletClient({
-				account: P,
-				transport: custom(R)
+				account: N,
+				transport: custom(L)
 			});
-			J.address ? await t.writeContract({
-				address: J.address,
-				abi: [{
-					name: "transfer",
-					type: "function",
-					stateMutability: "nonpayable",
-					inputs: [{
-						name: "to",
-						type: "address"
-					}, {
-						name: "amount",
-						type: "uint256"
+			if (J.address) {
+				let n = await t.writeContract({
+					address: J.address,
+					abi: [{
+						name: "transfer",
+						type: "function",
+						stateMutability: "nonpayable",
+						inputs: [{
+							name: "to",
+							type: "address"
+						}, {
+							name: "amount",
+							type: "uint256"
+						}],
+						outputs: [{ type: "bool" }]
 					}],
-					outputs: [{ type: "bool" }]
-				}],
-				functionName: "transfer",
-				args: [e.receiveAddress, parseUnits(e.paymentAmount, J.decimals)],
-				chain: null
-			}) : await t.sendTransaction({
-				to: e.receiveAddress,
-				value: parseUnits(e.paymentAmount, J.decimals),
-				chain: null
-			}), N(void 0);
+					functionName: "transfer",
+					args: [e.receiveAddress, parseUnits(e.paymentAmount, J.decimals)],
+					chain: null
+				});
+				console.log("转账交易哈希:", n);
+			} else {
+				let n = await t.sendTransaction({
+					to: e.receiveAddress,
+					value: parseUnits(e.paymentAmount, J.decimals),
+					chain: null
+				});
+				console.log("转账交易哈希:", n);
+			}
+			w(!1), x("checking");
 		} catch (e) {
-			console.error("钱包支付失败:", e);
-			let t = e instanceof Error ? e.message : E.walletPaymentFailed;
-			w?.(t), v?.(e);
+			console.error("钱包支付失败:", e), E(e instanceof Error ? e.message : y.walletPaymentFailed), _?.(e), w(!1);
 		}
-	}, Ne = async () => {
-		if (!(!P || !R || !Q.current || !J || !K)) try {
-			let e = Q.current;
-			await je(K.chainId);
+	}, Fe = async () => {
+		if (!(!N || !L || !G.current || !J || !K)) try {
+			w(!0);
+			let e = G.current;
+			await Ne(K.chainId);
 			let t = createWalletClient({
-				account: P,
-				transport: custom(R)
+				account: N,
+				transport: custom(L)
 			});
-			if (!J.address) throw Error(E.subscriptionDoesNotSupportNative);
-			await t.writeContract({
+			if (!J.address) throw Error(y.subscriptionDoesNotSupportNative);
+			let n = await t.writeContract({
 				address: J.address,
 				abi: [{
 					name: "approve",
@@ -165,69 +177,71 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 				functionName: "approve",
 				args: [e.spenderAddress, parseUnits(e.approveAmount, J.decimals)],
 				chain: null
-			}), N(void 0);
+			});
+			console.log("授权交易哈希:", n), w(!1), x("checking");
 		} catch (e) {
-			console.error("钱包授权失败:", e);
-			let t = e instanceof Error ? e.message : E.walletPaymentFailed;
-			w?.(t), v?.(e);
+			console.error("钱包授权失败:", e), E(e instanceof Error ? e.message : y.walletPaymentFailed), _?.(e), w(!1);
 		}
-	}, Pe = async () => {
-		if (!P) {
-			let e = E.pleaseConnectWallet;
-			w?.(e), v?.(Error(e));
+	}, Ie = async () => {
+		if (!N) {
+			let e = y.pleaseConnectWallet;
+			E(e), _?.(Error(e));
 			return;
 		}
-		h === "one-time" ? await Me() : h === "subscription" && await Ne();
-	}, Q = useRef(null), Fe = async () => {
+		p === "instant" ? await Pe() : p === "subscription" && await Fe();
+	}, Le = async () => {
 		if (!(!O || !A)) try {
-			w?.(void 0);
+			w(!0), E(void 0);
 			let e = "";
-			h === "one-time" ? (Q.current = await T.createOnetimePayment({
+			p === "instant" ? (G.current = await v.createOnetimePayment({
 				paymentChain: O,
 				paymentToken: A,
-				orderId: g,
-				amount: Z
-			}), e = `${O.toLowerCase()}:${Q.current.receiveAddress}?amount=${Q.current.paymentAmount}`, Oe(Q.current.expireAt), $({ paymentId: Q.current.paymentId })) : h === "subscription" && (Q.current = await T.createSubscriptionPayment({
+				orderId: m,
+				amount: Q
+			}), e = `${O.toLowerCase()}:${G.current.receiveAddress}?amount=${G.current.paymentAmount}`, je(G.current.expireAt), $({ paymentId: G.current.paymentId })) : p === "subscription" && (G.current = await v.createSubscriptionPayment({
 				paymentChain: O,
 				paymentToken: A,
-				orderId: g,
-				amountOfUsd: Z,
-				intervalDays: ge || 30
-			}), e = `${O.toLowerCase()}:${Q.current.spenderAddress}?amount=${Q.current.approveAmount}`, Oe(Q.current.expireAt), $({ subscriptionId: Q.current.subscriptionId })), b("payment"), N(await QRCode.toDataURL(e, {
+				orderId: m,
+				amountOfUsd: Q,
+				intervalDays: ve || 30
+			}), e = `${O.toLowerCase()}:${G.current.spenderAddress}?amount=${G.current.approveAmount}`, je(G.current.expireAt), $({ subscriptionId: G.current.subscriptionId })), x("payment"), Te(await QRCode.toDataURL(e, {
 				width: 200,
 				margin: 2,
 				errorCorrectionLevel: "H"
 			}));
 		} catch (e) {
-			let t = e instanceof Error ? e.message : E.createPaymentFailed;
-			w?.(t), v?.(e);
+			E(e instanceof Error ? e.message : y.createPaymentFailed), _?.(e);
+		} finally {
+			w(!1);
 		}
+	}, Re = () => {
+		G.current && (x("checking"), E(void 0));
 	}, $ = (e) => {
-		W.current?.unsubscribe();
-		let t = () => defer(() => h === "subscription" ? T.checkSubscriptionPaymentStatus(e) : T.checkOnetimePaymentStatus(e)).pipe(timeout(15e3), retry({ delay: 2e3 }));
-		W.current = t().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => t())) : EMPTY), tap((e) => {
-			(e.status === "paid" || e.status === "approved") && (b("success"), ve?.(e)), e.status === "expired" && (b("expired"), ye?.(e)), e.status === "failed" && (b("failed"), be?.(e));
+		U.current?.unsubscribe();
+		let t = () => defer(() => p === "subscription" ? v.checkSubscriptionPaymentStatus(e) : v.checkOnetimePaymentStatus(e)).pipe(timeout(15e3), retry({ delay: 2e3 }));
+		U.current = t().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => t())) : EMPTY), tap((e) => {
+			(e.status === "paid" || e.status === "approved") && (x("success"), ye?.(e)), e.status === "expired" && (x("expired"), be?.(e)), e.status === "failed" && (x("failed"), xe?.(e));
 		})).subscribe({
 			error: (e) => {
-				if (Q.current) {
-					let t = e instanceof Error ? e.message : E.checkPaymentStatusFailed;
-					b("error"), w?.(t), v?.(e);
+				if (G.current) {
+					let t = e instanceof Error ? e.message : y.checkPaymentStatusFailed;
+					x("error"), E(t), _?.(e);
 				}
 			},
 			complete: () => {
-				W.current?.unsubscribe();
+				U.current?.unsubscribe();
 			}
 		});
 	};
 	return useEffect(() => {
-		D.length === 0 && Ae();
+		D.length === 0 && Me();
 	}, []), useEffect(() => {
 		q.length > 0 && j(q[0].symbol);
-	}, [q]), useEffect(() => (g && $({ orderId: g }), () => {
-		W.current?.unsubscribe(), ke();
-	}), [g]), /* @__PURE__ */ jsx("div", {
+	}, [q]), useEffect(() => (m && $({ orderId: m }), () => {
+		U.current?.unsubscribe(), Z();
+	}), [m]), /* @__PURE__ */ jsx("div", {
 		className: "_cppay-content",
-		children: y === "success" ? /* @__PURE__ */ jsxs("div", {
+		children: b === "success" ? /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-state-container",
 			children: [
 				/* @__PURE__ */ jsx("div", {
@@ -236,14 +250,14 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 				}),
 				/* @__PURE__ */ jsx("h3", {
 					className: "_cppay-state-title",
-					children: h === "subscription" ? E.authorizationSuccess : E.paymentSuccess
+					children: p === "subscription" ? y.authorizationSuccess : y.paymentSuccess
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "_cppay-state-message",
-					children: h === "subscription" ? E.subscriptionActivated : E.transactionCompleted
+					children: p === "subscription" ? y.subscriptionActivated : y.transactionCompleted
 				})
 			]
-		}) : y === "expired" ? /* @__PURE__ */ jsxs("div", {
+		}) : b === "expired" ? /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-state-container",
 			children: [
 				/* @__PURE__ */ jsx("div", {
@@ -252,40 +266,40 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 				}),
 				/* @__PURE__ */ jsx("h3", {
 					className: "_cppay-state-title",
-					children: E.paymentExpired
+					children: y.paymentExpired
 				}),
 				/* @__PURE__ */ jsx("button", {
-					onClick: () => b("select"),
-					disabled: x || S,
+					onClick: () => x("select"),
+					disabled: C || S,
 					className: "_cppay-btn _cppay-btn-text",
-					children: E.returnButton
+					children: y.returnButton
 				})
 			]
-		}) : y === "error" ? /* @__PURE__ */ jsxs("div", {
+		}) : b === "error" ? /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-state-container",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "_cppay-state-icon",
 				children: "❌"
 			}), /* @__PURE__ */ jsx("h3", {
 				className: "_cppay-state-title",
-				children: C || E.error
+				children: T || y.error
 			})]
-		}) : y === "failed" ? /* @__PURE__ */ jsxs("div", {
+		}) : b === "failed" ? /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-state-container",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "_cppay-state-icon",
 				children: "❌"
 			}), /* @__PURE__ */ jsx("h3", {
 				className: "_cppay-state-title",
-				children: E.paymentFailed
+				children: y.paymentFailed
 			})]
-		}) : y === "select" ? /* @__PURE__ */ jsxs("div", { children: [
-			xe?.ChooseTop,
+		}) : b === "select" ? /* @__PURE__ */ jsxs("div", { children: [
+			Se?.ChooseTop,
 			/* @__PURE__ */ jsxs("div", {
 				className: "_cppay-section",
 				children: [/* @__PURE__ */ jsx("label", {
 					className: "_cppay-label",
-					children: E.paymentNetwork
+					children: y.paymentNetwork
 				}), /* @__PURE__ */ jsx("div", {
 					className: "_cppay-grid",
 					children: D.map((e) => /* @__PURE__ */ jsxs("button", {
@@ -302,7 +316,7 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 				className: "_cppay-section",
 				children: [/* @__PURE__ */ jsx("label", {
 					className: "_cppay-label",
-					children: E.paymentToken
+					children: y.paymentToken
 				}), /* @__PURE__ */ jsx("div", {
 					className: "_cppay-grid",
 					children: q.map((e) => /* @__PURE__ */ jsxs("button", {
@@ -315,7 +329,7 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 					}, e.symbol))
 				})]
 			}),
-			xe?.ChooseBottom,
+			Se?.ChooseBottom,
 			/* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
 				children: /* @__PURE__ */ jsx("div", {
@@ -324,19 +338,19 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 						className: "_cppay-price-row",
 						children: [/* @__PURE__ */ jsx("span", {
 							className: "_cppay-price-label",
-							children: E.paymentAmount
+							children: y.paymentAmount
 						}), /* @__PURE__ */ jsxs("div", {
 							className: "_cppay-price-amount",
 							children: [/* @__PURE__ */ jsxs("div", {
 								className: "_cppay-price-main",
 								children: [
-									Z ?? "-",
+									Q ?? "-",
 									" ",
 									A ?? ""
 								]
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "_cppay-price-sub",
-								children: ["≈ $", _]
+								children: ["≈ $", h]
 							})]
 						})]
 					})
@@ -344,10 +358,10 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "_cppay-section",
-				children: [C && /* @__PURE__ */ jsxs("div", {
+				children: [T && /* @__PURE__ */ jsxs("div", {
 					className: "_cppay-error-tooltip-wrapper",
-					onMouseEnter: () => H(!0),
-					onMouseLeave: () => H(!1),
+					onMouseEnter: () => V(!0),
+					onMouseLeave: () => V(!1),
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "_cppay-error-tooltip",
 						children: [/* @__PURE__ */ jsx("svg", {
@@ -358,16 +372,16 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 								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: C })]
-					}), Te && /* @__PURE__ */ jsx("div", {
+						}), /* @__PURE__ */ jsx("span", { children: T })]
+					}), Oe && /* @__PURE__ */ jsx("div", {
 						className: "_cppay-error-tooltip-full",
-						children: C
+						children: T
 					})]
 				}), /* @__PURE__ */ jsx("button", {
-					onClick: Fe,
-					disabled: !O || !A || x,
+					onClick: Le,
+					disabled: !O || !A || C,
 					className: "_cppay-btn _cppay-btn-primary",
-					children: x ? E.processing : E.continuePayment
+					children: C ? y.processing : y.continuePayment
 				})]
 			})
 		] }) : /* @__PURE__ */ jsxs("div", { children: [
@@ -393,10 +407,10 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 								className: "_cppay-info-flex-child",
 								children: [/* @__PURE__ */ jsx("div", {
 									className: "_cppay-info-label",
-									children: h === "subscription" ? E.authorizationAmount : E.paymentAmount
+									children: p === "subscription" ? y.authorizationAmount : y.paymentAmount
 								}), /* @__PURE__ */ jsxs("div", {
 									className: "_cppay-info-value _cppay-info-value-flex",
-									children: [/* @__PURE__ */ jsx("span", { children: h === "subscription" ? `${X(Q.current.approveAmount, Y(J.symbol))} ${J.symbol}` : `${X(Q.current.paymentAmount, Y(J.symbol))} ${J.symbol}` }), /* @__PURE__ */ jsxs("span", { children: ["≈ $", _] })]
+									children: [/* @__PURE__ */ jsx("span", { children: p === "subscription" ? `${X(G.current.approveAmount, Y(J.symbol))} ${J.symbol}` : `${X(G.current.paymentAmount, Y(J.symbol))} ${J.symbol}` }), /* @__PURE__ */ jsxs("span", { children: ["≈ $", h] })]
 								})]
 							})
 						})
@@ -407,27 +421,27 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 							className: "_cppay-info-flex-child",
 							children: [/* @__PURE__ */ jsxs("div", {
 								className: "_cppay-info-label _cppay-info-label-flex",
-								children: [/* @__PURE__ */ jsx("span", { children: h === "subscription" ? E.authorizationContractAddress : E.paymentAddress }), B && /* @__PURE__ */ jsxs("span", {
+								children: [/* @__PURE__ */ jsx("span", { children: p === "subscription" ? y.authorizationContractAddress : y.paymentAddress }), z && /* @__PURE__ */ jsxs("span", {
 									className: "_cppay-countdown",
-									children: ["⏰ ", B]
+									children: ["⏰ ", z]
 								})]
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "_cppay-address-row",
-								children: [/* @__PURE__ */ jsx("code", { children: h === "subscription" ? Q.current.spenderAddress : Q.current.receiveAddress }), /* @__PURE__ */ jsx("button", {
+								children: [/* @__PURE__ */ jsx("code", { children: p === "subscription" ? G.current.spenderAddress : G.current.receiveAddress }), /* @__PURE__ */ jsx("button", {
 									onClick: async () => {
-										if (!Q.current) return;
-										let e = h === "subscription" ? Q.current.spenderAddress : Q.current.receiveAddress;
+										if (!G.current) return;
+										let e = p === "subscription" ? G.current.spenderAddress : G.current.receiveAddress;
 										if (e) try {
-											await navigator.clipboard.writeText(e), we(!0), setTimeout(() => {
-												we(!1);
+											await navigator.clipboard.writeText(e), De(!0), setTimeout(() => {
+												De(!1);
 											}, 2e3);
 										} catch (e) {
 											console.error("复制失败:", e);
 										}
 									},
-									className: `_cppay-copy-btn ${V ? "_cppay-copy-success" : ""}`,
-									title: V ? E.copied : E.copyAddress,
-									children: V ? /* @__PURE__ */ jsx("svg", {
+									className: `_cppay-copy-btn ${B ? "_cppay-copy-success" : ""}`,
+									title: B ? y.copied : y.copyAddress,
+									children: B ? /* @__PURE__ */ jsx("svg", {
 										className: "_cppay-copy-icon",
 										viewBox: "0 0 24 24",
 										fill: "currentColor",
@@ -451,22 +465,22 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 							})]
 						})
 					}),
-					h === "subscription" && /* @__PURE__ */ jsxs("div", {
+					p === "subscription" && /* @__PURE__ */ jsxs("div", {
 						className: "_cppay-info-box _cppay-subscription-box",
 						children: [/* @__PURE__ */ jsx("div", {
 							className: "_cppay-info-label _cppay-subscription-label",
-							children: E.subscriptionNotice
+							children: y.subscriptionNotice
 						}), /* @__PURE__ */ jsx("div", {
 							className: "_cppay-info-value _cppay-subscription-message",
-							children: E.subscriptionNoticeMessage
+							children: y.subscriptionNoticeMessage
 						})]
 					})
 				]
 			}),
-			C && /* @__PURE__ */ jsxs("div", {
+			T && /* @__PURE__ */ jsxs("div", {
 				className: "_cppay-error-tooltip-wrapper",
-				onMouseEnter: () => H(!0),
-				onMouseLeave: () => H(!1),
+				onMouseEnter: () => V(!0),
+				onMouseLeave: () => V(!1),
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: "_cppay-error-tooltip",
 					children: [/* @__PURE__ */ jsx("svg", {
@@ -477,30 +491,30 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 							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: C })]
-				}), Te && /* @__PURE__ */ jsx("div", {
+					}), /* @__PURE__ */ jsx("span", { children: T })]
+				}), Oe && /* @__PURE__ */ jsx("div", {
 					className: "_cppay-error-tooltip-full",
-					children: C
+					children: T
 				})]
 			}),
 			!S && /* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
-				children: P ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
-					onClick: Pe,
-					disabled: x,
+				children: N ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
+					onClick: Ie,
+					disabled: C,
 					className: "_cppay-btn _cppay-btn-primary",
-					children: x ? h === "subscription" ? E.authorizing : E.processing : h === "subscription" ? `💳 ${E.connectWallet}` : `💳 ${E.walletPay}`
+					children: C ? p === "subscription" ? y.authorizing : y.processing : p === "subscription" ? `💳 ${y.connectWallet}` : `💳 ${y.walletPay}`
 				}), /* @__PURE__ */ jsxs("button", {
-					onClick: Ee,
-					disabled: x,
+					onClick: ke,
+					disabled: C,
 					className: "_cppay-btn _cppay-wallet-address-btn",
-					title: E.clickToModifyWallet,
+					title: y.clickToModifyWallet,
 					children: [/* @__PURE__ */ jsxs("span", {
 						className: "_cppay-wallet-address-text",
 						children: [
-							P.slice(0, 10),
+							N.slice(0, 10),
 							"...",
-							P.slice(-4)
+							N.slice(-4)
 						]
 					}), /* @__PURE__ */ jsx("svg", {
 						className: "_cppay-wallet-arrow",
@@ -511,63 +525,50 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 						children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
 					})]
 				})] }) : /* @__PURE__ */ jsx("button", {
-					onClick: Ee,
-					disabled: I,
+					onClick: ke,
+					disabled: F,
 					className: "_cppay-btn _cppay-btn-secondary _cppay-connect-wallet-btn",
-					children: /* @__PURE__ */ jsx("span", { children: I ? E.processing : `💳 ${E.connectWallet}` })
+					children: /* @__PURE__ */ jsx("span", { children: F ? y.processing : `💳 ${y.connectWallet}` })
 				})
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
 				children: /* @__PURE__ */ jsx("button", {
-					onClick: () => {
-						b("payment");
-					},
+					onClick: Re,
 					disabled: S,
 					className: "_cppay-btn _cppay-btn-primary",
-					children: S ? E.checking : E.completedPayment
+					children: S ? y.checking : y.completedPayment
 				})
 			}),
 			/* @__PURE__ */ jsx("hr", { className: "_cppay-divider" }),
 			/* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
 				children: /* @__PURE__ */ jsx("button", {
-					onClick: () => b("select"),
-					disabled: x || S,
+					onClick: () => x("select"),
+					disabled: C || S,
 					className: "_cppay-btn _cppay-btn-text",
-					children: E.changePaymentMethod
+					children: y.changePaymentMethod
 				})
 			})
 		] })
 	});
-}, PaymentDialog_default = ({ open: e, onClose: t, ott: n, apikey: i, plain: a, orderId: o, amount: s, intervalDays: c, locale: l, onExpired: se, onSuccess: u, onFailed: ce, onError: le, Slots: ue }) => {
-	let [d, de] = useState("select"), [f, fe] = useState(!1), [p, pe] = useState(!1), [me, he] = useState();
+}, PaymentDialog_default = ({ open: e, onClose: t, ott: n, apikey: i, plain: de, orderId: fe, amount: pe, intervalDays: a, locale: o, onExpired: me, onSuccess: he, onFailed: s, onError: ge, Slots: _e }) => {
+	let [c, l] = useState("select"), u = useMemo(() => c !== "checking", [c]);
 	useEffect(() => {
-		if (d === "success") {
-			let e = setTimeout(() => {
-				m();
-			}, 1e3);
-			return () => clearTimeout(e);
-		}
-	}, [d]), useEffect(() => {
-		e || (de("select"), he(void 0), fe(!1), pe(!1));
+		e || l("select");
 	}, [e]), useEffect(() => {
 		if (!e) return;
 		let t = (e) => {
-			e.key === "Escape" && !f && !p && m();
+			e.key === "Escape" && u && d();
 		};
 		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
-	}, [
-		e,
-		f,
-		p
-	]);
-	let m = () => {
-		f || p || t();
-	}, h = useMemo(() => getLocaleMessages(l), [l]);
+	}, [e, u]);
+	let d = () => {
+		u && t();
+	}, f = useMemo(() => getLocaleMessages(o), [o]);
 	return e ? /* @__PURE__ */ jsx("div", {
 		className: "_cppay-overlay",
-		onClick: (e) => e.target === e.currentTarget && !f && !p && m(),
+		onClick: (e) => e.target === e.currentTarget && d(),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-dialog",
 			children: [/* @__PURE__ */ jsxs("div", {
@@ -575,18 +576,19 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 				children: [/* @__PURE__ */ jsx("h2", {
 					className: "_cppay-title",
 					children: (() => {
-						switch (d) {
-							case "success": return h.paymentResult;
-							case "expired": return h.paymentExpired;
-							case "failed": return h.paymentFailed;
-							case "error": return h.error;
-							case "payment": return h.completePayment;
-							default: return h.selectPaymentMethod;
+						switch (c) {
+							case "success": return f.paymentResult;
+							case "expired": return f.paymentExpired;
+							case "failed": return f.paymentFailed;
+							case "error": return f.error;
+							case "payment":
+							case "checking": return f.completePayment;
+							default: return f.selectPaymentMethod;
 						}
 					})()
 				}), /* @__PURE__ */ jsx("button", {
-					onClick: m,
-					disabled: f || p,
+					onClick: d,
+					disabled: !u,
 					className: "_cppay-close-btn",
 					children: /* @__PURE__ */ jsx("svg", {
 						fill: "none",
@@ -603,65 +605,60 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 			}), /* @__PURE__ */ jsx(PaymentContent_default, {
 				apikey: i,
 				ott: n,
-				plain: a,
-				orderId: o,
-				amount: s,
-				intervalDays: c,
-				locale: l,
-				onSuccess: u,
-				onExpired: se,
-				onFailed: ce,
-				onError: le,
-				Slots: ue,
-				paymentStep: d,
-				onPaymentStepChange: de,
-				loading: f,
-				isCheckingPayment: p,
-				error: me,
-				onErrorChange: he
+				plain: de,
+				orderId: fe,
+				amount: pe,
+				intervalDays: a,
+				locale: o,
+				onSuccess: he,
+				onExpired: me,
+				onFailed: s,
+				onError: ge,
+				Slots: _e,
+				onPaymentStepChange: l
 			})]
 		})
 	}) : 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, de] = useState(null), fe = useCallback((e) => {
+		de(e), r(!0);
+	}, []), pe = useCallback(() => {
 		r(!1);
-	}, []), c = useCallback(() => {
+	}, []), a = useCallback(() => {
 		r(!1);
-	}, []), l = useCallback((e) => {
+	}, []), o = useCallback((e) => {
 		i?.onSuccess?.(e), setTimeout(() => r(!1), 1e3);
-	}, [i]), se = useCallback((e) => {
+	}, [i]), me = useCallback((e) => {
 		i?.onExpired?.(e);
-	}, [i]), u = useCallback((e) => {
+	}, [i]), he = useCallback((e) => {
 		i?.onFailed?.(e);
-	}, [i]), ce = useCallback((e) => {
+	}, [i]), s = useCallback((e) => {
 		i?.onError?.(e);
 	}, [i]);
 	return useEffect(() => {
 		if (!n) return;
 		let e = (e) => {
-			e.key === "Escape" && c();
+			e.key === "Escape" && a();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [n, c]), /* @__PURE__ */ jsxs(CppayContext.Provider, {
+	}, [n, a]), /* @__PURE__ */ jsxs(CppayContext.Provider, {
 		value: {
-			showPayment: o,
-			closePayment: s
+			showPayment: fe,
+			closePayment: pe
 		},
 		children: [t, i && /* @__PURE__ */ jsx(PaymentDialog_default, {
 			open: n,
-			onClose: c,
+			onClose: a,
 			apikey: e,
 			plain: i.plain,
 			orderId: i.orderId,
 			amount: i.amount,
 			intervalDays: i.intervalDays,
-			onSuccess: l,
-			onExpired: se,
-			onFailed: u,
-			onError: ce
+			onSuccess: o,
+			onExpired: me,
+			onFailed: he,
+			onError: s
 		})]
 	});
 }, useCppayPayment = () => {