cppay-sdk 0.0.2-beta.32 → 0.0.2-beta.34

package/dist/react.js

@@ -1,5 +1,5 @@
 import { t as cppay_default } from "./cppay-C_gp2ZZ3.js";
-import { n as payment_dialog_default, t as injectStyle } from "./inject-style-DtFJ9cds.js";
+import { n as injectStyle, r as payment_dialog_default, t as getLocaleMessages } from "./locales-DGvDecya.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: m, orderId: h, amount: g, intervalDays: ge, onSuccess: _e, onExpired: ve, onFailed: ye, onError: _, Slots: be, paymentStep: v, onPaymentStepChange: y, loading: b = !1, isCheckingPayment: x = !1, error: S, onErrorChange: C }) => {
-	let w = useMemo(() => new cppay_default(t, n), [t, n]), [T, xe] = useState([]), [E, D] = useState(), [O, k] = useState(), [A, j] = useState(), [M, N] = useState(), [P, F] = useState(!1), [I, L] = useState(), [R, Se] = useState(""), [z, B] = useState(!1), [Ce, V] = useState(!1), H = useRef(null), U = useRef(null), W = useRef(null);
+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);
 	useEffect(() => {
-		typeof window < "u" && !H.current && (H.current = createAppKit({
+		typeof window < "u" && !U.current && (U.current = createAppKit({
 			debug: !1,
 			enableNetworkSwitch: !1,
 			adapters: [new EthersAdapter()],
@@ -33,24 +33,24 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 				icons: ["https://cppay.com/icon.png"]
 			},
 			features: { analytics: !1 }
-		}), N(H.current.getAddress()), L(H.current.getProvider("eip155")), H.current.subscribeAccount((e) => {
-			e.isConnected ? N(e.address) : (N(void 0), L(void 0));
-		}), H.current.subscribeProviders((e) => {
+		}), 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) => {
 			let t = e?.eip155;
-			L(t);
+			z(t);
 		}));
 	}, []);
