cppay-sdk 0.0.2-beta.36 → 0.0.2-beta.38

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-KW7cSv4d.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,8 +9,8 @@ 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: v = "zh-CN", onSuccess: _e, onExpired: ve, onFailed: ye, onError: y, Slots: b, onPaymentStepChange: x, onLoadingChange: be, onIsCheckingPaymentChange: xe, onErrorChange: S }) => {
-	let C = useMemo(() => new cppay_default(t, n), [t, n]), w = useMemo(() => getLocaleMessages(v), [v]), [T, E] = useState("select"), [D, Se] = useState(!1), [O, Ce] = useState(!1), [k, we] = useState(), [A, Te] = useState([]), [j, M] = useState(), [N, P] = useState(), [F, Ee] = useState(), [I, L] = useState(), [De, Oe] = useState(!1), [R, z] = useState(), [ke, Ae] = useState(""), [B, je] = useState(!1), [Me, V] = useState(!1), H = useRef(null), U = useRef(null), W = 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" && !H.current && (H.current = createAppKit({
 			debug: !1,
@@ -33,30 +33,24 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 				icons: ["https://cppay.com/icon.png"]
 			},
 			features: { analytics: !1 }
-		}), L(H.current.getAddress()), z(H.current.getProvider("eip155")), H.current.subscribeAccount((e) => {
-			e.isConnected ? L(e.address) : (L(void 0), z(void 0));
+		}), 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);
 		}));
 	}, []), useEffect(() => {
-		be?.(D);
-	}, [D, be]), useEffect(() => {
-		xe?.(O);
-	}, [O, xe]), useEffect(() => {
-		S?.(k);
-	}, [k, S]);
-	let G = async () => {
+		Ce?.(b);
+	}, [b]);
+	let ke = async () => {
 		try {
-			Oe(!0), we(void 0), H.current && await H.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 : w.walletConnectionFailed;
-			S?.(t), y?.(e);
+			console.error("钱包连接失败:", e), E(e instanceof Error ? e.message : y.walletConnectionFailed), _?.(e);
 		} finally {
-			Oe(!1);
+			I(!1);
 		}
-	}, K = useMemo(() => A.find((e) => e.chain === j), [A, j]), q = useMemo(() => K?.tokens || [], [K]), J = useMemo(() => q.find((e) => e.symbol === N), [q, N]), Y = (e) => [
+	}, 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",
 		"USDC",
 		"BUSD",
