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

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 { n as injectStyle, r as payment_dialog_default, t as getLocaleMessages } from "./locales-KW7cSv4d.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: 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);
 	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,24 +33,30 @@ 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) => {
+		}), L(H.current.getAddress()), z(H.current.getProvider("eip155")), H.current.subscribeAccount((e) => {
+			e.isConnected ? L(e.address) : (L(void 0), z(void 0));
+		}), H.current.subscribeProviders((e) => {
 			let t = e?.eip155;
 			z(t);
 		}));
-	}, []);
-	let Ee = async () => {
+	}, []), useEffect(() => {
+		be?.(D);
+	}, [D, be]), useEffect(() => {
+		xe?.(O);
+	}, [O, xe]), useEffect(() => {
+		S?.(k);
+	}, [k, S]);
+	let G = async () => {
 		try {
-			L(!0), w?.(void 0), U.current && await U.current.open();
+			Oe(!0), we(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);
+			let t = e instanceof Error ? e.message : w.walletConnectionFailed;
+			S?.(t), y?.(e);
 		} finally {
-			L(!1);
+			Oe(!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) => [
+	}, 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) => [
 		"USDT",
 		"USDC",
 		"BUSD",
@@ -61,53 +67,53 @@ 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;
+	}, Ne = (e) => {
+		if (e <= 0) return w.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}${w.hours}${n}${w.minutes}${r}${w.seconds}` : `${n}${w.minutes}${r}${w.seconds}`;
+	}, Pe = (e) => {
+		W.current && clearInterval(W.current);
 		let t = () => {
 			let t = e - Math.floor(Date.now() / 1e3);
-			Ce(De(t)), t <= 0 && (b("expired"), ke());
+			Ae(Ne(t)), t <= 0 && (E("expired"), x?.("expired"), Fe());
 		};
-		t(), G.current = setInterval(t, 1e3);
-	}, ke = () => {
-		G.current &&= (clearInterval(G.current), null);
+		t(), W.current = setInterval(t, 1e3);
+	}, Fe = () => {
+		W.current &&= (clearInterval(W.current), null);
 	}, Z = useMemo(() => {
-		if (!A || !J) return "0";
+		if (!N || !J) return "0";
 		let e = parseFloat(J.price);
 		if (isNaN(e) || e === 0) return "0";
-		let t = Y(A);
+		let t = Y(N);
 		return X((parseFloat(_) / e).toFixed(t), t);
 	}, [
 		_,
-		A,
+		N,
 		J
-	]), Ae = async () => {
+	]), Ie = async () => {
 		try {
-			w?.(void 0);
-			let e = await T.getSupportedChains();
-			Se(e), e.length > 0 && k(e[0].chain);
+			S?.(void 0);
+			let e = await C.getSupportedChains();
+			Te(e), e.length > 0 && M(e[0].chain);
 		} catch (e) {
-			let t = e instanceof Error ? e.message : E.loadPaymentNetworkFailed;
-			w?.(t), v?.(e);
+			let t = e instanceof Error ? e.message : w.loadPaymentNetworkFailed;
+			S?.(t), y?.(e);
 		}
-	}, je = async (e) => {
+	}, Le = async (e) => {
 		if (R) try {
 			await R.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(w.pleaseAddNetwork) : e;
 		}
-	}, Me = async () => {
-		if (!(!P || !R || !Q.current || !J || !K)) try {
+	}, Re = async () => {
+		if (!(!I || !R || !Q.current || !J || !K)) try {
 			let e = Q.current;
-			await je(K.chainId);
+			await Le(K.chainId);
 			let t = createWalletClient({
-				account: P,
+				account: I,
 				transport: custom(R)
 			});
 			J.address ? await t.writeContract({
@@ -132,21 +138,21 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 				to: e.receiveAddress,
 				value: parseUnits(e.paymentAmount, J.decimals),
 				chain: null
-			}), N(void 0);
+			}), Se(!1), Ce(!0);
 		} catch (e) {
 			console.error("钱包支付失败:", e);
-			let t = e instanceof Error ? e.message : E.walletPaymentFailed;
-			w?.(t), v?.(e);
+			let t = e instanceof Error ? e.message : w.walletPaymentFailed;
+			S?.(t), y?.(e);
 		}
-	}, Ne = async () => {
-		if (!(!P || !R || !Q.current || !J || !K)) try {
+	}, ze = async () => {
+		if (!(!I || !R || !Q.current || !J || !K)) try {
 			let e = Q.current;
-			await je(K.chainId);
+			await Le(K.chainId);
 			let t = createWalletClient({
-				account: P,
+				account: I,
 				transport: custom(R)
 			});
-			if (!J.address) throw Error(E.subscriptionDoesNotSupportNative);
+			if (!J.address) throw Error(w.subscriptionDoesNotSupportNative);
 			await t.writeContract({
 				address: J.address,
 				abi: [{
@@ -165,69 +171,69 @@ 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);
+			}), Se(!1), Ce(!0);
 		} catch (e) {
 			console.error("钱包授权失败:", e);
-			let t = e instanceof Error ? e.message : E.walletPaymentFailed;
-			w?.(t), v?.(e);
+			let t = e instanceof Error ? e.message : w.walletPaymentFailed;
+			S?.(t), y?.(e);
 		}
-	}, Pe = async () => {
-		if (!P) {
-			let e = E.pleaseConnectWallet;
-			w?.(e), v?.(Error(e));
+	}, Be = async () => {
+		if (!I) {
+			let e = w.pleaseConnectWallet;
+			S?.(e), y?.(Error(e));
 			return;
 		}
-		h === "one-time" ? await Me() : h === "subscription" && await Ne();
-	}, Q = useRef(null), Fe = async () => {
-		if (!(!O || !A)) try {
-			w?.(void 0);
+		h === "one-time" ? await Re() : h === "subscription" && await ze();
+	}, Q = useRef(null), Ve = async () => {
+		if (!(!j || !N)) try {
+			S?.(void 0);
 			let e = "";
-			h === "one-time" ? (Q.current = await T.createOnetimePayment({
-				paymentChain: O,
-				paymentToken: A,
+			h === "one-time" ? (Q.current = await C.createOnetimePayment({
+				paymentChain: j,
+				paymentToken: N,
 				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({
-				paymentChain: O,
-				paymentToken: A,
+			}), 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 = `${O.toLowerCase()}:${Q.current.spenderAddress}?amount=${Q.current.approveAmount}`, Oe(Q.current.expireAt), $({ subscriptionId: Q.current.subscriptionId })), b("payment"), N(await QRCode.toDataURL(e, {
+			}), 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, {
 				width: 200,
 				margin: 2,
 				errorCorrectionLevel: "H"
 			}));
 		} catch (e) {
-			let t = e instanceof Error ? e.message : E.createPaymentFailed;
-			w?.(t), v?.(e);
+			let t = e instanceof Error ? e.message : w.createPaymentFailed;
+			S?.(t), y?.(e);
 		}
 	}, $ = (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(() => h === "subscription" ? C.checkSubscriptionPaymentStatus(e) : C.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));
 		})).subscribe({
 			error: (e) => {
 				if (Q.current) {
-					let t = e instanceof Error ? e.message : E.checkPaymentStatusFailed;
-					b("error"), w?.(t), v?.(e);
+					let t = e instanceof Error ? e.message : w.checkPaymentStatusFailed;
+					E("error"), x?.("error"), we(t), y?.(e);
 				}
 			},
 			complete: () => {
-				W.current?.unsubscribe();
+				U.current?.unsubscribe();
 			}
 		});
 	};
 	return useEffect(() => {
-		D.length === 0 && Ae();
+		A.length === 0 && Ie();
 	}, []), useEffect(() => {
-		q.length > 0 && j(q[0].symbol);
+		q.length > 0 && P(q[0].symbol);
 	}, [q]), useEffect(() => (g && $({ orderId: g }), () => {
-		W.current?.unsubscribe(), ke();
+		U.current?.unsubscribe(), Fe();
 	}), [g]), /* @__PURE__ */ jsx("div", {
 		className: "_cppay-content",
-		children: y === "success" ? /* @__PURE__ */ jsxs("div", {
+		children: T === "success" ? /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-state-container",
 			children: [
 				/* @__PURE__ */ jsx("div", {
@@ -236,14 +242,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: h === "subscription" ? w.authorizationSuccess : w.paymentSuccess
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "_cppay-state-message",
-					children: h === "subscription" ? E.subscriptionActivated : E.transactionCompleted
+					children: h === "subscription" ? w.subscriptionActivated : w.transactionCompleted
 				})
 			]
-		}) : y === "expired" ? /* @__PURE__ */ jsxs("div", {
+		}) : T === "expired" ? /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-state-container",
 			children: [
 				/* @__PURE__ */ jsx("div", {
@@ -252,45 +258,47 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 				}),
 				/* @__PURE__ */ jsx("h3", {
 					className: "_cppay-state-title",
-					children: E.paymentExpired
+					children: w.paymentExpired
 				}),
 				/* @__PURE__ */ jsx("button", {
-					onClick: () => b("select"),
-					disabled: x || S,
+					onClick: () => {
+						E("select"), x?.("select");
+					},
+					disabled: D || O,
 					className: "_cppay-btn _cppay-btn-text",
-					children: E.returnButton
+					children: w.returnButton
 				})
 			]
-		}) : y === "error" ? /* @__PURE__ */ jsxs("div", {
+		}) : T === "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: k || w.error
 			})]
-		}) : y === "failed" ? /* @__PURE__ */ jsxs("div", {
+		}) : T === "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: w.paymentFailed
 			})]
-		}) : y === "select" ? /* @__PURE__ */ jsxs("div", { children: [
-			xe?.ChooseTop,
+		}) : T === "select" ? /* @__PURE__ */ jsxs("div", { children: [
+			b?.ChooseTop,
 			/* @__PURE__ */ jsxs("div", {
 				className: "_cppay-section",
 				children: [/* @__PURE__ */ jsx("label", {
 					className: "_cppay-label",
-					children: E.paymentNetwork
+					children: w.paymentNetwork
 				}), /* @__PURE__ */ jsx("div", {
 					className: "_cppay-grid",
-					children: D.map((e) => /* @__PURE__ */ jsxs("button", {
-						onClick: () => k(e.chain),
-						className: `_cppay-select-btn ${O === e.chain ? "_cppay-selected" : ""}`,
+					children: A.map((e) => /* @__PURE__ */ jsxs("button", {
+						onClick: () => M(e.chain),
+						className: `_cppay-select-btn ${j === e.chain ? "_cppay-selected" : ""}`,
 						children: [e.icon && /* @__PURE__ */ jsx("img", {
 							src: e.icon,
 							alt: e.chain
@@ -302,12 +310,12 @@ 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: w.paymentToken
 				}), /* @__PURE__ */ jsx("div", {
 					className: "_cppay-grid",
 					children: q.map((e) => /* @__PURE__ */ jsxs("button", {
-						onClick: () => j(e.symbol),
-						className: `_cppay-select-btn ${A === e.symbol ? "_cppay-selected" : ""}`,
+						onClick: () => P(e.symbol),
+						className: `_cppay-select-btn ${N === e.symbol ? "_cppay-selected" : ""}`,
 						children: [e.icon && /* @__PURE__ */ jsx("img", {
 							src: e.icon,
 							alt: e.symbol
@@ -315,7 +323,7 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 					}, e.symbol))
 				})]
 			}),
-			xe?.ChooseBottom,
+			b?.ChooseBottom,
 			/* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
 				children: /* @__PURE__ */ jsx("div", {
@@ -324,7 +332,7 @@ 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: w.paymentAmount
 						}), /* @__PURE__ */ jsxs("div", {
 							className: "_cppay-price-amount",
 							children: [/* @__PURE__ */ jsxs("div", {
@@ -332,7 +340,7 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 								children: [
 									Z ?? "-",
 									" ",
-									A ?? ""
+									N ?? ""
 								]
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "_cppay-price-sub",
@@ -344,10 +352,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: [k && /* @__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 +366,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: k })]
+					}), Me && /* @__PURE__ */ jsx("div", {
 						className: "_cppay-error-tooltip-full",
-						children: C
+						children: k
 					})]
 				}), /* @__PURE__ */ jsx("button", {
-					onClick: Fe,
-					disabled: !O || !A || x,
+					onClick: Ve,
+					disabled: !j || !N || D,
 					className: "_cppay-btn _cppay-btn-primary",
-					children: x ? E.processing : E.continuePayment
+					children: D ? w.processing : w.continuePayment
 				})]
 			})
 		] }) : /* @__PURE__ */ jsxs("div", { children: [
@@ -375,8 +383,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: M && /* @__PURE__ */ jsx("img", {
-						src: M,
+					children: F && /* @__PURE__ */ jsx("img", {
+						src: F,
 						alt: "Payment QR Code",
 						className: "_cppay-qr-image"
 					})
@@ -393,7 +401,7 @@ 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: h === "subscription" ? w.authorizationAmount : w.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: ["≈ $", _] })]
@@ -407,9 +415,9 @@ 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: h === "subscription" ? w.authorizationContractAddress : w.paymentAddress }), ke && /* @__PURE__ */ jsxs("span", {
 									className: "_cppay-countdown",
-									children: ["⏰ ", B]
+									children: ["⏰ ", ke]
 								})]
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "_cppay-address-row",
@@ -418,16 +426,16 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 										if (!Q.current) return;
 										let e = h === "subscription" ? Q.current.spenderAddress : Q.current.receiveAddress;
 										if (e) try {
-											await navigator.clipboard.writeText(e), we(!0), setTimeout(() => {
-												we(!1);
+											await navigator.clipboard.writeText(e), je(!0), setTimeout(() => {
+												je(!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 ? w.copied : w.copyAddress,
+									children: B ? /* @__PURE__ */ jsx("svg", {
 										className: "_cppay-copy-icon",
 										viewBox: "0 0 24 24",
 										fill: "currentColor",
@@ -455,18 +463,18 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: h, orderId: g, amount:
 						className: "_cppay-info-box _cppay-subscription-box",
 						children: [/* @__PURE__ */ jsx("div", {
 							className: "_cppay-info-label _cppay-subscription-label",
-							children: E.subscriptionNotice
+							children: w.subscriptionNotice
 						}), /* @__PURE__ */ jsx("div", {
 							className: "_cppay-info-value _cppay-subscription-message",
-							children: E.subscriptionNoticeMessage
+							children: w.subscriptionNoticeMessage
 						})]
 					})
 				]
 			}),
-			C && /* @__PURE__ */ jsxs("div", {
+			k && /* @__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 +485,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: k })]
+				}), Me && /* @__PURE__ */ jsx("div", {
 					className: "_cppay-error-tooltip-full",
-					children: C
+					children: k
 				})]
 			}),
-			!S && /* @__PURE__ */ jsx("div", {
+			!O && /* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
-				children: P ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
-					onClick: Pe,
-					disabled: x,
+				children: I ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
+					onClick: Be,
+					disabled: D,
 					className: "_cppay-btn _cppay-btn-primary",
-					children: x ? h === "subscription" ? E.authorizing : E.processing : h === "subscription" ? `💳 ${E.connectWallet}` : `💳 ${E.walletPay}`
+					children: D ? h === "subscription" ? w.authorizing : w.processing : h === "subscription" ? `💳 ${w.connectWallet}` : `💳 ${w.walletPay}`
 				}), /* @__PURE__ */ jsxs("button", {
-					onClick: Ee,
-					disabled: x,
+					onClick: G,
+					disabled: D,
 					className: "_cppay-btn _cppay-wallet-address-btn",
-					title: E.clickToModifyWallet,
+					title: w.clickToModifyWallet,
 					children: [/* @__PURE__ */ jsxs("span", {
 						className: "_cppay-wallet-address-text",
 						children: [
-							P.slice(0, 10),
+							I.slice(0, 10),
 							"...",
-							P.slice(-4)
+							I.slice(-4)
 						]
 					}), /* @__PURE__ */ jsx("svg", {
 						className: "_cppay-wallet-arrow",
@@ -511,63 +519,58 @@ 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: G,
+					disabled: De,
 					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: De ? w.processing : `💳 ${w.connectWallet}` })
 				})
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
 				children: /* @__PURE__ */ jsx("button", {
 					onClick: () => {
-						b("payment");
+						E("payment"), x?.("payment");
 					},
-					disabled: S,
+					disabled: O,
 					className: "_cppay-btn _cppay-btn-primary",
-					children: S ? E.checking : E.completedPayment
+					children: O ? w.checking : w.completedPayment
 				})
 			}),
 			/* @__PURE__ */ jsx("hr", { className: "_cppay-divider" }),
 			/* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
 				children: /* @__PURE__ */ jsx("button", {
-					onClick: () => b("select"),
-					disabled: x || S,
+					onClick: () => {
+						E("select"), x?.("select");
+					},
+					disabled: D || O,
 					className: "_cppay-btn _cppay-btn-text",
-					children: E.changePaymentMethod
+					children: w.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: 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);
 	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 ? fe.current = !0 : (me("select"), he(!1), f(!1), fe.current = !0);
 	}, [e]), useEffect(() => {
 		if (!e) return;
 		let t = (e) => {
-			e.key === "Escape" && !f && !p && m();
+			e.key === "Escape" && !u && !d && p();
 		};
 		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
 	}, [
 		e,
-		f,
-		p
+		u,
+		d
 	]);
-	let m = () => {
-		f || p || t();
-	}, h = useMemo(() => getLocaleMessages(l), [l]);
+	let p = () => {
+		u || d || t();
+	}, m = useMemo(() => getLocaleMessages(c), [c]);
 	return e ? /* @__PURE__ */ jsx("div", {
 		className: "_cppay-overlay",
-		onClick: (e) => e.target === e.currentTarget && !f && !p && m(),
+		onClick: (e) => e.target === e.currentTarget && !u && !d && p(),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-dialog",
 			children: [/* @__PURE__ */ jsxs("div", {
@@ -575,18 +578,18 @@ 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 (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;
 						}
 					})()
 				}), /* @__PURE__ */ jsx("button", {
-					onClick: m,
-					disabled: f || p,
+					onClick: p,
+					disabled: u || d,
 					className: "_cppay-close-btn",
 					children: /* @__PURE__ */ jsx("svg", {
 						fill: "none",
@@ -603,65 +606,62 @@ 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: 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
 			})]
 		})
 	}) : 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, se] = useState(null), a = useCallback((e) => {
+		se(e), r(!0);
+	}, []), o = useCallback(() => {
 		r(!1);
-	}, []), c = useCallback(() => {
+	}, []), s = useCallback(() => {
 		r(!1);
-	}, []), l = useCallback((e) => {
+	}, []), c = useCallback((e) => {
 		i?.onSuccess?.(e), setTimeout(() => r(!1), 1e3);
-	}, [i]), se = useCallback((e) => {
+	}, [i]), l = useCallback((e) => {
 		i?.onExpired?.(e);
-	}, [i]), u = useCallback((e) => {
-		i?.onFailed?.(e);
 	}, [i]), ce = useCallback((e) => {
+		i?.onFailed?.(e);
+	}, [i]), le = useCallback((e) => {
 		i?.onError?.(e);
 	}, [i]);
 	return useEffect(() => {
 		if (!n) return;
 		let e = (e) => {
-			e.key === "Escape" && c();
+			e.key === "Escape" && s();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [n, c]), /* @__PURE__ */ jsxs(CppayContext.Provider, {
+	}, [n, s]), /* @__PURE__ */ jsxs(CppayContext.Provider, {
 		value: {
-			showPayment: o,
-			closePayment: s
+			showPayment: a,
+			closePayment: o
 		},
 		children: [t, i && /* @__PURE__ */ jsx(PaymentDialog_default, {
 			open: n,
-			onClose: c,
+			onClose: s,
 			apikey: e,
 			plain: i.plain,
 			orderId: i.orderId,
 			amount: i.amount,
 			intervalDays: i.intervalDays,
-			onSuccess: l,
-			onExpired: se,
-			onFailed: u,
-			onError: ce
+			onSuccess: c,
+			onExpired: l,
+			onFailed: ce,
+			onError: le
 		})]
 	});
 }, useCppayPayment = () => {