-	let we = async () => {
+	let Ee = async () => {
 		try {
-			F(!0), C?.(void 0), H.current && await H.current.open();
+			L(!0), w?.(void 0), U.current && await U.current.open();
 		} catch (e) {
 			console.error("钱包连接失败:", e);
-			let t = e instanceof Error ? e.message : "钱包连接失败";
-			C?.(t), _?.(e);
+			let t = e instanceof Error ? e.message : E.walletConnectionFailed;
+			w?.(t), v?.(e);
 		} finally {
-			F(!1);
+			L(!1);
 		}
-	}, G = useMemo(() => T.find((e) => e.chain === E), [T, E]), K = useMemo(() => G?.tokens || [], [G]), q = useMemo(() => K.find((e) => e.symbol === O), [K, O]), J = (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",
@@ -58,60 +58,60 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 		"TUSD",
 		"USDD",
 		"FDUSD"
-	].includes(e.toUpperCase()) ? 2 : 6, Y = (e, t) => {
+	].includes(e.toUpperCase()) ? 2 : 6, X = (e, t) => {
 		let n = parseFloat(e);
 		return isNaN(n) ? "0" : n.toFixed(t).replace(/\.?0+$/, "");
-	}, Te = (e) => {
-		if (e <= 0) return "已过期";
+	}, De = (e) => {
+		if (e <= 0) return E.expired;
 		let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = e % 60;
-		return t > 0 ? `${t}时${n}分${r}秒` : `${n}分${r}秒`;
-	}, X = (e) => {
-		W.current && clearInterval(W.current);
+		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);
 		let t = () => {
 			let t = e - Math.floor(Date.now() / 1e3);
-			Se(Te(t)), t <= 0 && (y("expired"), Ee());
+			Ce(De(t)), t <= 0 && (b("expired"), ke());
 		};
-		t(), W.current = setInterval(t, 1e3);
-	}, Ee = () => {
-		W.current &&= (clearInterval(W.current), null);
+		t(), G.current = setInterval(t, 1e3);
+	}, ke = () => {
+		G.current &&= (clearInterval(G.current), null);
 	}, Z = useMemo(() => {
-		if (!O || !q) return "0";
-		let e = parseFloat(q.price);
+		if (!A || !J) return "0";
+		let e = parseFloat(J.price);
 		if (isNaN(e) || e === 0) return "0";
-		let t = J(O);
-		return Y((parseFloat(g) / e).toFixed(t), t);
+		let t = Y(A);
+		return X((parseFloat(_) / e).toFixed(t), t);
 	}, [
-		g,
-		O,
-		q
-	]), De = async () => {
+		_,
+		A,
+		J
+	]), Ae = async () => {
 		try {
-			C?.(void 0);
-			let e = await w.getSupportedChains();
-			xe(e), e.length > 0 && D(e[0].chain);
+			w?.(void 0);
+			let e = await T.getSupportedChains();
+			Se(e), e.length > 0 && k(e[0].chain);
 		} catch (e) {
-			let t = e instanceof Error ? e.message : "加载支付网络失败";
-			C?.(t), _?.(e);
+			let t = e instanceof Error ? e.message : E.loadPaymentNetworkFailed;
+			w?.(t), v?.(e);
 		}
-	}, Oe = async (e) => {
-		if (I) try {
-			await I.request({
+	}, je = 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;
+			throw e.code === 4902 ? Error(E.pleaseAddNetwork) : e;
 		}
-	}, ke = async () => {
-		if (!(!M || !I || !Q.current || !q || !G)) try {
+	}, Me = async () => {
+		if (!(!P || !R || !Q.current || !J || !K)) try {
 			let e = Q.current;
-			await Oe(G.chainId);
+			await je(K.chainId);
 			let t = createWalletClient({
-				account: M,
-				transport: custom(I)
+				account: P,
+				transport: custom(R)
 			});
-			q.address ? await t.writeContract({
-				address: q.address,
+			J.address ? await t.writeContract({
+				address: J.address,
 				abi: [{
 					name: "transfer",
 					type: "function",
@@ -126,29 +126,29 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 					outputs: [{ type: "bool" }]
 				}],
 				functionName: "transfer",
-				args: [e.receiveAddress, parseUnits(e.paymentAmount, q.decimals)],
+				args: [e.receiveAddress, parseUnits(e.paymentAmount, J.decimals)],
 				chain: null
 			}) : await t.sendTransaction({
 				to: e.receiveAddress,
-				value: parseUnits(e.paymentAmount, q.decimals),
+				value: parseUnits(e.paymentAmount, J.decimals),
 				chain: null
-			}), j(void 0);
+			}), N(void 0);
 		} catch (e) {
 			console.error("钱包支付失败:", e);
-			let t = e instanceof Error ? e.message : "钱包支付失败";
-			C?.(t), _?.(e);
+			let t = e instanceof Error ? e.message : E.walletPaymentFailed;
+			w?.(t), v?.(e);
 		}
-	}, Ae = async () => {
-		if (!(!M || !I || !Q.current || !q || !G)) try {
+	}, Ne = async () => {
+		if (!(!P || !R || !Q.current || !J || !K)) try {
 			let e = Q.current;
-			await Oe(G.chainId);
+			await je(K.chainId);
 			let t = createWalletClient({
-				account: M,
-				transport: custom(I)
+				account: P,
+				transport: custom(R)
 			});
-			if (!q.address) throw Error("订阅支付不支持原生代币");
+			if (!J.address) throw Error(E.subscriptionDoesNotSupportNative);
 			await t.writeContract({
-				address: q.address,
+				address: J.address,
 				abi: [{
 					name: "approve",
 					type: "function",
@@ -163,71 +163,71 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 					outputs: [{ type: "bool" }]
 				}],
 				functionName: "approve",
-				args: [e.spenderAddress, parseUnits(e.approveAmount, q.decimals)],
+				args: [e.spenderAddress, parseUnits(e.approveAmount, J.decimals)],
 				chain: null
-			}), j(void 0);
+			}), N(void 0);
 		} catch (e) {
 			console.error("钱包授权失败:", e);
-			let t = e instanceof Error ? e.message : "钱包授权失败";
-			C?.(t), _?.(e);
+			let t = e instanceof Error ? e.message : E.walletPaymentFailed;
+			w?.(t), v?.(e);
 		}
-	}, je = async () => {
-		if (!M) {
-			let e = "请先连接钱包";
-			C?.(e), _?.(Error(e));
+	}, Pe = async () => {
+		if (!P) {
+			let e = E.pleaseConnectWallet;
+			w?.(e), v?.(Error(e));
 			return;
 		}
-		m === "one-time" ? await ke() : m === "subscription" && await Ae();
-	}, Q = useRef(null), Me = async () => {
-		if (!(!E || !O)) try {
-			C?.(void 0);
+		h === "one-time" ? await Me() : h === "subscription" && await Ne();
+	}, Q = useRef(null), Fe = async () => {
+		if (!(!O || !A)) try {
+			w?.(void 0);
 			let e = "";
-			m === "one-time" ? (Q.current = await w.createOnetimePayment({
-				paymentChain: E,
-				paymentToken: O,
-				orderId: h,
+			h === "one-time" ? (Q.current = await T.createOnetimePayment({
+				paymentChain: O,
+				paymentToken: A,
+				orderId: g,
 				amount: Z
-			}), e = `${E.toLowerCase()}:${Q.current.receiveAddress}?amount=${Q.current.paymentAmount}`, X(Q.current.expireAt), $({ paymentId: Q.current.paymentId })) : m === "subscription" && (Q.current = await w.createSubscriptionPayment({
-				paymentChain: E,
-				paymentToken: O,
-				orderId: h,
+			}), 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,
+				orderId: g,
 				amountOfUsd: Z,
 				intervalDays: ge || 30
-			}), e = `${E.toLowerCase()}:${Q.current.spenderAddress}?amount=${Q.current.approveAmount}`, X(Q.current.expireAt), $({ subscriptionId: Q.current.subscriptionId })), y("payment"), j(await QRCode.toDataURL(e, {
+			}), 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, {
 				width: 200,
 				margin: 2,
 				errorCorrectionLevel: "H"
 			}));
 		} catch (e) {
-			let t = e instanceof Error ? e.message : "创建支付失败";
-			C?.(t), _?.(e);
+			let t = e instanceof Error ? e.message : E.createPaymentFailed;
+			w?.(t), v?.(e);
 		}
 	}, $ = (e) => {
-		U.current?.unsubscribe();
-		let t = () => defer(() => m === "subscription" ? w.checkSubscriptionPaymentStatus(e) : w.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") && (y("success"), _e?.(e)), e.status === "expired" && (y("expired"), ve?.(e)), e.status === "failed" && (y("failed"), ye?.(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));
 		})).subscribe({
 			error: (e) => {
 				if (Q.current) {
-					let t = e instanceof Error ? e.message : "检查支付状态失败";
-					y("error"), C?.(t), _?.(e);
+					let t = e instanceof Error ? e.message : E.checkPaymentStatusFailed;
+					b("error"), w?.(t), v?.(e);
 				}
 			},
 			complete: () => {
-				U.current?.unsubscribe();
+				W.current?.unsubscribe();
 			}
 		});
 	};
 	return useEffect(() => {
-		T.length === 0 && De();
+		D.length === 0 && Ae();
 	}, []), useEffect(() => {
-		K.length > 0 && k(K[0].symbol);
-	}, [K]), useEffect(() => (h && $({ orderId: h }), () => {
-		U.current?.unsubscribe(), Ee();
-	}), [h]), /* @__PURE__ */ jsx("div", {
+		q.length > 0 && j(q[0].symbol);
+	}, [q]), useEffect(() => (g && $({ orderId: g }), () => {
+		W.current?.unsubscribe(), ke();
+	}), [g]), /* @__PURE__ */ jsx("div", {
 		className: "_cppay-content",
-		children: v === "success" ? /* @__PURE__ */ jsxs("div", {
+		children: y === "success" ? /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-state-container",
 			children: [
 				/* @__PURE__ */ jsx("div", {
@@ -236,14 +236,14 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 				}),
 				/* @__PURE__ */ jsx("h3", {
 					className: "_cppay-state-title",
-					children: m === "subscription" ? "授权成功!" : "支付成功!"
+					children: h === "subscription" ? E.authorizationSuccess : E.paymentSuccess
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "_cppay-state-message",
-					children: m === "subscription" ? "订阅已激活" : "交易已完成"
+					children: h === "subscription" ? E.subscriptionActivated : E.transactionCompleted
 				})
 			]
-		}) : v === "expired" ? /* @__PURE__ */ jsxs("div", {
+		}) : y === "expired" ? /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-state-container",
 			children: [
 				/* @__PURE__ */ jsx("div", {
@@ -252,45 +252,45 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 				}),
 				/* @__PURE__ */ jsx("h3", {
 					className: "_cppay-state-title",
-					children: "支付已过期，请重选创建支付订单"
+					children: E.paymentExpired
 				}),
 				/* @__PURE__ */ jsx("button", {
-					onClick: () => y("select"),
-					disabled: b || x,
+					onClick: () => b("select"),
+					disabled: x || S,
 					className: "_cppay-btn _cppay-btn-text",
-					children: "返回"
+					children: E.returnButton
 				})
 			]
-		}) : v === "error" ? /* @__PURE__ */ jsxs("div", {
+		}) : y === "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: "检查订单支付状态失败！"
+				children: C || E.error
 			})]
