cppay-sdk 0.0.4 → 0.0.5

package/dist/react.js

@@ -1,18 +1,18 @@
-import { t as cppay_default } from "./cppay-Db8t1Cra.js";
+import { t as cppay_default } from "./cppay-CLtfZy7N.js";
 import { n as injectStyle, r as payment_dialog_default, t as getLocaleMessages } from "./locales-lB47Gtma.js";
 import * as QRCode from "qrcode";
 import { EMPTY, defer, timer } from "rxjs";
 import { expand, retry, switchMap, tap, timeout } from "rxjs/operators";
-import { createWalletClient, custom, parseUnits } from "viem";
+import { createWalletClient, custom, erc20Abi, parseUnits } from "viem";
 import { arbitrum, base, bsc, mainnet, optimism, polygon } from "viem/chains";
 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: u, orderId: xe, amount: d, intervalDays: f, remark: Se, locale: Ce, onSuccess: we, onExpired: Te, onFailed: Ee, onError: p, Slots: m, onPaymentStepChange: De }) => {
-	let h = useMemo(() => new cppay_default(t, n), [t, n]), g = useMemo(() => getLocaleMessages(Ce), [Ce]), [_, v] = useState("select"), y = useMemo(() => _ === "checking", [_]), [b, x] = useState(!1), [S, C] = useState(), [w, Oe] = useState([]), [T, E] = useState(), [D, O] = useState(), [ke, k] = useState(), [A, j] = useState(), [Ae, je] = useState(!1), [M, N] = useState(), [Me, Ne] = useState(""), [P, F] = useState(!1), [Pe, I] = useState(!1), [L, R] = useState(""), z = useRef(null), B = useRef(null), V = useRef(null), H = useRef(null), U = useRef("");
+var PaymentContent_default = ({ apikey: t, ott: n, plain: p, orderId: ye, amount: m, intervalDays: h, remark: be, locale: xe, onSuccess: Se, onExpired: Ce, onFailed: we, onError: g, Slots: _, onPaymentStepChange: Te }) => {
+	let v = useMemo(() => new cppay_default(t, n), [t, n]), y = useMemo(() => getLocaleMessages(xe), [xe]), [b, x] = useState("select"), S = useMemo(() => b === "checking", [b]), [C, w] = useState(!1), [T, E] = useState(), [D, Ee] = useState([]), [O, k] = useState(), [A, j] = useState(), [De, M] = useState(), [N, Oe] = useState(), [ke, Ae] = useState(!1), [P, F] = useState(), [je, Me] = useState(""), [I, L] = useState(!1), [Ne, R] = useState(!1), [z, B] = useState(""), V = useRef(null), H = useRef(null), U = useRef(null), W = useRef(null), G = useRef("");
 	useEffect(() => {
-		typeof window < "u" && !z.current && (z.current = createAppKit({
+		typeof window < "u" && !V.current && (V.current = createAppKit({
 			debug: !1,
 			enableNetworkSwitch: !1,
 			adapters: [new EthersAdapter()],
@@ -33,24 +33,24 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 				icons: ["https://cppay.com/icon.png"]
 			},
 			features: { analytics: !1 }
-		}), j(z.current.getAddress()), N(z.current.getProvider("eip155")), z.current.subscribeAccount((e) => {
-			e.isConnected ? j(e.address) : (j(void 0), N(void 0));
-		}), z.current.subscribeProviders((e) => {
+		}), Oe(V.current.getAddress()), F(V.current.getProvider("eip155")), V.current.subscribeAccount((e) => {
+			e.isConnected ? Oe(e.address) : (Oe(void 0), F(void 0));
+		}), V.current.subscribeProviders((e) => {
 			let t = e?.eip155;
-			N(t);
+			F(t);
 		}));
 	}, []), useEffect(() => {
-		De?.(_);
-	}, [_]);
-	let Fe = async () => {
+		Te?.(b);
+	}, [b]);
+	let Pe = async () => {
 		try {
-			je(!0), C(void 0), z.current && await z.current.open();
+			Ae(!0), E(void 0), V.current && await V.current.open();
 		} catch (e) {
-			console.error("钱包连接失败:", e), C(e instanceof Error ? e.message : g.walletConnectionFailed), p?.(e);
+			console.error("钱包连接失败:", e), E(e instanceof Error ? e.message : y.walletConnectionFailed), g?.(e);
 		} finally {
-			je(!1);
+			Ae(!1);
 		}
-	}, W = useMemo(() => w.find((e) => e.chain === T), [w, T]), G = useMemo(() => W?.tokens || [], [W]), K = useMemo(() => G.find((e) => e.symbol === D), [G, D]), q = (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,177 +58,161 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 		"TUSD",
 		"USDD",
 		"FDUSD"
-	].includes(e.toUpperCase()) ? 2 : 6, J = (e, t) => {
+	].includes(e.toUpperCase()) ? 2 : 6, X = (e, t) => {
 		let n = parseFloat(e);
 		return isNaN(n) ? "0" : n.toFixed(t).replace(/\.?0+$/, "");
-	}, Ie = (e) => {
-		if (e <= 0) return g.expired;
+	}, Fe = (e) => {
+		if (e <= 0) return y.expired;
 		let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = e % 60, i = (e) => e.toString().padStart(2, "0");
 		return t > 0 ? `${t}:${i(n)}:${i(r)}` : `${n}:${i(r)}`;
-	}, Y = (e) => {
-		V.current && clearInterval(V.current);
+	}, Z = (e) => {
+		U.current && clearInterval(U.current);
 		let t = () => {
-			if (_ === "checking") {
-				X();
+			if (b === "checking") {
+				Ie();
 				return;
 			}
 			let t = e - Math.floor(Date.now() / 1e3);
-			Ne(Ie(t)), t <= 0 && X();
+			Me(Fe(t)), t <= 0 && Ie();
 		};
-		t(), V.current = setInterval(t, 1e3);
-	}, X = () => {
-		V.current &&= (clearInterval(V.current), null);
-	}, Z = useMemo(() => {
-		if (!D || !K) return "0";
-		let e = parseFloat(K.price);
+		t(), U.current = setInterval(t, 1e3);
+	}, Ie = () => {
+		U.current &&= (clearInterval(U.current), null);
+	}, Le = useMemo(() => {
+		if (!A || !J) return "0";
+		let e = parseFloat(J.price);
 		if (isNaN(e) || e === 0) return "0";
-		let t = q(D);
-		return J((parseFloat(d) / e).toFixed(t), t);
+		let t = Y(A);
+		return X((parseFloat(m) / e).toFixed(t), t);
 	}, [
-		d,
-		D,
-		K
-	]), Le = async () => {
+		m,
+		A,
+		J
+	]), Re = async () => {
 		try {
-			x(!0), C(void 0);
-			let e = await h.getSupportedChains();
-			Oe(e), e.length > 0 && E(e[0].chain);
+			w(!0), E(void 0);
+			let e = await v.getSupportedChains();
+			Ee(e), e.length > 0 && k(e[0].chain);
 		} catch (e) {
-			C(e instanceof Error ? e.message : g.loadPaymentNetworkFailed), p?.(e);
+			E(e instanceof Error ? e.message : y.loadPaymentNetworkFailed), g?.(e);
 		} finally {
-			x(!1);
+			w(!1);
 		}
-	}, Re = async (e) => {
-		if (M) try {
-			await M.request({
+	}, ze = async (e) => {
+		if (P) try {
+			await P.request({
 				method: "wallet_switchEthereumChain",
 				params: [{ chainId: `0x${e.toString(16)}` }]
 			});
 		} catch (e) {
-			throw e.code === 4902 ? Error(g.pleaseAddNetwork) : e;
+			throw e.code === 4902 ? Error(y.pleaseAddNetwork) : e;
 		}
-	}, ze = async () => {
-		if (!(!A || !M || !H.current || !K || !W)) try {
-			x(!0);
-			let e = H.current;
-			await Re(W.chainId);
+	}, Be = async () => {
+		if (!(!N || !P || !W.current || !J || !K)) try {
+			w(!0);
+			let e = W.current;
+			await ze(K.chainId);
 			let t = createWalletClient({
-				account: A,
-				transport: custom(M)
+				account: N,
+				transport: custom(P)
 			});
-			if (K.address) {
+			if (J.address) {
 				let n = await t.writeContract({
-					address: K.address,
-					abi: [{
-						name: "transfer",
-						type: "function",
-						stateMutability: "nonpayable",
-						inputs: [{
-							name: "to",
-							type: "address"
-						}, {
-							name: "amount",
-							type: "uint256"
-						}],
-						outputs: [{ type: "bool" }]
-					}],
+					address: J.address,
+					abi: erc20Abi,
 					functionName: "transfer",
-					args: [e.receiveAddress, parseUnits(e.paymentAmount, K.decimals)],
+					args: [e.receiveAddress, parseUnits(e.paymentAmount, J.decimals)],
 					chain: null
 				});
-				console.log("转账交易哈希:", n), R(n), U.current = n;
+				console.log("转账交易哈希:", n), B(n), G.current = n;
 			} else {
 				let n = await t.sendTransaction({
 					to: e.receiveAddress,
-					value: parseUnits(e.paymentAmount, K.decimals),
+					value: parseUnits(e.paymentAmount, J.decimals),
 					chain: null
 				});
-				console.log("转账交易哈希:", n), R(n), U.current = n;
+				console.log("转账交易哈希:", n), B(n), G.current = n;
 			}
-			x(!1), v("checking"), Q({ paymentId: e.paymentId });
+			w(!1), x("checking"), Q({ paymentId: e.paymentId });
 		} catch (e) {
-			console.error("钱包支付失败:", e), C(e instanceof Error ? e.message : g.walletPaymentFailed), p?.(e), x(!1);
+			console.error("钱包支付失败:", e), E(e instanceof Error ? e.message : y.walletPaymentFailed), g?.(e), w(!1);
 		}
-	}, Be = async () => {
-		if (!(!A || !M || !H.current || !K || !W)) try {
-			x(!0);
-			let e = H.current;
-			await Re(W.chainId);
+	}, Ve = async () => {
+		if (!(!N || !P || !W.current || !J || !K)) try {
+			w(!0);
+			let e = W.current;
+			await ze(K.chainId);
 			let t = createWalletClient({
-				account: A,
-				transport: custom(M)
+				account: N,
+				transport: custom(P)
 			});
-			if (!K.address) throw Error(g.subscriptionDoesNotSupportNative);
+			if (!J.address) throw Error(y.subscriptionDoesNotSupportNative);
 			let n = await t.writeContract({
-				address: K.address,
-				abi: [{
-					name: "approve",
-					type: "function",
-					stateMutability: "nonpayable",
-					inputs: [{
-						name: "spender",
-						type: "address"
-					}, {
-						name: "amount",
-						type: "uint256"
-					}],
-					outputs: [{ type: "bool" }]
-				}],
+				address: J.address,
+				abi: erc20Abi,
 				functionName: "approve",
-				args: [e.spenderAddress, parseUnits(e.approveAmount, K.decimals)],
+				args: [e.spenderAddress, parseUnits(e.approveAmount, J.decimals)],
 				chain: null
 			});
-			console.log("授权交易哈希:", n), R(n), U.current = n, x(!1), v("checking"), Q({ subscriptionId: e.subscriptionId });
+			console.log("授权交易哈希:", n), B(n), G.current = n, w(!1), x("checking"), Q({ subscriptionId: e.subscriptionId });
 		} catch (e) {
-			console.error("钱包授权失败:", e), C(e instanceof Error ? e.message : g.walletPaymentFailed), p?.(e), x(!1);
+			console.error("钱包授权失败:", e), E(e instanceof Error ? e.message : y.walletPaymentFailed), g?.(e), w(!1);
 		}
-	}, Ve = async () => {
-		if (!A) {
-			let e = g.pleaseConnectWallet;
-			C(e), p?.(Error(e));
+	}, He = async () => {
+		if (!N) {
+			let e = y.pleaseConnectWallet;
+			E(e), g?.(Error(e));
 			return;
 		}
-		u === "instant" ? await ze() : u === "subscription" && await Be();
-	}, He = async () => {
-		if (!(!T || !D)) try {
-			x(!0), C(void 0);
-			let e = "";
-			if (u === "instant") H.current = await h.createOnetimePayment({
-				paymentChain: T,
-				paymentToken: D,
-				orderId: xe,
-				amount: Z,
-				remark: Se
-			}), e = `${T.toLowerCase()}:${H.current.receiveAddress}?amount=${H.current.paymentAmount}`, Y(H.current.expireAt), Ke(H.current.paymentId, "instant");
-			else if (u === "subscription") {
-				if (!f) throw Error(`Invalid Renewal Days: ${f ?? ""}`);
-				H.current = await h.createSubscriptionPayment({
-					paymentChain: T,
-					paymentToken: D,
-					orderId: xe,
-					amountOfUsd: Z,
-					intervalDays: f
-				}), e = `${T.toLowerCase()}:${H.current.spenderAddress}?amount=${H.current.approveAmount}`, Y(H.current.expireAt), Ke(H.current.subscriptionId, "subscription");
+		p === "instant" ? await Be() : p === "subscription" && await Ve();
+	}, Ue = (e) => {
+		switch (e.toLowerCase()) {
+			case "ethereum":
+			case "bsc":
+			case "bsc-testnet": return "ethereum";
+		}
+		return "ethereum";
+	}, We = async () => {
+		if (!(!K || !J)) try {
+			if (w(!0), E(void 0), p === "instant") {
+				W.current = await v.createOnetimePayment({
+					paymentChain: K.chain,
+					paymentToken: J.symbol,
+					orderId: ye,
+					amount: Le,
+					remark: be
+				}), Z(W.current.expireAt), Je(W.current.paymentId, "instant");
+				let e = !J.address, t = Ue(K.chain.toLowerCase()), n = W.current.receiveAddress, r = parseUnits(W.current.paymentAmount, J.decimals), a = e ? `${t}:${n}@${K.chainId}?value=${r}` : `${t}:${J.address}@${K.chainId}/transfer?address=${n}&uint256=${r}`;
+				M(await QRCode.toDataURL(a, {
+					width: 200,
+					margin: 2,
+					errorCorrectionLevel: "H"
+				}));
+			} else if (p === "subscription") {
+				if (!h) throw Error(`Invalid Renewal Days: ${h ?? ""}`);
+				W.current = await v.createSubscriptionPayment({
+					paymentChain: K.chain,
+					paymentToken: J.symbol,
+					orderId: ye,
+					amountOfUsd: Le,
+					intervalDays: h
+				}), Z(W.current.expireAt), Je(W.current.subscriptionId, "subscription"), M(void 0);
 			}
-			v("payment"), k(await QRCode.toDataURL(e, {
-				width: 200,
-				margin: 2,
-				errorCorrectionLevel: "H"
-			}));
+			x("payment");
 		} catch (e) {
-			C(e instanceof Error ? e.message : g.createPaymentFailed), p?.(e);
+			E(e instanceof Error ? e.message : y.createPaymentFailed), g?.(e);
 		} finally {
-			x(!1);
+			w(!1);
 		}
-	}, Ue = () => {
-		H.current && (v("checking"), C(void 0), u === "instant" ? Q({ paymentId: H.current.paymentId }) : u === "subscription" && Q({ subscriptionId: H.current.subscriptionId }));
+	}, Ge = () => {
+		W.current && (x("checking"), E(void 0), p === "instant" ? Q({ paymentId: W.current.paymentId }) : p === "subscription" && Q({ subscriptionId: W.current.subscriptionId }));
 	}, Q = (e) => {
-		B.current?.unsubscribe();
-		let t = () => defer(() => u === "subscription" ? h.checkSubscriptionPaymentStatus(e) : h.checkOnetimePaymentStatus(e)).pipe(timeout(15e3), retry({ delay: 2e3 }));
-		B.current = t().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => t())) : EMPTY), tap((e) => {
-			if (!H.current && u === "instant") {
+		H.current?.unsubscribe();
+		let t = () => defer(() => p === "subscription" ? v.checkSubscriptionPaymentStatus(e) : v.checkOnetimePaymentStatus(e)).pipe(timeout(15e3), retry({ delay: 2e3 }));
+		H.current = t().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => t())) : EMPTY), tap((e) => {
+			if (!W.current && p === "instant") {
 				let t = e;
-				H.current = {
+				W.current = {
 					paymentId: t.paymentId,
 					orderId: t.orderId,
 					paymentChain: t.chain,
@@ -236,21 +220,21 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 					paymentAmount: t.payAmount,
 					receiveAddress: t.receiveAddress,
 					expireAt: t.expireAt
-				}, E(t.chain), O(t.token), Y(t.expireAt);
-				let n = `${t.chain.toLowerCase()}:${t.receiveAddress}?amount=${t.payAmount}`;
-				QRCode.toDataURL(n, {
+				}, k(t.chain), j(t.token), Z(t.expireAt);
+				let n = !t.tokenAddress, r = Ue(t.chain.toLowerCase()), a = t.receiveAddress, o = parseUnits(t.payAmount, t.tokenDecimals), s = n ? `${r}:${a}@${t.chainId}?value=${o}` : `${r}:${t.tokenAddress}@${t.chainId}/transfer?address=${a}&uint256=${o}`;
+				QRCode.toDataURL(s, {
 					width: 200,
 					margin: 2,
 					errorCorrectionLevel: "H"
 				}).then((e) => {
-					k(e), v("payment");
+					M(e), x("payment");
 				}).catch((e) => {
-					console.error("生成二维码失败:", e), v("payment");
+					console.error("生成二维码失败:", e), x("payment");
 				});
 			}
-			if (!H.current && u === "subscription") {
+			if (!W.current && p === "subscription") {
 				let t = e;
-				H.current = {
+				W.current = {
 					subscriptionId: t.subscriptionId,
 					orderId: t.orderId,
 					paymentChain: t.chain,
@@ -260,49 +244,39 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 					expireAt: t.expireAt,
 					intervalDays: 0,
 					amountOfUsd: t.amountOfUsd
-				}, E(t.chain), O(t.token), Y(t.expireAt);
-				let n = `${t.chain.toLowerCase()}:${t.approvedAddress}?amount=${t.approveAmount}`;
-				QRCode.toDataURL(n, {
-					width: 200,
-					margin: 2,
-					errorCorrectionLevel: "H"
-				}).then((e) => {
-					k(e), v("payment");
-				}).catch((e) => {
-					console.error("生成二维码失败:", e), v("payment");
-				});
+				}, k(t.chain), j(t.token), Z(t.expireAt), M(void 0);
 			}
-			(e.status === "paid" || e.status === "approved") && (v("success"), $(), we?.(e)), e.status === "expired" && (v("expired"), $(), Te?.(e)), e.status === "failed" && (v("failed"), $(), Ee?.(e));
+			(e.status === "paid" || e.status === "approved") && (x("success"), $(), Se?.(e)), e.status === "expired" && (x("expired"), $(), Ce?.(e)), e.status === "failed" && (x("failed"), $(), we?.(e));
 		})).subscribe({
 			error: (e) => {
-				if (H.current) {
-					let t = e instanceof Error ? e.message : g.checkPaymentStatusFailed;
-					v("error"), C(t), p?.(e);
+				if (W.current) {
+					let t = e instanceof Error ? e.message : y.checkPaymentStatusFailed;
+					x("error"), E(t), g?.(e);
 				}
 			},
 			complete: () => {
-				B.current?.unsubscribe();
+				H.current?.unsubscribe();
 			}
 		});
-	}, We = async () => {
-		if (!H.current) return;
-		let e = u === "subscription" ? H.current.spenderAddress : H.current.receiveAddress;
+	}, Ke = async () => {
+		if (!W.current) return;
+		let e = p === "subscription" ? W.current.spenderAddress : W.current.receiveAddress;
 		if (e) try {
-			await navigator.clipboard.writeText(e), F(!0), setTimeout(() => {
-				F(!1);
+			await navigator.clipboard.writeText(e), L(!0), setTimeout(() => {
+				L(!1);
 			}, 2e3);
 		} catch (e) {
 			console.error("复制失败:", e);
 		}
-	}, Ge = async () => {
-		if (L) try {
-			await navigator.clipboard.writeText(L), F(!0), setTimeout(() => {
-				F(!1);
+	}, qe = async () => {
+		if (z) try {
+			await navigator.clipboard.writeText(z), L(!0), setTimeout(() => {
+				L(!1);
 			}, 2e3);
 		} catch (e) {
 			console.error("复制失败:", e);
 		}
-	}, Ke = (e, t) => {
+	}, Je = (e, t) => {
 		if (!n || typeof window > "u") return;
 		let r = new URL(window.location.href), i = t === "subscription" ? "subscriptionId" : "paymentId";
 		r.searchParams.set(i, e), window.history.replaceState({}, "", r.toString());
@@ -312,25 +286,25 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 		e.searchParams.delete("paymentId"), e.searchParams.delete("subscriptionId"), window.history.replaceState({}, "", e.toString());
 	};
 	return useEffect(() => {
-		w.length === 0 && Le();
+		D.length === 0 && Re();
 	}, []), useEffect(() => {
-		G.length > 0 && O(G[0].symbol);
-	}, [G]), useEffect(() => {
+		q.length > 0 && j(q[0].symbol);
+	}, [q]), useEffect(() => {
 		if (typeof window > "u") return;
 		let e = new URL(window.location.href);
-		if (u === "instant") {
+		if (p === "instant") {
 			let t = e.searchParams.get("paymentId");
-			t && (v("payment"), Q({ paymentId: t }));
+			t && (x("payment"), Q({ paymentId: t }));
 		}
-		if (u === "subscription") {
+		if (p === "subscription") {
 			let t = e.searchParams.get("subscriptionId");
-			t && (v("payment"), Q({ subscriptionId: t }));
+			t && (x("payment"), Q({ subscriptionId: t }));
 		}
 	}, []), useEffect(() => () => {
-		B.current?.unsubscribe(), X();
+		H.current?.unsubscribe(), Ie();
 	}, []), /* @__PURE__ */ jsx("div", {
 		className: "_cppay-content",
-		children: _ === "success" ? m?.Success ? /* @__PURE__ */ jsx(m.Success, { paymentInfo: H.current }) : /* @__PURE__ */ jsxs("div", {
+		children: b === "success" ? _?.Success ? /* @__PURE__ */ jsx(_.Success, { paymentInfo: W.current }) : /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-state-container",
 			children: [
 				/* @__PURE__ */ jsx("div", {
@@ -342,22 +316,22 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 				}),
 				/* @__PURE__ */ jsx("h3", {
 					className: "_cppay-state-title _cppay-state-title-success",
-					children: u === "subscription" ? g.authorizationSuccess : g.paymentSuccess
+					children: p === "subscription" ? y.authorizationSuccess : y.paymentSuccess
 				}),
-				L && /* @__PURE__ */ jsxs("div", {
+				z && /* @__PURE__ */ jsxs("div", {
 					className: "_cppay-state-hash-container",
 					children: [/* @__PURE__ */ jsx("div", {
 						className: "_cppay-state-label",
-						children: g.transactionHash
+						children: y.transactionHash
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "_cppay-hash-row",
 						children: [/* @__PURE__ */ jsx("code", {
 							className: "_cppay-state-hash",
-							children: L
+							children: z
 						}), /* @__PURE__ */ jsx("button", {
-							onClick: Ge,
+							onClick: qe,
 							className: "_cppay-state-copy-btn",
-							title: g.copyAddress,
+							title: y.copyAddress,
 							children: /* @__PURE__ */ jsxs("svg", {
 								viewBox: "0 0 24 24",
 								fill: "none",
@@ -375,60 +349,60 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 						})]
 					})]
 				}),
-				H.current && /* @__PURE__ */ jsxs("div", {
+				W.current && /* @__PURE__ */ jsxs("div", {
 					className: "_cppay-success-details",
 					children: [
 						/* @__PURE__ */ jsxs("div", {
 							className: "_cppay-detail-item",
 							children: [/* @__PURE__ */ jsx("span", {
 								className: "_cppay-detail-label",
-								children: g.orderId
+								children: y.orderId
 							}), /* @__PURE__ */ jsx("span", {
 								className: "_cppay-detail-value",
-								children: H.current.orderId
+								children: W.current.orderId
 							})]
 						}),
 						/* @__PURE__ */ jsxs("div", {
 							className: "_cppay-detail-item",
 							children: [/* @__PURE__ */ jsx("span", {
 								className: "_cppay-detail-label",
-								children: u === "subscription" ? g.authorizationAmount : g.paymentAmount
+								children: p === "subscription" ? y.authorizationAmount : y.paymentAmount
 							}), /* @__PURE__ */ jsx("span", {
 								className: "_cppay-detail-value",
-								children: u === "subscription" ? `${J(H.current.approveAmount, q(D))} ${D}` : `${J(H.current.paymentAmount, q(D))} ${D}`
+								children: p === "subscription" ? `${X(W.current.approveAmount, Y(A))} ${A}` : `${X(W.current.paymentAmount, Y(A))} ${A}`
 							})]
 						}),
 						/* @__PURE__ */ jsxs("div", {
 							className: "_cppay-detail-item",
 							children: [/* @__PURE__ */ jsx("span", {
 								className: "_cppay-detail-label",
-								children: g.paymentNetwork
+								children: y.paymentNetwork
 							}), /* @__PURE__ */ jsx("span", {
 								className: "_cppay-detail-value",
-								children: H.current.paymentChain
+								children: W.current.paymentChain
 							})]
 						}),
 						/* @__PURE__ */ jsxs("div", {
 							className: "_cppay-detail-item",
 							children: [/* @__PURE__ */ jsx("span", {
 								className: "_cppay-detail-label",
-								children: g.paymentToken
+								children: y.paymentToken
 							}), /* @__PURE__ */ jsx("span", {
 								className: "_cppay-detail-value",
-								children: H.current.paymentToken
+								children: W.current.paymentToken
 							})]
 						}),
-						u === "subscription" && /* @__PURE__ */ jsxs("div", {
+						p === "subscription" && /* @__PURE__ */ jsxs("div", {
 							className: "_cppay-detail-item",
 							children: [/* @__PURE__ */ jsx("span", {
 								className: "_cppay-detail-label",
-								children: g.renewalInterval
+								children: y.renewalInterval
 							}), /* @__PURE__ */ jsxs("span", {
 								className: "_cppay-detail-value",
 								children: [
-									H.current.intervalDays,
+									W.current.intervalDays,
 									" ",
-									g.days
+									y.days
 								]
 							})]
 						}),
@@ -436,16 +410,16 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 							className: "_cppay-detail-item",
 							children: [/* @__PURE__ */ jsx("span", {
 								className: "_cppay-detail-label",
-								children: u === "subscription" ? g.subscriptionId : g.paymentId
+								children: p === "subscription" ? y.subscriptionId : y.paymentId
 							}), /* @__PURE__ */ jsx("span", {
 								className: "_cppay-detail-value _cppay-detail-id",
-								children: u === "subscription" ? H.current.subscriptionId : H.current.paymentId
+								children: p === "subscription" ? W.current.subscriptionId : W.current.paymentId
 							})]
 						})
 					]
 				})
 			]
-		}) : _ === "expired" ? m?.Expired ? /* @__PURE__ */ jsx(m.Expired, { paymentInfo: H.current }) : /* @__PURE__ */ jsxs("div", {
+		}) : b === "expired" ? _?.Expired ? /* @__PURE__ */ jsx(_.Expired, { paymentInfo: W.current }) : /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-state-container",
 			children: [
 				/* @__PURE__ */ jsx("div", {
@@ -457,22 +431,22 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 				}),
 				/* @__PURE__ */ jsx("h3", {
 					className: "_cppay-state-title _cppay-state-title-expired",
-					children: g.paymentExpired
+					children: y.paymentExpired
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "_cppay-state-message",
-					children: g.pleaseInitiatePaymentAgain
+					children: y.pleaseInitiatePaymentAgain
 				}),
 				/* @__PURE__ */ jsx("button", {
 					onClick: () => {
-						v("select"), $();
+						x("select"), $();
 					},
-					disabled: b || y,
+					disabled: C || S,
 					className: "_cppay-btn _cppay-btn-primary _cppay-state-btn",
-					children: g.returnButton
+					children: y.returnButton
 				})
 			]
-		}) : _ === "error" ? m?.Error ? /* @__PURE__ */ jsx(m.Error, { paymentInfo: H.current }) : /* @__PURE__ */ jsxs("div", {
+		}) : b === "error" ? _?.Error ? /* @__PURE__ */ jsx(_.Error, { paymentInfo: W.current }) : /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-state-container",
 			children: [
 				/* @__PURE__ */ jsx("div", {
@@ -484,22 +458,22 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 				}),
 				/* @__PURE__ */ jsx("h3", {
 					className: "_cppay-state-title _cppay-state-title-error",
-					children: S || g.error
+					children: T || y.error
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "_cppay-state-message",
-					children: g.checkStatusFailed
+					children: y.checkStatusFailed
 				}),
 				/* @__PURE__ */ jsx("button", {
 					onClick: () => {
-						v("select"), $();
+						x("select"), $();
 					},
-					disabled: b || y,
+					disabled: C || S,
 					className: "_cppay-btn _cppay-btn-primary _cppay-state-btn",
-					children: g.returnButton
+					children: y.returnButton
 				})
 			]
-		}) : _ === "failed" ? m?.Failed ? /* @__PURE__ */ jsx(m.Failed, { paymentInfo: H.current }) : /* @__PURE__ */ jsxs("div", {
+		}) : b === "failed" ? _?.Failed ? /* @__PURE__ */ jsx(_.Failed, { paymentInfo: W.current }) : /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-state-container",
 			children: [
 				/* @__PURE__ */ jsx("div", {
@@ -511,33 +485,33 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 				}),
 				/* @__PURE__ */ jsx("h3", {
 					className: "_cppay-state-title _cppay-state-title-failed",
-					children: g.paymentFailed
+					children: y.paymentFailed
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "_cppay-state-message",
-					children: g.pleaseInitiatePaymentAgain
+					children: y.pleaseInitiatePaymentAgain
 				}),
 				/* @__PURE__ */ jsx("button", {
 					onClick: () => {
-						v("select"), $();
+						x("select"), $();
 					},
-					disabled: b || y,
+					disabled: C || S,
 					className: "_cppay-btn _cppay-btn-primary _cppay-state-btn",
-					children: g.returnButton
+					children: y.returnButton
 				})
 			]
-		}) : _ === "select" ? /* @__PURE__ */ jsxs("div", { children: [
-			m?.ChooseTop,
+		}) : b === "select" ? /* @__PURE__ */ jsxs("div", { children: [
+			_?.ChooseTop,
 			/* @__PURE__ */ jsxs("div", {
 				className: "_cppay-section",
 				children: [/* @__PURE__ */ jsx("label", {
 					className: "_cppay-label",
-					children: g.paymentNetwork
+					children: y.paymentNetwork
 				}), /* @__PURE__ */ jsx("div", {
 					className: "_cppay-grid",
-					children: w.map((e) => /* @__PURE__ */ jsxs("button", {
-						onClick: () => E(e.chain),
-						className: `_cppay-select-btn ${T === 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
@@ -549,12 +523,12 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 				className: "_cppay-section",
 				children: [/* @__PURE__ */ jsx("label", {
 					className: "_cppay-label",
-					children: g.paymentToken
+					children: y.paymentToken
 				}), /* @__PURE__ */ jsx("div", {
 					className: "_cppay-grid",
-					children: G.map((e) => /* @__PURE__ */ jsxs("button", {
-						onClick: () => O(e.symbol),
-						className: `_cppay-select-btn ${D === 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
@@ -562,7 +536,7 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 					}, e.symbol))
 				})]
 			}),
-			m?.ChooseBottom,
+			_?.ChooseBottom,
 			/* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
 				children: /* @__PURE__ */ jsx("div", {
@@ -571,19 +545,19 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 						className: "_cppay-price-row",
 						children: [/* @__PURE__ */ jsx("span", {
 							className: "_cppay-price-label",
-							children: g.paymentAmount
+							children: y.paymentAmount
 						}), /* @__PURE__ */ jsxs("div", {
 							className: "_cppay-price-amount",
 							children: [/* @__PURE__ */ jsxs("div", {
 								className: "_cppay-price-main",
 								children: [
-									Z ?? "-",
+									Le ?? "-",
 									" ",
-									D ?? ""
+									A ?? ""
 								]
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "_cppay-price-sub",
-								children: ["≈ $", d]
+								children: ["≈ $", m]
 							})]
 						})]
 					})
@@ -591,10 +565,10 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "_cppay-section",
-				children: [S && /* @__PURE__ */ jsxs("div", {
+				children: [T && /* @__PURE__ */ jsxs("div", {
 					className: "_cppay-error-tooltip-wrapper",
-					onMouseEnter: () => I(!0),
-					onMouseLeave: () => I(!1),
+					onMouseEnter: () => R(!0),
+					onMouseLeave: () => R(!1),
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "_cppay-error-tooltip",
 						children: [/* @__PURE__ */ jsx("svg", {
@@ -605,25 +579,25 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, 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 })]
-					}), Pe && /* @__PURE__ */ jsx("div", {
+						}), /* @__PURE__ */ jsx("span", { children: T })]
+					}), Ne && /* @__PURE__ */ jsx("div", {
 						className: "_cppay-error-tooltip-full",
-						children: S
+						children: T
 					})]
 				}), /* @__PURE__ */ jsx("button", {
-					onClick: He,
-					disabled: !T || !D || b,
+					onClick: We,
+					disabled: !O || !A || C,
 					className: "_cppay-btn _cppay-btn-primary",
-					children: b ? g.processing : g.continuePayment
+					children: C ? y.processing : y.continuePayment
 				})]
 			})
 		] }) : /* @__PURE__ */ jsxs("div", { children: [
-			/* @__PURE__ */ jsx("div", {
+			De && /* @__PURE__ */ jsx("div", {
 				className: "_cppay-qr-container",
 				children: /* @__PURE__ */ jsx("div", {
 					className: "_cppay-qr-code",
-					children: ke && /* @__PURE__ */ jsx("img", {
-						src: ke,
+					children: /* @__PURE__ */ jsx("img", {
+						src: De,
 						alt: "Payment QR Code",
 						className: "_cppay-qr-image"
 					})
@@ -632,7 +606,7 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 			/* @__PURE__ */ jsxs("div", {
 				className: "_cppay-section",
 				children: [
-					K && /* @__PURE__ */ jsx("div", {
+					J && /* @__PURE__ */ jsx("div", {
 						className: "_cppay-info-box",
 						children: /* @__PURE__ */ jsx("div", {
 							className: "_cppay-info-flex-container",
@@ -640,10 +614,10 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 								className: "_cppay-info-flex-child",
 								children: [/* @__PURE__ */ jsx("div", {
 									className: "_cppay-info-label",
-									children: u === "subscription" ? g.authorizationAmount : g.paymentAmount
+									children: p === "subscription" ? y.authorizationAmount : y.paymentAmount
 								}), /* @__PURE__ */ jsxs("div", {
 									className: "_cppay-info-value _cppay-info-value-flex",
-									children: [H.current && /* @__PURE__ */ jsx("span", { children: u === "subscription" ? `${J(H.current.approveAmount, q(K.symbol))} ${K.symbol}` : `${J(H.current.paymentAmount, q(K.symbol))} ${K.symbol}` }), /* @__PURE__ */ jsxs("span", { children: ["≈ $", d] })]
+									children: [W.current && /* @__PURE__ */ jsx("span", { children: p === "subscription" ? `${X(W.current.approveAmount, Y(J.symbol))} ${J.symbol}` : `${X(W.current.paymentAmount, Y(J.symbol))} ${J.symbol}` }), /* @__PURE__ */ jsxs("span", { children: ["≈ $", m] })]
 								})]
 							})
 						})
@@ -654,17 +628,17 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 							className: "_cppay-info-flex-child",
 							children: [/* @__PURE__ */ jsxs("div", {
 								className: "_cppay-info-label _cppay-info-label-flex",
-								children: [/* @__PURE__ */ jsx("span", { children: u === "subscription" ? g.authorizationContractAddress : g.paymentAddress }), Me && /* @__PURE__ */ jsxs("span", {
+								children: [/* @__PURE__ */ jsx("span", { children: p === "subscription" ? y.authorizationContractAddress : y.paymentAddress }), je && /* @__PURE__ */ jsxs("span", {
 									className: "_cppay-countdown",
-									children: ["⏰ ", Me]
+									children: ["⏰ ", je]
 								})]
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "_cppay-address-row",
-								children: [H.current && /* @__PURE__ */ jsx("code", { children: u === "subscription" ? H.current.spenderAddress : H.current.receiveAddress }), /* @__PURE__ */ jsx("button", {
-									onClick: We,
-									className: `_cppay-copy-btn ${P ? "_cppay-copy-success" : ""}`,
-									title: P ? g.copied : g.copyAddress,
-									children: P ? /* @__PURE__ */ jsx("svg", {
+								children: [W.current && /* @__PURE__ */ jsx("code", { children: p === "subscription" ? W.current.spenderAddress : W.current.receiveAddress }), /* @__PURE__ */ jsx("button", {
+									onClick: Ke,
+									className: `_cppay-copy-btn ${I ? "_cppay-copy-success" : ""}`,
+									title: I ? y.copied : y.copyAddress,
+									children: I ? /* @__PURE__ */ jsx("svg", {
 										className: "_cppay-copy-icon",
 										viewBox: "0 0 24 24",
 										fill: "currentColor",
@@ -688,22 +662,22 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 							})]
 						})
 					}),
-					u === "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: g.subscriptionNotice
+							children: y.subscriptionNotice
 						}), /* @__PURE__ */ jsx("div", {
 							className: "_cppay-info-value _cppay-subscription-message",
-							children: g.subscriptionNoticeMessage
+							children: y.subscriptionNoticeMessage
 						})]
 					})
 				]
 			}),
-			S && /* @__PURE__ */ jsxs("div", {
+			T && /* @__PURE__ */ jsxs("div", {
 				className: "_cppay-error-tooltip-wrapper",
-				onMouseEnter: () => I(!0),
-				onMouseLeave: () => I(!1),
+				onMouseEnter: () => R(!0),
+				onMouseLeave: () => R(!1),
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: "_cppay-error-tooltip",
 					children: [/* @__PURE__ */ jsx("svg", {
@@ -714,30 +688,30 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, 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 })]
-				}), Pe && /* @__PURE__ */ jsx("div", {
+					}), /* @__PURE__ */ jsx("span", { children: T })]
+				}), Ne && /* @__PURE__ */ jsx("div", {
 					className: "_cppay-error-tooltip-full",
-					children: S
+					children: T
 				})]
 			}),
-			!y && /* @__PURE__ */ jsx("div", {
+			!S && /* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
-				children: A ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
-					onClick: Ve,
-					disabled: b,
+				children: N ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
+					onClick: He,
+					disabled: C,
 					className: "_cppay-btn _cppay-btn-primary",
-					children: b ? u === "subscription" ? g.authorizing : g.processing : u === "subscription" ? `💳 ${g.walletAuthorize}` : `💳 ${g.walletPay}`
+					children: C ? p === "subscription" ? y.authorizing : y.processing : p === "subscription" ? `💳 ${y.walletAuthorize}` : `💳 ${y.walletPay}`
 				}), /* @__PURE__ */ jsxs("button", {
-					onClick: Fe,
-					disabled: b,
+					onClick: Pe,
+					disabled: C,
 					className: "_cppay-btn _cppay-wallet-address-btn",
-					title: g.clickToModifyWallet,
+					title: y.clickToModifyWallet,
 					children: [/* @__PURE__ */ jsxs("span", {
 						className: "_cppay-wallet-address-text",
 						children: [
-							A.slice(0, 10),
+							N.slice(0, 10),
 							"...",
-							A.slice(-4)
+							N.slice(-4)
 						]
 					}), /* @__PURE__ */ jsx("svg", {
 						className: "_cppay-wallet-arrow",
@@ -748,19 +722,19 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 						children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
 					})]
 				})] }) : /* @__PURE__ */ jsx("button", {
-					onClick: Fe,
-					disabled: Ae,
+					onClick: Pe,
+					disabled: ke,
 					className: "_cppay-btn _cppay-btn-secondary _cppay-connect-wallet-btn",
-					children: /* @__PURE__ */ jsx("span", { children: Ae ? g.processing : `💳 ${g.connectWallet}` })
+					children: /* @__PURE__ */ jsx("span", { children: ke ? y.processing : `💳 ${y.connectWallet}` })
 				})
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "_cppay-section",
 				children: /* @__PURE__ */ jsx("button", {
-					onClick: Ue,
-					disabled: y,
+					onClick: Ge,
+					disabled: S,
 					className: "_cppay-btn _cppay-btn-primary",
-					children: y ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("svg", {
+					children: S ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("svg", {
 						className: "_cppay-spinner",
 						viewBox: "0 0 24 24",
 						fill: "none",
@@ -778,7 +752,7 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 							strokeWidth: "3",
 							strokeLinecap: "round"
 						})]
-					}), g.checking] }) : g.completedPayment
+					}), y.checking] }) : y.completedPayment
 				})
 			}),
 			/* @__PURE__ */ jsx("hr", { className: "_cppay-divider" }),
@@ -786,32 +760,32 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 				className: "_cppay-section",
 				children: /* @__PURE__ */ jsx("button", {
 					onClick: () => {
-						v("select"), $();
+						x("select"), $();
 					},
-					disabled: b || y,
+					disabled: C || S,
 					className: "_cppay-btn _cppay-btn-text",
-					children: g.changePaymentMethod
+					children: y.changePaymentMethod
 				})
 			})
 		] })
 	});
-}, PaymentDialog_default = ({ open: e, onClose: t, ott: n, apikey: i, plain: ue, orderId: de, amount: fe, intervalDays: pe, remark: me, locale: a, onExpired: he, onSuccess: ge, onFailed: _e, onError: ve, Slots: ye }) => {
-	let [o, be] = useState("select"), s = useMemo(() => o !== "checking", [o]);
+}, PaymentDialog_default = ({ open: e, onClose: t, ott: n, apikey: i, plain: a, orderId: o, amount: s, intervalDays: de, remark: fe, locale: c, onExpired: pe, onSuccess: me, onFailed: he, onError: ge, Slots: _e }) => {
+	let [l, ve] = useState("select"), u = useMemo(() => l !== "checking", [l]);
 	useEffect(() => {
-		e || be("select");
+		e || ve("select");
 	}, [e]), useEffect(() => {
 		if (!e) return;
 		let t = (e) => {
-			e.key === "Escape" && s && c();
+			e.key === "Escape" && u && d();
 		};
 		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
-	}, [e, s]);
-	let c = () => {
-		s && t();
-	}, l = useMemo(() => getLocaleMessages(a), [a]);
+	}, [e, u]);
+	let d = () => {
+		u && t();
+	}, f = useMemo(() => getLocaleMessages(c), [c]);
 	return e ? /* @__PURE__ */ jsx("div", {
 		className: "_cppay-overlay",
-		onClick: (e) => e.target === e.currentTarget && c(),
+		onClick: (e) => e.target === e.currentTarget && d(),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-dialog",
 			children: [/* @__PURE__ */ jsxs("div", {
@@ -819,19 +793,19 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 				children: [/* @__PURE__ */ jsx("h2", {
 					className: "_cppay-title",
 					children: (() => {
-						switch (o) {
-							case "success": return l.paymentResult;
-							case "expired": return l.paymentExpired;
-							case "failed": return l.paymentFailed;
-							case "error": return l.error;
+						switch (l) {
+							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 l.completePayment;
-							default: return l.selectPaymentMethod;
+							case "checking": return f.completePayment;
+							default: return f.selectPaymentMethod;
 						}
 					})()
 				}), /* @__PURE__ */ jsx("button", {
-					onClick: c,
-					disabled: !s,
+					onClick: d,
+					disabled: !u,
 					className: "_cppay-close-btn",
 					children: /* @__PURE__ */ jsx("svg", {
 						fill: "none",
@@ -848,51 +822,51 @@ var PaymentContent_default = ({ apikey: t, ott: n, plain: u, orderId: xe, amount
 			}), /* @__PURE__ */ jsx(PaymentContent_default, {
 				apikey: i,
 				ott: n,
-				plain: ue,
-				orderId: de,
-				amount: fe,
-				intervalDays: pe,
-				remark: me,
-				locale: a,
-				onSuccess: ge,
-				onExpired: he,
-				onFailed: _e,
-				onError: ve,
-				Slots: ye,
-				onPaymentStepChange: be
+				plain: a,
+				orderId: o,
+				amount: s,
+				intervalDays: de,
+				remark: fe,
+				locale: c,
+				onSuccess: me,
+				onExpired: pe,
+				onFailed: he,
+				onError: ge,
+				Slots: _e,
+				onPaymentStepChange: ve
 			})]
 		})
 	}) : null;
 }, CppayContext = createContext(null);
 const CppayProvider = ({ children: e }) => {
-	let [t, n] = useState(!1), [r, i] = useState(null), ue = useCallback((e) => {
+	let [t, n] = useState(!1), [r, i] = useState(null), a = useCallback((e) => {
 		i(e), n(!0);
-	}, []), de = useCallback(() => {
+	}, []), o = useCallback(() => {
 		n(!1);
-	}, []), fe = useCallback(() => {
+	}, []), s = useCallback(() => {
 		n(!1);
-	}, []), pe = useCallback((e) => {
+	}, []), de = useCallback((e) => {
 		r?.onSuccess?.(e);
-	}, [r]), me = useCallback((e) => {
+	}, [r]), fe = useCallback((e) => {
 		r?.onExpired?.(e);
-	}, [r]), a = useCallback((e) => {
+	}, [r]), c = useCallback((e) => {
 		r?.onFailed?.(e);
-	}, [r]), he = useCallback((e) => {
+	}, [r]), pe = useCallback((e) => {
 		r?.onError?.(e);
 	}, [r]);
 	return /* @__PURE__ */ jsxs(CppayContext.Provider, {
 		value: {
-			showPayment: ue,
-			closePayment: de
+			showPayment: a,
+			closePayment: o
 		},
 		children: [e, r && /* @__PURE__ */ jsx(PaymentDialog_default, {
 			open: t,
-			onClose: fe,
+			onClose: s,
 			...r,
-			onSuccess: pe,
-			onExpired: me,
-			onFailed: a,
-			onError: he
+			onSuccess: de,
+			onExpired: fe,
+			onFailed: c,
+			onError: pe
 		})]
 	});
 }, useCppayPayment = () => {