@@ -67,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+$/, "");
-	}, Ne = (e) => {
-		if (e <= 0) return w.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}${w.hours}${n}${w.minutes}${r}${w.seconds}` : `${n}${w.minutes}${r}${w.seconds}`;
-	}, Pe = (e) => {
+		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);
-			Ae(Ne(t)), t <= 0 && (E("expired"), x?.("expired"), Fe());
+			Ee(Ae(t)), t <= 0 && (x("expired"), Z());
 		};
 		t(), W.current = setInterval(t, 1e3);
-	}, Fe = () => {
+	}, Z = () => {
 		W.current &&= (clearInterval(W.current), null);
-	}, Z = useMemo(() => {
-		if (!N || !J) return "0";
+	}, Q = useMemo(() => {
+		if (!A || !J) return "0";
 		let e = parseFloat(J.price);
 		if (isNaN(e) || e === 0) return "0";
-		let t = Y(N);
-		return X((parseFloat(_) / e).toFixed(t), t);
+		let t = Y(A);
+		return X((parseFloat(h) / e).toFixed(t), t);
 	}, [
-		_,
-		N,
+		h,
+		A,
 		J
-	]), Ie = async () => {
+	]), Me = async () => {
 		try {
-			S?.(void 0);
-			let e = await C.getSupportedChains();
-			Te(e), e.length > 0 && M(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 : w.loadPaymentNetworkFailed;
-			S?.(t), y?.(e);
+			E(e instanceof Error ? e.message : y.loadPaymentNetworkFailed), _?.(e);
+		} finally {
+			w(!1);
 		}
-	}, Le = 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(w.pleaseAddNetwork) : e;
+			throw e.code === 4902 ? Error(y.pleaseAddNetwork) : e;
 		}
-	}, Re = async () => {
-		if (!(!I || !R || !Q.current || !J || !K)) try {
-			let e = Q.current;
-			await Le(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: I,
-				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
-			}), Se(!1), Ce(!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 : w.walletPaymentFailed;
-			S?.(t), y?.(e);
+			console.error("钱包支付失败:", e), E(e instanceof Error ? e.message : y.walletPaymentFailed), _?.(e), w(!1);
 		}
-	}, ze = async () => {
-		if (!(!I || !R || !Q.current || !J || !K)) try {
-			let e = Q.current;
-			await Le(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: I,
-				transport: custom(R)
+				account: N,
+				transport: custom(L)
 			});
-			if (!J.address) throw Error(w.subscriptionDoesNotSupportNative);
-			await t.writeContract({
+			if (!J.address) throw Error(y.subscriptionDoesNotSupportNative);
+			let n = await t.writeContract({
 				address: J.address,
 				abi: [{
 					name: "approve",
@@ -171,53 +177,55 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 				functionName: "approve",
 				args: [e.spenderAddress, parseUnits(e.approveAmount, J.decimals)],
 				chain: null
-			}), Se(!1), Ce(!0);
+			});
+			console.log("授权交易哈希:", n), w(!1), x("checking");
 		} catch (e) {
-			console.error("钱包授权失败:", e);
-			let t = e instanceof Error ? e.message : w.walletPaymentFailed;
-			S?.(t), y?.(e);
+			console.error("钱包授权失败:", e), E(e instanceof Error ? e.message : y.walletPaymentFailed), _?.(e), w(!1);
 		}
-	}, Be = async () => {
-		if (!I) {
-			let e = w.pleaseConnectWallet;
-			S?.(e), y?.(Error(e));
+	}, Ie = async () => {
+		if (!N) {
+			let e = y.pleaseConnectWallet;
+			E(e), _?.(Error(e));
 			return;
 		}
-		h === "one-time" ? await Re() : h === "subscription" && await ze();
-	}, Q = useRef(null), Ve = async () => {
-		if (!(!j || !N)) try {
-			S?.(void 0);
+		p === "instant" ? await Pe() : p === "subscription" && await Fe();
+	}, Le = async () => {
+		if (!(!O || !A)) try {
+			w(!0), E(void 0);
 			let e = "";
-			h === "one-time" ? (Q.current = await C.createOnetimePayment({
-				paymentChain: j,
-				paymentToken: N,
-				orderId: g,
-				amount: Z
-			}), e = `${j.toLowerCase()}:${Q.current.receiveAddress}?amount=${Q.current.paymentAmount}`, Pe(Q.current.expireAt), $({ paymentId: Q.current.paymentId })) : h === "subscription" && (Q.current = await C.createSubscriptionPayment({
-				paymentChain: j,
-				paymentToken: N,
-				orderId: g,
-				amountOfUsd: Z,
-				intervalDays: ge || 30
-			}), e = `${j.toLowerCase()}:${Q.current.spenderAddress}?amount=${Q.current.approveAmount}`, Pe(Q.current.expireAt), $({ subscriptionId: Q.current.subscriptionId })), E("payment"), x?.("payment"), Ee(await QRCode.toDataURL(e, {
+			p === "instant" ? (G.current = await v.createOnetimePayment({
+				paymentChain: O,
+				paymentToken: A,
+				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: 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 : w.createPaymentFailed;
-			S?.(t), y?.(e);
+			E(e instanceof Error ? e.message : y.createPaymentFailed), _?.(e);
+		} finally {
+			w(!1);
 		}
+	}, Re = () => {
+		G.current && (x("checking"), E(void 0));
 	}, $ = (e) => {
 		U.current?.unsubscribe();
-		let t = () => defer(() => h === "subscription" ? C.checkSubscriptionPaymentStatus(e) : C.checkOnetimePaymentStatus(e)).pipe(timeout(15e3), retry({ delay: 2e3 }));
+		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") && (E("success"), x?.("success"), _e?.(e)), e.status === "expired" && (E("expired"), x?.("expired"), ve?.(e)), e.status === "failed" && (E("failed"), x?.("failed"), ye?.(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 : w.checkPaymentStatusFailed;
-					E("error"), x?.("error"), we(t), y?.(e);
+				if (G.current) {
+					let t = e instanceof Error ? e.message : y.checkPaymentStatusFailed;
+					x("error"), E(t), _?.(e);
 				}
 			},
 			complete: () => {
@@ -226,14 +234,14 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 		});
 	};
 	return useEffect(() => {
-		A.length === 0 && Ie();
+		D.length === 0 && Me();
 	}, []), useEffect(() => {
-		q.length > 0 && P(q[0].symbol);
-	}, [q]), useEffect(() => (g && $({ orderId: g }), () => {
-		U.current?.unsubscribe(), Fe();
-	}), [g]), /* @__PURE__ */ jsx("div", {
+		q.length > 0 && j(q[0].symbol);
+	}, [q]), useEffect(() => (m && $({ orderId: m }), () => {
+		U.current?.unsubscribe(), Z();
+	}), [m]), /* @__PURE__ */ jsx("div", {
 		className: "_cppay-content",
-		children: T === "success" ? /* @__PURE__ */ jsxs("div", {
+		children: b === "success" ? /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-state-container",
 			children: [
 				/* @__PURE__ */ jsx("div", {
@@ -242,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" ? w.authorizationSuccess : w.paymentSuccess
+					children: p === "subscription" ? y.authorizationSuccess : y.paymentSuccess
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "_cppay-state-message",
-					children: h === "subscription" ? w.subscriptionActivated : w.transactionCompleted
+					children: p === "subscription" ? y.subscriptionActivated : y.transactionCompleted
 				})
 			]
-		}) : T === "expired" ? /* @__PURE__ */ jsxs("div", {
+		}) : b === "expired" ? /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-state-container",
 			children: [
 				/* @__PURE__ */ jsx("div", {
@@ -258,47 +266,45 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 				}),
 				/* @__PURE__ */ jsx("h3", {
 					className: "_cppay-state-title",
-					children: w.paymentExpired
+					children: y.paymentExpired
 				}),
 				/* @__PURE__ */ jsx("button", {
-					onClick: () => {
-						E("select"), x?.("select");
-					},
-					disabled: D || O,
+					onClick: () => x("select"),
+					disabled: C || S,
 					className: "_cppay-btn _cppay-btn-text",
-					children: w.returnButton
+					children: y.returnButton
 				})
 			]
-		}) : T === "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: k || w.error
+				children: T || y.error
 			})]
-		}) : T === "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: w.paymentFailed
+				children: y.paymentFailed
 			})]
-		}) : T === "select" ? /* @__PURE__ */ jsxs("div", { children: [
-			b?.ChooseTop,
+		}) : b === "select" ? /* @__PURE__ */ jsxs("div", { children: [
+			Se?.ChooseTop,
 			/* @__PURE__ */ jsxs("div", {
 				className: "_cppay-section",
 				children: [/* @__PURE__ */ jsx("label", {
 					className: "_cppay-label",
-					children: w.paymentNetwork
+					children: y.paymentNetwork
 				}), /* @__PURE__ */ jsx("div", {
 					className: "_cppay-grid",
-					children: A.map((e) => /* @__PURE__ */ jsxs("button", {
-						onClick: () => M(e.chain),
-						className: `_cppay-select-btn ${j === e.chain ? "_cppay-selected" : ""}`,
+					children: D.map((e) => /* @__PURE__ */ jsxs("button", {
+						onClick: () => k(e.chain),
+						className: `_cppay-select-btn ${O === e.chain ? "_cppay-selected" : ""}`,
 						children: [e.icon && /* @__PURE__ */ jsx("img", {
 							src: e.icon,
 							alt: e.chain
@@ -310,12 +316,12 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 				className: "_cppay-section",
 				children: [/* @__PURE__ */ jsx("label", {
 					className: "_cppay-label",
-					children: w.paymentToken
+					children: y.paymentToken
 				}), /* @__PURE__ */ jsx("div", {
 					className: "_cppay-grid",
 					children: q.map((e) => /* @__PURE__ */ jsxs("button", {
-						onClick: () => P(e.symbol),
-						className: `_cppay-select-btn ${N === e.symbol ? "_cppay-selected" : ""}`,
+						onClick: () => j(e.symbol),
+						className: `_cppay-select-btn ${A === e.symbol ? "_cppay-selected" : ""}`,
 						children: [e.icon && /* @__PURE__ */ jsx("img", {
 							src: e.icon,
 							alt: e.symbol
@@ -323,7 +329,7 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 					}, e.symbol))
 				})]
 			}),
-			b?.ChooseBottom,
+			Se?.ChooseBottom,
 			/* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
 				children: /* @__PURE__ */ jsx("div", {
@@ -332,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: w.paymentAmount
+							children: y.paymentAmount
 						}), /* @__PURE__ */ jsxs("div", {
 							className: "_cppay-price-amount",
 							children: [/* @__PURE__ */ jsxs("div", {
 								className: "_cppay-price-main",
 								children: [
-									Z ?? "-",
+									Q ?? "-",
 									" ",
-									N ?? ""
+									A ?? ""
 								]
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "_cppay-price-sub",
-								children: ["≈ $", _]
+								children: ["≈ $", h]
 							})]
 						})]
 					})
@@ -352,7 +358,7 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "_cppay-section",
-				children: [k && /* @__PURE__ */ jsxs("div", {
+				children: [T && /* @__PURE__ */ jsxs("div", {
 					className: "_cppay-error-tooltip-wrapper",
 					onMouseEnter: () => V(!0),
 					onMouseLeave: () => V(!1),
@@ -366,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: k })]
-					}), Me && /* @__PURE__ */ jsx("div", {
+						}), /* @__PURE__ */ jsx("span", { children: T })]
+					}), Oe && /* @__PURE__ */ jsx("div", {
 						className: "_cppay-error-tooltip-full",
-						children: k
+						children: T
 					})]
 				}), /* @__PURE__ */ jsx("button", {
-					onClick: Ve,
-					disabled: !j || !N || D,
+					onClick: Le,
+					disabled: !O || !A || C,
 					className: "_cppay-btn _cppay-btn-primary",
-					children: D ? w.processing : w.continuePayment
+					children: C ? y.processing : y.continuePayment
 				})]
 			})
 		] }) : /* @__PURE__ */ jsxs("div", { children: [
@@ -383,8 +389,8 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 				className: "_cppay-qr-container",
 				children: /* @__PURE__ */ jsx("div", {
 					className: "_cppay-qr-code",
-					children: F && /* @__PURE__ */ jsx("img", {
-						src: F,
+					children: M && /* @__PURE__ */ jsx("img", {
+						src: M,
 						alt: "Payment QR Code",
 						className: "_cppay-qr-image"
 					})
@@ -401,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" ? w.authorizationAmount : w.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] })]
 								})]
 							})
 						})
@@ -415,26 +421,26 @@ 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" ? w.authorizationContractAddress : w.paymentAddress }), ke && /* @__PURE__ */ jsxs("span", {
+								children: [/* @__PURE__ */ jsx("span", { children: p === "subscription" ? y.authorizationContractAddress : y.paymentAddress }), z && /* @__PURE__ */ jsxs("span", {
 									className: "_cppay-countdown",
-									children: ["⏰ ", ke]
+									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), je(!0), setTimeout(() => {
-												je(!1);
+											await navigator.clipboard.writeText(e), De(!0), setTimeout(() => {
+												De(!1);
 											}, 2e3);
 										} catch (e) {
 											console.error("复制失败:", e);
 										}
 									},
 									className: `_cppay-copy-btn ${B ? "_cppay-copy-success" : ""}`,
-									title: B ? w.copied : w.copyAddress,
+									title: B ? y.copied : y.copyAddress,
 									children: B ? /* @__PURE__ */ jsx("svg", {
 										className: "_cppay-copy-icon",
 										viewBox: "0 0 24 24",
@@ -459,19 +465,19 @@ 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: w.subscriptionNotice
+							children: y.subscriptionNotice
 						}), /* @__PURE__ */ jsx("div", {
 							className: "_cppay-info-value _cppay-subscription-message",
-							children: w.subscriptionNoticeMessage
+							children: y.subscriptionNoticeMessage
 						})]
 					})
 				]
 			}),
-			k && /* @__PURE__ */ jsxs("div", {
+			T && /* @__PURE__ */ jsxs("div", {
 				className: "_cppay-error-tooltip-wrapper",
 				onMouseEnter: () => V(!0),
 				onMouseLeave: () => V(!1),
@@ -485,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: k })]
-				}), Me && /* @__PURE__ */ jsx("div", {
+					}), /* @__PURE__ */ jsx("span", { children: T })]
+				}), Oe && /* @__PURE__ */ jsx("div", {
 					className: "_cppay-error-tooltip-full",
-					children: k
+					children: T
 				})]
 			}),
-			!O && /* @__PURE__ */ jsx("div", {
+			!S && /* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
-				children: I ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
-					onClick: Be,
-					disabled: D,
+				children: N ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
+					onClick: Ie,
+					disabled: C,
 					className: "_cppay-btn _cppay-btn-primary",
-					children: D ? h === "subscription" ? w.authorizing : w.processing : h === "subscription" ? `💳 ${w.connectWallet}` : `💳 ${w.walletPay}`
+					children: C ? p === "subscription" ? y.authorizing : y.processing : p === "subscription" ? `💳 ${y.connectWallet}` : `💳 ${y.walletPay}`
 				}), /* @__PURE__ */ jsxs("button", {
-					onClick: G,
-					disabled: D,
+					onClick: ke,
+					disabled: C,
 					className: "_cppay-btn _cppay-wallet-address-btn",
-					title: w.clickToModifyWallet,
+					title: y.clickToModifyWallet,
 					children: [/* @__PURE__ */ jsxs("span", {
 						className: "_cppay-wallet-address-text",
 						children: [
-							I.slice(0, 10),
+							N.slice(0, 10),
 							"...",
-							I.slice(-4)
+							N.slice(-4)
 						]
 					}), /* @__PURE__ */ jsx("svg", {
 						className: "_cppay-wallet-arrow",
@@ -519,58 +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: G,
-					disabled: De,
+					onClick: ke,
+					disabled: F,
 					className: "_cppay-btn _cppay-btn-secondary _cppay-connect-wallet-btn",
-					children: /* @__PURE__ */ jsx("span", { children: De ? w.processing : `💳 ${w.connectWallet}` })
+					children: /* @__PURE__ */ jsx("span", { children: F ? y.processing : `💳 ${y.connectWallet}` })
 				})
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
 				children: /* @__PURE__ */ jsx("button", {
-					onClick: () => {
-						E("payment"), x?.("payment");
-					},
-					disabled: O,
+					onClick: Re,
+					disabled: S,
 					className: "_cppay-btn _cppay-btn-primary",
-					children: O ? w.checking : w.completedPayment
+					children: S ? y.checking : y.completedPayment
 				})
 			}),
 			/* @__PURE__ */ jsx("hr", { className: "_cppay-divider" }),
 			/* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
 				children: /* @__PURE__ */ jsx("button", {
-					onClick: () => {
-						E("select"), x?.("select");
-					},
-					disabled: D || O,
+					onClick: () => x("select"),
+					disabled: C || S,
 					className: "_cppay-btn _cppay-btn-text",
-					children: w.changePaymentMethod
+					children: y.changePaymentMethod
 				})
 			})
 		] })
 	});
-}, PaymentDialog_default = ({ open: e, onClose: t, ott: n, apikey: i, plain: se, orderId: a, amount: o, intervalDays: s, locale: c, onExpired: l, onSuccess: ce, onFailed: le, onError: ue, Slots: de }) => {
-	let fe = useRef(!0), [pe, me] = useState("select"), [u, he] = useState(!1), [d, f] = useState(!1);
+}, 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(() => {
-		e ? fe.current = !0 : (me("select"), he(!1), f(!1), fe.current = !0);
+		e || l("select");
 	}, [e]), useEffect(() => {
 		if (!e) return;
 		let t = (e) => {
-			e.key === "Escape" && !u && !d && p();
+			e.key === "Escape" && u && d();
 		};
 		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
-	}, [
-		e,
-		u,
-		d
-	]);
-	let p = () => {
-		u || d || t();
-	}, m = useMemo(() => getLocaleMessages(c), [c]);
+	}, [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 && !u && !d && p(),
+		onClick: (e) => e.target === e.currentTarget && d(),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-dialog",
 			children: [/* @__PURE__ */ jsxs("div", {
@@ -578,18 +576,19 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 				children: [/* @__PURE__ */ jsx("h2", {
 					className: "_cppay-title",
 					children: (() => {
-						switch (pe) {
-							case "success": return m.paymentResult;
-							case "expired": return m.paymentExpired;
-							case "failed": return m.paymentFailed;
-							case "error": return m.error;
-							case "payment": return m.completePayment;
-							default: return m.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: p,
-					disabled: u || d,
+					onClick: d,
+					disabled: !u,
 					className: "_cppay-close-btn",
 					children: /* @__PURE__ */ jsx("svg", {
 						fill: "none",
@@ -606,62 +605,60 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 			}), /* @__PURE__ */ jsx(PaymentContent_default, {
 				apikey: i,
 				ott: n,
-				plain: se,
-				orderId: a,
-				amount: o,
-				intervalDays: s,
-				locale: c,
-				onSuccess: ce,
-				onExpired: l,
-				onFailed: le,
-				onError: ue,
-				Slots: de,
-				onPaymentStepChange: me,
-				onLoadingChange: he,
-				onIsCheckingPaymentChange: f
+				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, se] = useState(null), a = useCallback((e) => {
-		se(e), r(!0);
-	}, []), o = useCallback(() => {
+	let [n, r] = useState(!1), [i, de] = useState(null), fe = useCallback((e) => {
+		de(e), r(!0);
+	}, []), pe = useCallback(() => {
 		r(!1);
-	}, []), s = useCallback(() => {
+	}, []), a = useCallback(() => {
 		r(!1);
-	}, []), c = useCallback((e) => {
+	}, []), o = useCallback((e) => {
 		i?.onSuccess?.(e), setTimeout(() => r(!1), 1e3);
-	}, [i]), l = useCallback((e) => {
+	}, [i]), me = useCallback((e) => {
 		i?.onExpired?.(e);
-	}, [i]), ce = useCallback((e) => {
+	}, [i]), he = useCallback((e) => {
 		i?.onFailed?.(e);
-	}, [i]), le = useCallback((e) => {
+	}, [i]), s = useCallback((e) => {
 		i?.onError?.(e);
 	}, [i]);
 	return useEffect(() => {
 		if (!n) return;
 		let e = (e) => {
-			e.key === "Escape" && s();
+			e.key === "Escape" && a();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [n, s]), /* @__PURE__ */ jsxs(CppayContext.Provider, {
+	}, [n, a]), /* @__PURE__ */ jsxs(CppayContext.Provider, {
 		value: {
-			showPayment: a,
-			closePayment: o
+			showPayment: fe,
+			closePayment: pe
 		},
 		children: [t, i && /* @__PURE__ */ jsx(PaymentDialog_default, {
 			open: n,
-			onClose: s,
+			onClose: a,
 			apikey: e,
 			plain: i.plain,
 			orderId: i.orderId,
 			amount: i.amount,
 			intervalDays: i.intervalDays,
-			onSuccess: c,
-			onExpired: l,
-			onFailed: ce,
-			onError: le
+			onSuccess: o,
+			onExpired: me,
+			onFailed: he,
+			onError: s
 		})]
 	});
 }, useCppayPayment = () => {