-		}) : v === "failed" ? /* @__PURE__ */ jsxs("div", {
+		}) : y === "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: "订单支付失败！"
+				children: E.paymentFailed
 			})]
-		}) : v === "select" ? /* @__PURE__ */ jsxs("div", { children: [
-			be?.ChooseTop,
+		}) : y === "select" ? /* @__PURE__ */ jsxs("div", { children: [
+			xe?.ChooseTop,
 			/* @__PURE__ */ jsxs("div", {
 				className: "_cppay-section",
 				children: [/* @__PURE__ */ jsx("label", {
 					className: "_cppay-label",
-					children: "支付网络"
+					children: E.paymentNetwork
 				}), /* @__PURE__ */ jsx("div", {
 					className: "_cppay-grid",
-					children: T.map((e) => /* @__PURE__ */ jsxs("button", {
-						onClick: () => D(e.chain),
-						className: `_cppay-select-btn ${E === 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
@@ -302,12 +302,12 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 				className: "_cppay-section",
 				children: [/* @__PURE__ */ jsx("label", {
 					className: "_cppay-label",
-					children: "支付代币"
+					children: E.paymentToken
 				}), /* @__PURE__ */ jsx("div", {
 					className: "_cppay-grid",
-					children: K.map((e) => /* @__PURE__ */ jsxs("button", {
-						onClick: () => k(e.symbol),
-						className: `_cppay-select-btn ${O === e.symbol ? "_cppay-selected" : ""}`,
+					children: q.map((e) => /* @__PURE__ */ jsxs("button", {
+						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
@@ -315,7 +315,7 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 					}, e.symbol))
 				})]
 			}),
-			be?.ChooseBottom,
+			xe?.ChooseBottom,
 			/* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
 				children: /* @__PURE__ */ jsx("div", {
@@ -324,7 +324,7 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 						className: "_cppay-price-row",
 						children: [/* @__PURE__ */ jsx("span", {
 							className: "_cppay-price-label",
-							children: "支付金额"
+							children: E.paymentAmount
 						}), /* @__PURE__ */ jsxs("div", {
 							className: "_cppay-price-amount",
 							children: [/* @__PURE__ */ jsxs("div", {
@@ -332,11 +332,11 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 								children: [
 									Z ?? "-",
 									" ",
-									O ?? ""
+									A ?? ""
 								]
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "_cppay-price-sub",
-								children: ["≈ $", g]
+								children: ["≈ $", _]
 							})]
 						})]
 					})
@@ -344,10 +344,10 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "_cppay-section",
-				children: [S && /* @__PURE__ */ jsxs("div", {
+				children: [C && /* @__PURE__ */ jsxs("div", {
 					className: "_cppay-error-tooltip-wrapper",
-					onMouseEnter: () => V(!0),
-					onMouseLeave: () => V(!1),
+					onMouseEnter: () => H(!0),
+					onMouseLeave: () => H(!1),
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "_cppay-error-tooltip",
 						children: [/* @__PURE__ */ jsx("svg", {
@@ -358,16 +358,16 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, 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: S })]
-					}), Ce && /* @__PURE__ */ jsx("div", {
+						}), /* @__PURE__ */ jsx("span", { children: C })]
+					}), Te && /* @__PURE__ */ jsx("div", {
 						className: "_cppay-error-tooltip-full",
-						children: S
+						children: C
 					})]
 				}), /* @__PURE__ */ jsx("button", {
-					onClick: Me,
-					disabled: !E || !O || b,
+					onClick: Fe,
+					disabled: !O || !A || x,
 					className: "_cppay-btn _cppay-btn-primary",
-					children: b ? "处理中..." : "继续支付"
+					children: x ? E.processing : E.continuePayment
 				})]
 			})
 		] }) : /* @__PURE__ */ jsxs("div", { children: [
@@ -375,8 +375,8 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 				className: "_cppay-qr-container",
 				children: /* @__PURE__ */ jsx("div", {
 					className: "_cppay-qr-code",
-					children: A && /* @__PURE__ */ jsx("img", {
-						src: A,
+					children: M && /* @__PURE__ */ jsx("img", {
+						src: M,
 						alt: "Payment QR Code",
 						className: "_cppay-qr-image"
 					})
@@ -385,7 +385,7 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 			/* @__PURE__ */ jsxs("div", {
 				className: "_cppay-section",
 				children: [
-					q && /* @__PURE__ */ jsx("div", {
+					J && /* @__PURE__ */ jsx("div", {
 						className: "_cppay-info-box",
 						children: /* @__PURE__ */ jsx("div", {
 							className: "_cppay-info-flex-container",
@@ -393,10 +393,10 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 								className: "_cppay-info-flex-child",
 								children: [/* @__PURE__ */ jsx("div", {
 									className: "_cppay-info-label",
-									children: m === "subscription" ? "授权金额" : "支付金额"
+									children: h === "subscription" ? E.authorizationAmount : E.paymentAmount
 								}), /* @__PURE__ */ jsxs("div", {
 									className: "_cppay-info-value _cppay-info-value-flex",
-									children: [/* @__PURE__ */ jsx("span", { children: m === "subscription" ? `${Y(Q.current.approveAmount, J(q.symbol))} ${q.symbol}` : `${Y(Q.current.paymentAmount, J(q.symbol))} ${q.symbol}` }), /* @__PURE__ */ jsxs("span", { children: ["≈ $", g] })]
+									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,27 +407,27 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 							className: "_cppay-info-flex-child",
 							children: [/* @__PURE__ */ jsxs("div", {
 								className: "_cppay-info-label _cppay-info-label-flex",
-								children: [/* @__PURE__ */ jsx("span", { children: m === "subscription" ? "授权合约地址" : "支付地址" }), R && /* @__PURE__ */ jsxs("span", {
+								children: [/* @__PURE__ */ jsx("span", { children: h === "subscription" ? E.authorizationContractAddress : E.paymentAddress }), B && /* @__PURE__ */ jsxs("span", {
 									className: "_cppay-countdown",
-									children: ["⏰ ", R]
+									children: ["⏰ ", B]
 								})]
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "_cppay-address-row",
-								children: [/* @__PURE__ */ jsx("code", { children: m === "subscription" ? Q.current.spenderAddress : Q.current.receiveAddress }), /* @__PURE__ */ jsx("button", {
+								children: [/* @__PURE__ */ jsx("code", { children: h === "subscription" ? Q.current.spenderAddress : Q.current.receiveAddress }), /* @__PURE__ */ jsx("button", {
 									onClick: async () => {
 										if (!Q.current) return;
-										let e = m === "subscription" ? Q.current.spenderAddress : Q.current.receiveAddress;
+										let e = h === "subscription" ? Q.current.spenderAddress : Q.current.receiveAddress;
 										if (e) try {
-											await navigator.clipboard.writeText(e), B(!0), setTimeout(() => {
-												B(!1);
+											await navigator.clipboard.writeText(e), we(!0), setTimeout(() => {
+												we(!1);
 											}, 2e3);
 										} catch (e) {
 											console.error("复制失败:", e);
 										}
 									},
-									className: `_cppay-copy-btn ${z ? "_cppay-copy-success" : ""}`,
-									title: z ? "已复制！" : "复制地址",
-									children: z ? /* @__PURE__ */ jsx("svg", {
+									className: `_cppay-copy-btn ${V ? "_cppay-copy-success" : ""}`,
+									title: V ? E.copied : E.copyAddress,
+									children: V ? /* @__PURE__ */ jsx("svg", {
 										className: "_cppay-copy-icon",
 										viewBox: "0 0 24 24",
 										fill: "currentColor",
@@ -451,22 +451,22 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 							})]
 						})
 					}),
-					m === "subscription" && /* @__PURE__ */ jsxs("div", {
+					h === "subscription" && /* @__PURE__ */ jsxs("div", {
 						className: "_cppay-info-box _cppay-subscription-box",
 						children: [/* @__PURE__ */ jsx("div", {
 							className: "_cppay-info-label _cppay-subscription-label",
-							children: "📌 订阅说明"
+							children: E.subscriptionNotice
 						}), /* @__PURE__ */ jsx("div", {
 							className: "_cppay-info-value _cppay-subscription-message",
-							children: "订阅支付需要授权代币给合约地址，系统将按周期自动扣款。授权后无需每次手动支付。"
+							children: E.subscriptionNoticeMessage
 						})]
 					})
 				]
 			}),
-			S && /* @__PURE__ */ jsxs("div", {
+			C && /* @__PURE__ */ jsxs("div", {
 				className: "_cppay-error-tooltip-wrapper",
-				onMouseEnter: () => V(!0),
-				onMouseLeave: () => V(!1),
+				onMouseEnter: () => H(!0),
+				onMouseLeave: () => H(!1),
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: "_cppay-error-tooltip",
 					children: [/* @__PURE__ */ jsx("svg", {
@@ -477,76 +477,97 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, 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: S })]
-				}), Ce && /* @__PURE__ */ jsx("div", {
+					}), /* @__PURE__ */ jsx("span", { children: C })]
+				}), Te && /* @__PURE__ */ jsx("div", {
 					className: "_cppay-error-tooltip-full",
-					children: S
+					children: C
 				})]
 			}),
-			!x && /* @__PURE__ */ jsx("div", {
+			!S && /* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
-				children: M ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
-					onClick: je,
-					disabled: b,
+				children: P ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
+					onClick: Pe,
+					disabled: x,
 					className: "_cppay-btn _cppay-btn-primary",
-					children: b ? m === "subscription" ? "授权中..." : "支付中..." : m === "subscription" ? "💳 钱包授权" : "💳 钱包支付"
+					children: x ? h === "subscription" ? E.authorizing : E.processing : h === "subscription" ? `💳 ${E.connectWallet}` : `💳 ${E.walletPay}`
 				}), /* @__PURE__ */ jsxs("button", {
-					onClick: we,
-					disabled: b,
+					onClick: Ee,
+					disabled: x,
 					className: "_cppay-btn _cppay-wallet-address-btn",
-					title: "点击修改或查看钱包状态",
+					title: E.clickToModifyWallet,
 					children: [/* @__PURE__ */ jsxs("span", {
 						className: "_cppay-wallet-address-text",
 						children: [
-							M.slice(0, 10),
+							P.slice(0, 10),
 							"...",
-							M.slice(-4)
+							P.slice(-4)
 						]
 					}), /* @__PURE__ */ jsx("svg", {
-						className: "_cppay-wallet-icon",
+						className: "_cppay-wallet-arrow",
 						viewBox: "0 0 24 24",
 						fill: "none",
 						stroke: "currentColor",
 						strokeWidth: "2",
-						children: /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z" })
+						children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
 					})]
 				})] }) : /* @__PURE__ */ jsx("button", {
-					onClick: we,
-					disabled: P,
+					onClick: Ee,
+					disabled: I,
 					className: "_cppay-btn _cppay-btn-secondary _cppay-connect-wallet-btn",
-					children: /* @__PURE__ */ jsx("span", { children: P ? "连接中..." : "💳 连接钱包" })
+					children: /* @__PURE__ */ jsx("span", { children: I ? E.processing : `💳 ${E.connectWallet}` })
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "_cppay-section",
+				children: /* @__PURE__ */ jsx("button", {
+					onClick: () => {
+						b("payment");
+					},
+					disabled: S,
+					className: "_cppay-btn _cppay-btn-primary",
+					children: S ? E.checking : E.completedPayment
+				})
+			}),
+			/* @__PURE__ */ jsx("hr", { className: "_cppay-divider" }),
+			/* @__PURE__ */ jsx("div", {
+				className: "_cppay-section",
+				children: /* @__PURE__ */ jsx("button", {
+					onClick: () => b("select"),
+					disabled: x || S,
+					className: "_cppay-btn _cppay-btn-text",
+					children: E.changePaymentMethod
 				})
 			})
 		] })
 	});
-}, PaymentDialog_default = ({ open: e, onClose: t, ott: n, apikey: r, plain: i, orderId: ce, amount: a, intervalDays: o, onExpired: s, onSuccess: c, onFailed: le, onError: ue, Slots: de }) => {
-	let [l, fe] = useState("select"), [u, pe] = useState(!1), [d, me] = useState(!1), [he, f] = useState();
+}, 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();
 	useEffect(() => {
-		if (l === "success") {
+		if (d === "success") {
 			let e = setTimeout(() => {
-				p();
+				m();
 			}, 1e3);
 			return () => clearTimeout(e);
 		}
-	}, [l]), useEffect(() => {
-		e || (fe("select"), f(void 0), pe(!1), me(!1));
+	}, [d]), useEffect(() => {
+		e || (de("select"), he(void 0), fe(!1), pe(!1));
 	}, [e]), useEffect(() => {
 		if (!e) return;
 		let t = (e) => {
-			e.key === "Escape" && !u && !d && p();
+			e.key === "Escape" && !f && !p && m();
 		};
 		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
 	}, [
 		e,
-		u,
-		d
+		f,
+		p
 	]);
-	let p = () => {
-		u || d || t();
-	};
+	let m = () => {
+		f || p || t();
+	}, h = useMemo(() => getLocaleMessages(l), [l]);
 	return e ? /* @__PURE__ */ jsx("div", {
 		className: "_cppay-overlay",
-		onClick: (e) => e.target === e.currentTarget && !u && !d && p(),
+		onClick: (e) => e.target === e.currentTarget && !f && !p && m(),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-dialog",
 			children: [/* @__PURE__ */ jsxs("div", {
@@ -554,18 +575,18 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 				children: [/* @__PURE__ */ jsx("h2", {
 					className: "_cppay-title",
 					children: (() => {
-						switch (l) {
-							case "success": return "支付结果";
-							case "expired": return "支付已过期";
-							case "failed": return "支付失败";
-							case "error": return "出错";
-							case "payment": return "完成支付";
-							default: return "选择支付方式";
+						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;
 						}
 					})()
 				}), /* @__PURE__ */ jsx("button", {
-					onClick: p,
-					disabled: u || d,
+					onClick: m,
+					disabled: f || p,
 					className: "_cppay-close-btn",
 					children: /* @__PURE__ */ jsx("svg", {
 						fill: "none",
@@ -580,66 +601,67 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: m, orderId: h, amount:
 					})
 				})]
 			}), /* @__PURE__ */ jsx(PaymentContent_default, {
-				apikey: r,
+				apikey: i,
 				ott: n,
-				plain: i,
-				orderId: ce,
-				amount: a,
-				intervalDays: o,
-				onSuccess: c,
-				onExpired: s,
-				onFailed: le,
-				onError: ue,
-				Slots: de,
-				paymentStep: l,
-				onPaymentStepChange: fe,
-				loading: u,
-				isCheckingPayment: d,
-				error: he,
-				onErrorChange: f
+				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
 			})]
 		})
 	}) : null;
 }, CppayContext = createContext(null);
 const CppayProvider = ({ apikey: e, children: t }) => {
-	let [n, r] = useState(!1), [i, ce] = useState(null), a = useCallback((e) => {
-		ce(e), r(!0);
-	}, []), o = useCallback(() => {
-		r(!1);
+	let [n, r] = useState(!1), [i, a] = useState(null), o = useCallback((e) => {
+		a(e), r(!0);
 	}, []), s = useCallback(() => {
 		r(!1);
-	}, []), c = useCallback((e) => {
+	}, []), c = useCallback(() => {
+		r(!1);
+	}, []), l = useCallback((e) => {
 		i?.onSuccess?.(e), setTimeout(() => r(!1), 1e3);
-	}, [i]), le = useCallback((e) => {
+	}, [i]), se = useCallback((e) => {
 		i?.onExpired?.(e);
-	}, [i]), ue = useCallback((e) => {
+	}, [i]), u = useCallback((e) => {
 		i?.onFailed?.(e);
-	}, [i]), de = useCallback((e) => {
+	}, [i]), ce = useCallback((e) => {
 		i?.onError?.(e);
 	}, [i]);
 	return useEffect(() => {
 		if (!n) return;
 		let e = (e) => {
-			e.key === "Escape" && s();
+			e.key === "Escape" && c();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [n, s]), /* @__PURE__ */ jsxs(CppayContext.Provider, {
+	}, [n, c]), /* @__PURE__ */ jsxs(CppayContext.Provider, {
 		value: {
-			showPayment: a,
-			closePayment: o
+			showPayment: o,
+			closePayment: s
 		},
 		children: [t, i && /* @__PURE__ */ jsx(PaymentDialog_default, {
 			open: n,
-			onClose: s,
+			onClose: c,
 			apikey: e,
 			plain: i.plain,
 			orderId: i.orderId,
 			amount: i.amount,
 			intervalDays: i.intervalDays,
-			onSuccess: c,
-			onExpired: le,
-			onFailed: ue,
-			onError: de
+			onSuccess: l,
+			onExpired: se,
+			onFailed: u,
+			onError: ce
 		})]
 	});
 }, useCppayPayment = () => {