cppay-sdk 0.0.3 → 0.0.5

package/dist/vue.js

@@ -1,10 +1,10 @@
-import { t as cppay_default } from "./cppay-Db8t1Cra.js";
-import { n as injectStyle, r as payment_dialog_default, t as getLocaleMessages } from "./locales-CEspC4rh.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 { Fragment, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, h, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, watch, withCtx } from "vue";
 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";
@@ -20,7 +20,10 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 }, _hoisted_23 = { class: "_cppay-detail-label" }, _hoisted_24 = { class: "_cppay-detail-value" }, _hoisted_25 = { class: "_cppay-detail-item" }, _hoisted_26 = { class: "_cppay-detail-label" }, _hoisted_27 = { class: "_cppay-detail-value _cppay-detail-id" }, _hoisted_28 = { class: "_cppay-state-container" }, _hoisted_29 = { class: "_cppay-state-title _cppay-state-title-expired" }, _hoisted_30 = { class: "_cppay-state-message" }, _hoisted_31 = ["disabled"], _hoisted_32 = { class: "_cppay-state-container" }, _hoisted_33 = { class: "_cppay-state-title _cppay-state-title-error" }, _hoisted_34 = { class: "_cppay-state-message" }, _hoisted_35 = ["disabled"], _hoisted_36 = { class: "_cppay-state-container" }, _hoisted_37 = { class: "_cppay-state-title _cppay-state-title-failed" }, _hoisted_38 = { class: "_cppay-state-message" }, _hoisted_39 = ["disabled"], _hoisted_40 = { key: 4 }, _hoisted_41 = { class: "_cppay-section" }, _hoisted_42 = { class: "_cppay-label" }, _hoisted_43 = { class: "_cppay-grid" }, _hoisted_44 = ["onClick"], _hoisted_45 = ["src", "alt"], _hoisted_46 = { class: "_cppay-section" }, _hoisted_47 = { class: "_cppay-label" }, _hoisted_48 = { class: "_cppay-grid" }, _hoisted_49 = ["onClick"], _hoisted_50 = ["src", "alt"], _hoisted_51 = { class: "_cppay-section" }, _hoisted_52 = { class: "_cppay-price-box" }, _hoisted_53 = { class: "_cppay-price-row" }, _hoisted_54 = { class: "_cppay-price-label" }, _hoisted_55 = { class: "_cppay-price-amount" }, _hoisted_56 = { class: "_cppay-price-main" }, _hoisted_57 = { class: "_cppay-price-sub" }, _hoisted_58 = { class: "_cppay-section" }, _hoisted_59 = { class: "_cppay-error-tooltip" }, _hoisted_60 = {
 	key: 0,
 	class: "_cppay-error-tooltip-full"
-}, _hoisted_61 = ["disabled"], _hoisted_62 = { key: 5 }, _hoisted_63 = { class: "_cppay-qr-container" }, _hoisted_64 = { class: "_cppay-qr-code" }, _hoisted_65 = ["src"], _hoisted_66 = { class: "_cppay-section" }, _hoisted_67 = {
+}, _hoisted_61 = ["disabled"], _hoisted_62 = { key: 5 }, _hoisted_63 = {
+	key: 0,
+	class: "_cppay-qr-container"
+}, _hoisted_64 = { class: "_cppay-qr-code" }, _hoisted_65 = ["src"], _hoisted_66 = { class: "_cppay-section" }, _hoisted_67 = {
 	key: 0,
 	class: "_cppay-info-box"
 }, _hoisted_68 = { class: "_cppay-info-flex-container" }, _hoisted_69 = { class: "_cppay-info-flex-child" }, _hoisted_70 = { class: "_cppay-info-label" }, _hoisted_71 = { class: "_cppay-info-value _cppay-info-value-flex" }, _hoisted_72 = { key: 0 }, _hoisted_73 = { class: "_cppay-info-box" }, _hoisted_74 = { class: "_cppay-info-flex-child" }, _hoisted_75 = { class: "_cppay-info-label _cppay-info-label-flex" }, _hoisted_76 = {
@@ -45,7 +48,7 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 	key: 0,
 	class: "_cppay-error-tooltip-full"
 }, _hoisted_87 = {
-	key: 1,
+	key: 2,
 	class: "_cppay-section"
 }, _hoisted_88 = ["disabled"], _hoisted_89 = ["disabled"], _hoisted_90 = ["disabled", "title"], _hoisted_91 = { class: "_cppay-wallet-address-text" }, _hoisted_92 = { class: "_cppay-section" }, _hoisted_93 = ["disabled"], _hoisted_94 = { class: "_cppay-section" }, _hoisted_95 = ["disabled"], PaymentContent_default = /* @__PURE__ */ defineComponent({
 	__name: "PaymentContent",
@@ -68,8 +71,8 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 		"error"
 	],
 	setup(t, { emit: n }) {
-		let a = t, o = n, c = computed(() => getLocaleMessages(a.locale)), l = computed(() => new cppay_default(a.apikey, a.ott)), f = ref("select"), p = ref(!1), m = computed(() => f.value === "checking"), g = ref(), _ = ref([]), v = ref(), y = ref(), b = ref(), x = ref(), S = ref(!1), C = ref(), w = ref(""), T = ref(!1), E = ref(!1), D = shallowRef(null), O = ref(null), k = ref(null), A = ref(null), j = ref(""), M = () => {
-			typeof window < "u" && !D.value && (D.value = createAppKit({
+		let o = t, s = n, l = computed(() => getLocaleMessages(o.locale)), u = computed(() => new cppay_default(o.apikey, o.ott)), p = ref("select"), m = ref(!1), g = computed(() => p.value === "checking"), _ = ref(), v = ref([]), y = ref(), b = ref(), x = ref(), S = ref(), C = ref(!1), w = ref(), T = ref(""), E = ref(!1), D = ref(!1), O = shallowRef(null), k = ref(null), A = ref(null), j = ref(null), M = ref(""), N = () => {
+			typeof window < "u" && !O.value && (O.value = createAppKit({
 				debug: !1,
 				enableNetworkSwitch: !1,
 				adapters: [new EthersAdapter()],
@@ -90,24 +93,24 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 					icons: ["https://cppay.com/icon.png"]
 				},
 				features: { analytics: !1 }
-			}), x.value = D.value.getAddress(), C.value = D.value.getProvider("eip155"), D.value.subscribeAccount((e) => {
-				e.isConnected ? x.value = e.address : (x.value = void 0, C.value = void 0);
-			}), D.value.subscribeProviders((e) => {
-				C.value = e?.eip155;
+			}), S.value = O.value.getAddress(), w.value = O.value.getProvider("eip155"), O.value.subscribeAccount((e) => {
+				e.isConnected ? S.value = e.address : (S.value = void 0, w.value = void 0);
+			}), O.value.subscribeProviders((e) => {
+				w.value = e?.eip155;
 			}));
 		};
-		watch(f, (e) => {
-			o("update:paymentStep", e);
+		watch(p, (e) => {
+			s("update:paymentStep", e);
 		});
-		let N = async () => {
+		let P = async () => {
 			try {
-				S.value = !0, g.value = void 0, D.value && await D.value.open();
+				C.value = !0, _.value = void 0, O.value && await O.value.open();
 			} catch (e) {
-				g.value = e instanceof Error ? e.message : c.value.walletConnectionFailed, o("error", e);
+				_.value = e instanceof Error ? e.message : l.value.walletConnectionFailed, s("error", e);
 			} finally {
-				S.value = !1;
+				C.value = !1;
 			}
-		}, P = computed(() => _.value.find((e) => e.chain === v.value)), F = computed(() => P.value?.tokens || []), I = computed(() => F.value.find((e) => e.symbol === y.value)), L = (e) => [
+		}, F = computed(() => v.value.find((e) => e.chain === y.value)), I = computed(() => F.value?.tokens || []), L = computed(() => I.value.find((e) => e.symbol === b.value)), R = (e) => [
 			"USDT",
 			"USDC",
 			"BUSD",
@@ -115,167 +118,153 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 			"TUSD",
 			"USDD",
 			"FDUSD"
-		].includes(e.toUpperCase()) ? 2 : 6, R = (e, t) => {
+		].includes(e.toUpperCase()) ? 2 : 6, z = (e, t) => {
 			let n = parseFloat(e);
 			return isNaN(n) ? "0" : n.toFixed(t).replace(/\.?0+$/, "");
-		}, z = (e) => {
-			if (e <= 0) return c.value.expired;
+		}, B = (e) => {
+			if (e <= 0) return l.value.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)}`;
-		}, B = (e) => {
-			k.value && clearInterval(k.value);
+		}, V = (e) => {
+			A.value && clearInterval(A.value);
 			let t = () => {
-				if (f.value === "checking") {
-					V();
+				if (p.value === "checking") {
+					H();
 					return;
 				}
 				let t = e - Math.floor(Date.now() / 1e3);
-				w.value = z(t), t <= 0 && V();
+				T.value = B(t), t <= 0 && H();
 			};
-			t(), k.value = setInterval(t, 1e3);
-		}, V = () => {
-			k.value &&= (clearInterval(k.value), null);
-		}, H = computed(() => {
-			if (!y.value || !I.value) return "0";
-			let e = parseFloat(I.value.price);
+			t(), A.value = setInterval(t, 1e3);
+		}, H = () => {
+			A.value &&= (clearInterval(A.value), null);
+		}, U = computed(() => {
+			if (!b.value || !L.value) return "0";
+			let e = parseFloat(L.value.price);
 			if (isNaN(e) || e === 0) return "0";
-			let t = L(y.value);
-			return R((parseFloat(a.amount) / e).toFixed(t), t);
-		}), U = async () => {
+			let t = R(b.value);
+			return z((parseFloat(o.amount) / e).toFixed(t), t);
+		}), W = async () => {
 			try {
-				p.value = !0, g.value = void 0, _.value = await l.value.getSupportedChains(), _.value.length > 0 && (v.value = _.value[0].chain);
+				m.value = !0, _.value = void 0, v.value = await u.value.getSupportedChains(), v.value.length > 0 && (y.value = v.value[0].chain);
 			} catch (e) {
-				g.value = e instanceof Error ? e.message : c.value.loadPaymentNetworkFailed, o("error", e);
+				_.value = e instanceof Error ? e.message : l.value.loadPaymentNetworkFailed, s("error", e);
 			} finally {
-				p.value = !1;
+				m.value = !1;
 			}
-		}, W = async (e) => {
-			if (C.value) try {
-				await C.value.request({
+		}, G = async (e) => {
+			if (w.value) try {
+				await w.value.request({
 					method: "wallet_switchEthereumChain",
 					params: [{ chainId: `0x${e.toString(16)}` }]
 				});
 			} catch (e) {
-				throw e.code === 4902 ? Error(c.value.pleaseAddNetwork) : e;
+				throw e.code === 4902 ? Error(l.value.pleaseAddNetwork) : e;
 			}
-		}, G = async () => {
-			if (!(!x.value || !C.value || !A.value || !I.value || !P.value)) try {
-				p.value = !0;
-				let e = A.value;
-				await W(P.value.chainId);
+		}, K = async () => {
+			if (!(!S.value || !w.value || !j.value || !L.value || !F.value)) try {
+				m.value = !0;
+				let e = j.value;
+				await G(F.value.chainId);
 				let t = createWalletClient({
-					account: x.value,
-					transport: custom(C.value)
+					account: S.value,
+					transport: custom(w.value)
 				});
-				if (I.value.address) {
+				if (L.value.address) {
 					let n = await t.writeContract({
-						address: I.value.address,
-						abi: [{
-							name: "transfer",
-							type: "function",
-							stateMutability: "nonpayable",
-							inputs: [{
-								name: "to",
-								type: "address"
-							}, {
-								name: "amount",
-								type: "uint256"
-							}],
-							outputs: [{ type: "bool" }]
-						}],
+						address: L.value.address,
+						abi: erc20Abi,
 						functionName: "transfer",
-						args: [e.receiveAddress, parseUnits(e.paymentAmount, I.value.decimals)],
+						args: [e.receiveAddress, parseUnits(e.paymentAmount, L.value.decimals)],
 						chain: null
 					});
-					console.log("转账交易哈希:", n), j.value = n;
+					console.log("转账交易哈希:", n), M.value = n;
 				} else {
 					let n = await t.sendTransaction({
 						to: e.receiveAddress,
-						value: parseUnits(e.paymentAmount, I.value.decimals),
+						value: parseUnits(e.paymentAmount, L.value.decimals),
 						chain: null
 					});
-					console.log("转账交易哈希:", n), j.value = n;
+					console.log("转账交易哈希:", n), M.value = n;
 				}
-				p.value = !1, f.value = "checking", X({ paymentId: e.paymentId });
+				m.value = !1, p.value = "checking", X({ paymentId: e.paymentId });
 			} catch (e) {
-				console.error("钱包支付失败:", e), g.value = e instanceof Error ? e.message : c.value.walletPaymentFailed, o("error", e), p.value = !1;
+				console.error("钱包支付失败:", e), _.value = e instanceof Error ? e.message : l.value.walletPaymentFailed, s("error", e), m.value = !1;
 			}
-		}, K = async () => {
-			if (!(!x.value || !C.value || !A.value || !I.value || !P.value)) try {
-				let e = A.value;
-				await W(P.value.chainId);
+		}, q = async () => {
+			if (!(!S.value || !w.value || !j.value || !L.value || !F.value)) try {
+				let e = j.value;
+				await G(F.value.chainId);
 				let t = createWalletClient({
-					account: x.value,
-					transport: custom(C.value)
+					account: S.value,
+					transport: custom(w.value)
 				});
-				if (!I.value.address) throw Error(c.value.subscriptionDoesNotSupportNative);
+				if (!L.value.address) throw Error(l.value.subscriptionDoesNotSupportNative);
 				let n = await t.writeContract({
-					address: I.value.address,
-					abi: [{
-						name: "approve",
-						type: "function",
-						stateMutability: "nonpayable",
-						inputs: [{
-							name: "spender",
-							type: "address"
-						}, {
-							name: "amount",
-							type: "uint256"
-						}],
-						outputs: [{ type: "bool" }]
-					}],
+					address: L.value.address,
+					abi: erc20Abi,
 					functionName: "approve",
-					args: [e.spenderAddress, parseUnits(e.approveAmount, I.value.decimals)],
+					args: [e.spenderAddress, parseUnits(e.approveAmount, L.value.decimals)],
 					chain: null
 				});
-				console.log("授权交易哈希:", n), j.value = n, p.value = !1, f.value = "checking", X({ subscriptionId: e.subscriptionId });
+				console.log("授权交易哈希:", n), M.value = n, m.value = !1, p.value = "checking", X({ subscriptionId: e.subscriptionId });
 			} catch (e) {
-				console.error("钱包授权失败:", e), g.value = e instanceof Error ? e.message : c.value.walletPaymentFailed, o("error", e), p.value = !1;
+				console.error("钱包授权失败:", e), _.value = e instanceof Error ? e.message : l.value.walletPaymentFailed, s("error", e), m.value = !1;
 			}
-		}, q = async () => {
-			if (!x.value) {
-				g.value = c.value.pleaseConnectWallet, o("error", Error(c.value.pleaseConnectWallet));
+		}, J = async () => {
+			if (!S.value) {
+				_.value = l.value.pleaseConnectWallet, s("error", Error(l.value.pleaseConnectWallet));
 				return;
 			}
-			a.plain === "instant" ? await G() : a.plain === "subscription" && await K();
-		}, J = async () => {
-			if (!(!v.value || !y.value)) try {
-				g.value = void 0;
-				let e = "";
-				if (a.plain === "instant") A.value = await l.value.createOnetimePayment({
-					paymentChain: v.value,
-					paymentToken: y.value,
-					orderId: a.orderId,
-					amount: H.value,
-					remark: a.remark
-				}), e = `${v.value.toLowerCase()}:${A.value.receiveAddress}?amount=${A.value.paymentAmount}`, B(A.value.expireAt), Z(A.value.paymentId, "instant");
-				else if (a.plain === "subscription") {
-					if (!a.intervalDays) throw Error(`Invalid Renewal Days: ${a.intervalDays ?? ""}`);
-					A.value = await l.value.createSubscriptionPayment({
-						paymentChain: v.value,
-						paymentToken: y.value,
-						orderId: a.orderId,
-						amountOfUsd: H.value,
-						intervalDays: a.intervalDays
-					}), e = `${v.value.toLowerCase()}:${A.value.spenderAddress}?amount=${A.value.approveAmount}`, B(A.value.expireAt), Z(A.value.subscriptionId, "subscription");
+			o.plain === "instant" ? await K() : o.plain === "subscription" && await q();
+		}, Y = (e) => {
+			switch (e.toLowerCase()) {
+				case "ethereum":
+				case "bsc":
+				case "bsc-testnet": return "ethereum";
+			}
+			return "ethereum";
+		}, bn = async () => {
+			if (!(!F.value || !L.value)) try {
+				if (m.value = !0, _.value = void 0, o.plain === "instant") {
+					j.value = await u.value.createOnetimePayment({
+						paymentChain: F.value.chain,
+						paymentToken: L.value.symbol,
+						orderId: o.orderId,
+						amount: U.value,
+						remark: o.remark
+					}), V(j.value.expireAt), Z(j.value.paymentId, "instant");
+					let e = !L.value.address, t = Y(F.value.chain.toLowerCase()), n = F.value.chainId, r = j.value.receiveAddress, i = parseUnits(j.value.paymentAmount, L.value.decimals), a = e ? `${t}:${r}@${n}?value=${i}` : `${t}:${L.value.address}@${n}/transfer?address=${r}&uint256=${i}`;
+					x.value = await QRCode.toDataURL(a, {
+						width: 200,
+						margin: 2,
+						errorCorrectionLevel: "H"
+					});
+				} else if (o.plain === "subscription") {
+					if (!o.intervalDays) throw Error(`Invalid Renewal Days: ${o.intervalDays ?? ""}`);
+					j.value = await u.value.createSubscriptionPayment({
+						paymentChain: F.value.chain,
+						paymentToken: L.value.symbol,
+						orderId: o.orderId,
+						amountOfUsd: U.value,
+						intervalDays: o.intervalDays
+					}), V(j.value.expireAt), Z(j.value.subscriptionId, "subscription"), x.value = void 0;
 				}
-				f.value = "payment", b.value = await QRCode.toDataURL(e, {
-					width: 200,
-					margin: 2,
-					errorCorrectionLevel: "H"
-				});
+				p.value = "payment";
 			} catch (e) {
-				g.value = e instanceof Error ? e.message : c.value.createPaymentFailed, o("error", e);
+				_.value = e instanceof Error ? e.message : l.value.createPaymentFailed, s("error", e);
+			} finally {
+				m.value = !1;
 			}
-		}, Y = () => {
-			A.value && (g.value = void 0, f.value = "checking", a.plain === "instant" ? X({ paymentId: A.value.paymentId }) : a.plain === "subscription" && X({ subscriptionId: A.value.subscriptionId }));
+		}, xn = () => {
+			j.value && (_.value = void 0, p.value = "checking", o.plain === "instant" ? X({ paymentId: j.value.paymentId }) : o.plain === "subscription" && X({ subscriptionId: j.value.subscriptionId }));
 		}, X = (e) => {
-			O.value?.unsubscribe();
-			let t = () => defer(() => a.plain === "subscription" ? l.value.checkSubscriptionPaymentStatus(e) : l.value.checkOnetimePaymentStatus(e)).pipe(timeout(15e3), retry({ delay: 2e3 }));
-			O.value = t().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => t())) : EMPTY), tap((e) => {
-				if (!A.value && a.plain === "instant") {
+			k.value?.unsubscribe();
+			let t = () => defer(() => o.plain === "subscription" ? u.value.checkSubscriptionPaymentStatus(e) : u.value.checkOnetimePaymentStatus(e)).pipe(timeout(15e3), retry({ delay: 2e3 }));
+			k.value = t().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => t())) : EMPTY), tap((e) => {
+				if (!j.value && o.plain === "instant") {
 					let t = e;
-					A.value = {
+					j.value = {
 						paymentId: t.paymentId,
 						orderId: t.orderId,
 						paymentChain: t.chain,
@@ -283,21 +272,21 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 						paymentAmount: t.payAmount,
 						receiveAddress: t.receiveAddress,
 						expireAt: t.expireAt
-					}, v.value = t.chain, y.value = t.token, B(t.expireAt);
-					let n = `${t.chain.toLowerCase()}:${t.receiveAddress}?amount=${t.payAmount}`;
-					QRCode.toDataURL(n, {
+					}, y.value = t.chain, b.value = t.token, V(t.expireAt);
+					let n = !t.tokenAddress, r = Y(t.chain.toLowerCase()), i = t.receiveAddress, a = parseUnits(t.payAmount, t.tokenDecimals), o = n ? `${r}:${i}@${t.chainId}?value=${a}` : `${r}:${t.tokenAddress}@${t.chainId}/transfer?address=${i}&uint256=${a}`;
+					QRCode.toDataURL(o, {
 						width: 200,
 						margin: 2,
 						errorCorrectionLevel: "H"
 					}).then((e) => {
-						b.value = e, f.value = "payment";
+						x.value = e, p.value = "payment";
 					}).catch((e) => {
-						console.error("生成二维码失败:", e), f.value = "select";
+						console.error("生成二维码失败:", e), p.value = "payment";
 					});
 				}
-				if (!A.value && a.plain === "subscription") {
+				if (!j.value && o.plain === "subscription") {
 					let t = e;
-					A.value = {
+					j.value = {
 						subscriptionId: t.subscriptionId,
 						orderId: t.orderId,
 						paymentChain: t.chain,
@@ -307,60 +296,50 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 						expireAt: t.expireAt,
 						intervalDays: 0,
 						amountOfUsd: t.amountOfUsd
-					}, v.value = t.chain, y.value = t.token, B(t.expireAt);
-					let n = `${t.chain.toLowerCase()}:${t.approvedAddress}?amount=${t.approveAmount}`;
-					QRCode.toDataURL(n, {
-						width: 200,
-						margin: 2,
-						errorCorrectionLevel: "H"
-					}).then((e) => {
-						b.value = e, f.value = "payment";
-					}).catch((e) => {
-						console.error("生成二维码失败:", e), f.value = "select";
-					});
+					}, y.value = t.chain, b.value = t.token, V(t.expireAt), x.value = void 0;
 				}
-				(e.status === "paid" || e.status === "approved") && (f.value = "success", Q(), o("success", e)), e.status === "expired" && (f.value = "expired", Q(), o("expired", e)), e.status === "failed" && (f.value = "failed", Q(), o("failed", e));
+				(e.status === "paid" || e.status === "approved") && (p.value = "success", Q(), s("success", e)), e.status === "expired" && (p.value = "expired", Q(), s("expired", e)), e.status === "failed" && (p.value = "failed", Q(), s("failed", e));
 			})).subscribe({
 				error: (e) => {
-					if (A.value) {
-						let t = e instanceof Error ? e.message : c.value.checkPaymentStatusFailed;
-						f.value = "error", g.value = t, Q(), o("error", e);
+					if (j.value) {
+						let t = e instanceof Error ? e.message : l.value.checkPaymentStatusFailed;
+						p.value = "error", _.value = t, Q(), s("error", e);
 					}
 				},
 				complete: () => {
-					O.value?.unsubscribe();
+					k.value?.unsubscribe();
 				}
 			});
-		}, bn = async () => {
-			if (!A.value) return;
-			let e = a.plain === "subscription" ? A.value.spenderAddress : A.value.receiveAddress;
+		}, Sn = async () => {
+			if (!j.value) return;
+			let e = o.plain === "subscription" ? j.value.spenderAddress : j.value.receiveAddress;
 			if (e) try {
-				await navigator.clipboard.writeText(e), T.value = !0, setTimeout(() => {
-					T.value = !1;
+				await navigator.clipboard.writeText(e), E.value = !0, setTimeout(() => {
+					E.value = !1;
 				}, 2e3);
 			} catch (e) {
 				console.error("复制失败:", e);
 			}
 		};
-		watch(F, (e) => {
-			e.length > 0 && (y.value = e[0].symbol);
+		watch(I, (e) => {
+			e.length > 0 && (b.value = e[0].symbol);
 		}), onMounted(() => {
-			M(), _.value.length || U(), $();
+			N(), v.value.length || W(), $();
 		}), onUnmounted(() => {
-			O.value?.unsubscribe(), V();
+			k.value?.unsubscribe(), H();
 		});
-		let xn = async () => {
-			if (j.value) try {
-				await navigator.clipboard.writeText(j.value);
-				let e = T.value;
-				T.value = !0, setTimeout(() => {
-					T.value = e;
+		let Cn = async () => {
+			if (M.value) try {
+				await navigator.clipboard.writeText(M.value);
+				let e = E.value;
+				E.value = !0, setTimeout(() => {
+					E.value = e;
 				}, 2e3);
 			} catch (e) {
 				console.error("复制失败:", e);
 			}
 		}, Z = (e, t) => {
-			if (!a.ott || typeof window > "u") return;
+			if (!o.ott || typeof window > "u") return;
 			let n = new URL(window.location.href), r = t === "subscription" ? "subscriptionId" : "paymentId";
 			n.searchParams.set(r, e), window.history.replaceState({}, "", n.toString());
 		}, Q = () => {
@@ -370,22 +349,22 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 		}, $ = async () => {
 			if (typeof window > "u") return;
 			let e = new URL(window.location.href);
-			if (a.plain === "instant") {
+			if (o.plain === "instant") {
 				let t = e.searchParams.get("paymentId");
-				t && (f.value = "payment", X({ paymentId: t }));
+				t && (p.value = "payment", X({ paymentId: t }));
 			}
-			if (a.plain === "subscription") {
+			if (o.plain === "subscription") {
 				let t = e.searchParams.get("subscriptionId");
-				t && (f.value = "payment", X({ subscriptionId: t }));
+				t && (p.value = "payment", X({ subscriptionId: t }));
 			}
 		};
-		return (e, n) => (openBlock(), createElementBlock("div", _hoisted_1$1, [f.value === "success" ? renderSlot(e.$slots, "success", { key: 0 }, () => [createElementVNode("div", _hoisted_2$1, [
+		return (e, n) => (openBlock(), createElementBlock("div", _hoisted_1$1, [p.value === "success" ? renderSlot(e.$slots, "success", { key: 0 }, () => [createElementVNode("div", _hoisted_2$1, [
 			n[9] ||= createElementVNode("div", { class: "_cppay-state-success-bg" }, [createElementVNode("div", { class: "_cppay-state-success-icon" }, "✓")], -1),
-			createElementVNode("h3", _hoisted_3$1, toDisplayString(t.plain === "subscription" ? c.value.authorizationSuccess : c.value.paymentSuccess), 1),
-			j.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [createElementVNode("div", _hoisted_5, toDisplayString(c.value.transactionHash), 1), createElementVNode("div", _hoisted_6, [createElementVNode("code", _hoisted_7, toDisplayString(j.value), 1), createElementVNode("button", {
-				onClick: xn,
+			createElementVNode("h3", _hoisted_3$1, toDisplayString(t.plain === "subscription" ? l.value.authorizationSuccess : l.value.paymentSuccess), 1),
+			M.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [createElementVNode("div", _hoisted_5, toDisplayString(l.value.transactionHash), 1), createElementVNode("div", _hoisted_6, [createElementVNode("code", _hoisted_7, toDisplayString(M.value), 1), createElementVNode("button", {
+				onClick: Cn,
 				class: "_cppay-state-copy-btn",
-				title: c.value.copyAddress
+				title: l.value.copyAddress
 			}, [...n[8] ||= [createElementVNode("svg", {
 				viewBox: "0 0 24 24",
 				fill: "none",
@@ -399,74 +378,74 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 				rx: "1",
 				ry: "1"
 			})], -1)]], 8, _hoisted_8)])])) : createCommentVNode("", !0),
-			A.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
-				createElementVNode("div", _hoisted_10, [createElementVNode("span", _hoisted_11, toDisplayString(c.value.orderId), 1), createElementVNode("span", _hoisted_12, toDisplayString(A.value.orderId), 1)]),
-				createElementVNode("div", _hoisted_13, [createElementVNode("span", _hoisted_14, toDisplayString(t.plain === "subscription" ? c.value.authorizationAmount : c.value.paymentAmount), 1), createElementVNode("span", _hoisted_15, toDisplayString(t.plain === "subscription" ? `${R(A.value.approveAmount, L(y.value))} ${y.value}` : `${R(A.value.paymentAmount, L(y.value))} ${y.value}`), 1)]),
-				createElementVNode("div", _hoisted_16, [createElementVNode("span", _hoisted_17, toDisplayString(c.value.paymentNetwork), 1), createElementVNode("span", _hoisted_18, toDisplayString(A.value.paymentChain), 1)]),
-				createElementVNode("div", _hoisted_19, [createElementVNode("span", _hoisted_20, toDisplayString(c.value.paymentToken), 1), createElementVNode("span", _hoisted_21, toDisplayString(A.value.paymentToken), 1)]),
-				t.plain === "subscription" ? (openBlock(), createElementBlock("div", _hoisted_22, [createElementVNode("span", _hoisted_23, toDisplayString(c.value.renewalInterval), 1), createElementVNode("span", _hoisted_24, toDisplayString(A.value.intervalDays) + " " + toDisplayString(c.value.days), 1)])) : createCommentVNode("", !0),
-				createElementVNode("div", _hoisted_25, [createElementVNode("span", _hoisted_26, toDisplayString(t.plain === "subscription" ? c.value.subscriptionId : c.value.paymentId), 1), createElementVNode("span", _hoisted_27, toDisplayString(t.plain === "subscription" ? A.value.subscriptionId : A.value.paymentId), 1)])
+			j.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
+				createElementVNode("div", _hoisted_10, [createElementVNode("span", _hoisted_11, toDisplayString(l.value.orderId), 1), createElementVNode("span", _hoisted_12, toDisplayString(j.value.orderId), 1)]),
+				createElementVNode("div", _hoisted_13, [createElementVNode("span", _hoisted_14, toDisplayString(t.plain === "subscription" ? l.value.authorizationAmount : l.value.paymentAmount), 1), createElementVNode("span", _hoisted_15, toDisplayString(t.plain === "subscription" ? `${z(j.value.approveAmount, R(b.value))} ${b.value}` : `${z(j.value.paymentAmount, R(b.value))} ${b.value}`), 1)]),
+				createElementVNode("div", _hoisted_16, [createElementVNode("span", _hoisted_17, toDisplayString(l.value.paymentNetwork), 1), createElementVNode("span", _hoisted_18, toDisplayString(j.value.paymentChain), 1)]),
+				createElementVNode("div", _hoisted_19, [createElementVNode("span", _hoisted_20, toDisplayString(l.value.paymentToken), 1), createElementVNode("span", _hoisted_21, toDisplayString(j.value.paymentToken), 1)]),
+				t.plain === "subscription" ? (openBlock(), createElementBlock("div", _hoisted_22, [createElementVNode("span", _hoisted_23, toDisplayString(l.value.renewalInterval), 1), createElementVNode("span", _hoisted_24, toDisplayString(j.value.intervalDays) + " " + toDisplayString(l.value.days), 1)])) : createCommentVNode("", !0),
+				createElementVNode("div", _hoisted_25, [createElementVNode("span", _hoisted_26, toDisplayString(t.plain === "subscription" ? l.value.subscriptionId : l.value.paymentId), 1), createElementVNode("span", _hoisted_27, toDisplayString(t.plain === "subscription" ? j.value.subscriptionId : j.value.paymentId), 1)])
 			])) : createCommentVNode("", !0)
-		])]) : f.value === "expired" ? renderSlot(e.$slots, "expired", { key: 1 }, () => [createElementVNode("div", _hoisted_28, [
+		])]) : p.value === "expired" ? renderSlot(e.$slots, "expired", { key: 1 }, () => [createElementVNode("div", _hoisted_28, [
 			n[10] ||= createElementVNode("div", { class: "_cppay-state-expired-bg" }, [createElementVNode("div", { class: "_cppay-state-expired-icon" }, "⏰")], -1),
-			createElementVNode("h3", _hoisted_29, toDisplayString(c.value.paymentExpired), 1),
-			createElementVNode("p", _hoisted_30, toDisplayString(c.value.pleaseInitiatePaymentAgain), 1),
+			createElementVNode("h3", _hoisted_29, toDisplayString(l.value.paymentExpired), 1),
+			createElementVNode("p", _hoisted_30, toDisplayString(l.value.pleaseInitiatePaymentAgain), 1),
 			createElementVNode("button", {
 				onClick: n[0] ||= () => {
-					f.value = "select", Q();
+					p.value = "select", Q();
 				},
-				disabled: p.value || m.value,
+				disabled: m.value || g.value,
 				class: "_cppay-btn _cppay-btn-primary _cppay-state-btn"
-			}, toDisplayString(c.value.returnButton), 9, _hoisted_31)
-		])]) : f.value === "error" ? renderSlot(e.$slots, "error", { key: 2 }, () => [createElementVNode("div", _hoisted_32, [
+			}, toDisplayString(l.value.returnButton), 9, _hoisted_31)
+		])]) : p.value === "error" ? renderSlot(e.$slots, "error", { key: 2 }, () => [createElementVNode("div", _hoisted_32, [
 			n[11] ||= createElementVNode("div", { class: "_cppay-state-error-bg" }, [createElementVNode("div", { class: "_cppay-state-error-icon" }, "!")], -1),
-			createElementVNode("h3", _hoisted_33, toDisplayString(g.value || c.value.error), 1),
-			createElementVNode("p", _hoisted_34, toDisplayString(c.value.checkStatusFailed), 1),
+			createElementVNode("h3", _hoisted_33, toDisplayString(_.value || l.value.error), 1),
+			createElementVNode("p", _hoisted_34, toDisplayString(l.value.checkStatusFailed), 1),
 			createElementVNode("button", {
 				onClick: n[1] ||= () => {
-					f.value = "select", Q();
+					p.value = "select", Q();
 				},
-				disabled: p.value || m.value,
+				disabled: m.value || g.value,
 				class: "_cppay-btn _cppay-btn-primary _cppay-state-btn"
-			}, toDisplayString(c.value.returnButton), 9, _hoisted_35)
-		])]) : f.value === "failed" ? renderSlot(e.$slots, "failed", { key: 3 }, () => [createElementVNode("div", _hoisted_36, [
+			}, toDisplayString(l.value.returnButton), 9, _hoisted_35)
+		])]) : p.value === "failed" ? renderSlot(e.$slots, "failed", { key: 3 }, () => [createElementVNode("div", _hoisted_36, [
 			n[12] ||= createElementVNode("div", { class: "_cppay-state-failed-bg" }, [createElementVNode("div", { class: "_cppay-state-failed-icon" }, "✕")], -1),
-			createElementVNode("h3", _hoisted_37, toDisplayString(c.value.paymentFailed), 1),
-			createElementVNode("p", _hoisted_38, toDisplayString(c.value.pleaseInitiatePaymentAgain), 1),
+			createElementVNode("h3", _hoisted_37, toDisplayString(l.value.paymentFailed), 1),
+			createElementVNode("p", _hoisted_38, toDisplayString(l.value.pleaseInitiatePaymentAgain), 1),
 			createElementVNode("button", {
 				onClick: n[2] ||= () => {
-					f.value = "select", Q();
+					p.value = "select", Q();
 				},
-				disabled: p.value || m.value,
+				disabled: m.value || g.value,
 				class: "_cppay-btn _cppay-btn-primary _cppay-state-btn"
-			}, toDisplayString(c.value.returnButton), 9, _hoisted_39)
-		])]) : f.value === "select" ? (openBlock(), createElementBlock("div", _hoisted_40, [
+			}, toDisplayString(l.value.returnButton), 9, _hoisted_39)
+		])]) : p.value === "select" ? (openBlock(), createElementBlock("div", _hoisted_40, [
 			renderSlot(e.$slots, "choose-top"),
-			createElementVNode("div", _hoisted_41, [createElementVNode("label", _hoisted_42, toDisplayString(c.value.paymentNetwork), 1), createElementVNode("div", _hoisted_43, [(openBlock(!0), createElementBlock(Fragment, null, renderList(_.value, (e) => (openBlock(), createElementBlock("button", {
+			createElementVNode("div", _hoisted_41, [createElementVNode("label", _hoisted_42, toDisplayString(l.value.paymentNetwork), 1), createElementVNode("div", _hoisted_43, [(openBlock(!0), createElementBlock(Fragment, null, renderList(v.value, (e) => (openBlock(), createElementBlock("button", {
 				key: e.chain,
-				onClick: (t) => v.value = e.chain,
-				class: normalizeClass(["_cppay-select-btn", { "_cppay-selected": v.value === e.chain }])
+				onClick: (t) => y.value = e.chain,
+				class: normalizeClass(["_cppay-select-btn", { "_cppay-selected": y.value === e.chain }])
 			}, [e.icon ? (openBlock(), createElementBlock("img", {
 				key: 0,
 				src: e.icon,
 				alt: e.chain
 			}, null, 8, _hoisted_45)) : createCommentVNode("", !0), createElementVNode("span", null, toDisplayString(e.chain), 1)], 10, _hoisted_44))), 128))])]),
-			createElementVNode("div", _hoisted_46, [createElementVNode("label", _hoisted_47, toDisplayString(c.value.paymentToken), 1), createElementVNode("div", _hoisted_48, [(openBlock(!0), createElementBlock(Fragment, null, renderList(F.value, (e) => (openBlock(), createElementBlock("button", {
+			createElementVNode("div", _hoisted_46, [createElementVNode("label", _hoisted_47, toDisplayString(l.value.paymentToken), 1), createElementVNode("div", _hoisted_48, [(openBlock(!0), createElementBlock(Fragment, null, renderList(I.value, (e) => (openBlock(), createElementBlock("button", {
 				key: e.symbol,
-				onClick: (t) => y.value = e.symbol,
-				class: normalizeClass(["_cppay-select-btn", { "_cppay-selected": y.value === e.symbol }])
+				onClick: (t) => b.value = e.symbol,
+				class: normalizeClass(["_cppay-select-btn", { "_cppay-selected": b.value === e.symbol }])
 			}, [e.icon ? (openBlock(), createElementBlock("img", {
 				key: 0,
 				src: e.icon,
 				alt: e.symbol
 			}, null, 8, _hoisted_50)) : createCommentVNode("", !0), createElementVNode("span", null, toDisplayString(e.symbol), 1)], 10, _hoisted_49))), 128))])]),
 			renderSlot(e.$slots, "choose-bottom"),
-			createElementVNode("div", _hoisted_51, [createElementVNode("div", _hoisted_52, [createElementVNode("div", _hoisted_53, [createElementVNode("span", _hoisted_54, toDisplayString(c.value.paymentAmount), 1), createElementVNode("div", _hoisted_55, [createElementVNode("div", _hoisted_56, toDisplayString(H.value ?? "-") + " " + toDisplayString(y.value ?? ""), 1), createElementVNode("div", _hoisted_57, "≈ $" + toDisplayString(t.amount), 1)])])])]),
-			createElementVNode("div", _hoisted_58, [g.value ? (openBlock(), createElementBlock("div", {
+			createElementVNode("div", _hoisted_51, [createElementVNode("div", _hoisted_52, [createElementVNode("div", _hoisted_53, [createElementVNode("span", _hoisted_54, toDisplayString(l.value.paymentAmount), 1), createElementVNode("div", _hoisted_55, [createElementVNode("div", _hoisted_56, toDisplayString(U.value ?? "-") + " " + toDisplayString(b.value ?? ""), 1), createElementVNode("div", _hoisted_57, "≈ $" + toDisplayString(t.amount), 1)])])])]),
+			createElementVNode("div", _hoisted_58, [_.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "_cppay-error-tooltip-wrapper",
-				onMouseenter: n[3] ||= (e) => E.value = !0,
-				onMouseleave: n[4] ||= (e) => E.value = !1
+				onMouseenter: n[3] ||= (e) => D.value = !0,
+				onMouseleave: n[4] ||= (e) => D.value = !1
 			}, [createElementVNode("div", _hoisted_59, [n[13] ||= createElementVNode("svg", {
 				viewBox: "0 0 20 20",
 				fill: "currentColor"
@@ -474,25 +453,24 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 				"fill-rule": "evenodd",
 				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",
 				"clip-rule": "evenodd"
-			})], -1), createElementVNode("span", null, toDisplayString(g.value), 1)]), E.value ? (openBlock(), createElementBlock("div", _hoisted_60, toDisplayString(g.value), 1)) : createCommentVNode("", !0)], 32)) : createCommentVNode("", !0), createElementVNode("button", {
-				onClick: J,
-				disabled: !v.value || !y.value || p.value,
+			})], -1), createElementVNode("span", null, toDisplayString(_.value), 1)]), D.value ? (openBlock(), createElementBlock("div", _hoisted_60, toDisplayString(_.value), 1)) : createCommentVNode("", !0)], 32)) : createCommentVNode("", !0), createElementVNode("button", {
+				onClick: bn,
+				disabled: !y.value || !b.value || m.value,
 				class: "_cppay-btn _cppay-btn-primary"
-			}, toDisplayString(p.value ? c.value.processing : c.value.continuePayment), 9, _hoisted_61)])
+			}, toDisplayString(m.value ? l.value.processing : l.value.continuePayment), 9, _hoisted_61)])
 		])) : (openBlock(), createElementBlock("div", _hoisted_62, [
-			createElementVNode("div", _hoisted_63, [createElementVNode("div", _hoisted_64, [b.value ? (openBlock(), createElementBlock("img", {
-				key: 0,
-				src: b.value,
+			x.value ? (openBlock(), createElementBlock("div", _hoisted_63, [createElementVNode("div", _hoisted_64, [createElementVNode("img", {
+				src: x.value,
 				alt: "Payment QR Code",
 				class: "_cppay-qr-image"
-			}, null, 8, _hoisted_65)) : createCommentVNode("", !0)])]),
+			}, null, 8, _hoisted_65)])])) : createCommentVNode("", !0),
 			createElementVNode("div", _hoisted_66, [
-				I.value ? (openBlock(), createElementBlock("div", _hoisted_67, [createElementVNode("div", _hoisted_68, [createElementVNode("div", _hoisted_69, [createElementVNode("div", _hoisted_70, toDisplayString(t.plain === "subscription" ? c.value.authorizationAmount : c.value.paymentAmount), 1), createElementVNode("div", _hoisted_71, [A.value ? (openBlock(), createElementBlock("span", _hoisted_72, toDisplayString(t.plain === "subscription" ? `${R(A.value.approveAmount, L(I.value.symbol))} ${I.value.symbol}` : `${R(A.value.paymentAmount, L(I.value.symbol))} ${I.value.symbol}`), 1)) : createCommentVNode("", !0), createElementVNode("span", null, "≈ $" + toDisplayString(t.amount), 1)])])])])) : createCommentVNode("", !0),
-				createElementVNode("div", _hoisted_73, [createElementVNode("div", _hoisted_74, [createElementVNode("div", _hoisted_75, [createElementVNode("span", null, toDisplayString(t.plain === "subscription" ? c.value.authorizationContractAddress : c.value.paymentAddress), 1), w.value ? (openBlock(), createElementBlock("span", _hoisted_76, "⏰ " + toDisplayString(w.value), 1)) : createCommentVNode("", !0)]), createElementVNode("div", _hoisted_77, [A.value ? (openBlock(), createElementBlock("code", _hoisted_78, toDisplayString(t.plain === "subscription" ? A.value.spenderAddress : A.value.receiveAddress), 1)) : createCommentVNode("", !0), createElementVNode("button", {
-					onClick: bn,
-					class: normalizeClass(["_cppay-copy-btn", { "_cppay-copy-success": T.value }]),
-					title: T.value ? c.value.copied : c.value.copyAddress
-				}, [T.value ? (openBlock(), createElementBlock("svg", _hoisted_81, [...n[15] ||= [createElementVNode("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }, null, -1)]])) : (openBlock(), createElementBlock("svg", _hoisted_80, [...n[14] ||= [createElementVNode("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }, null, -1), createElementVNode("rect", {
+				L.value ? (openBlock(), createElementBlock("div", _hoisted_67, [createElementVNode("div", _hoisted_68, [createElementVNode("div", _hoisted_69, [createElementVNode("div", _hoisted_70, toDisplayString(t.plain === "subscription" ? l.value.authorizationAmount : l.value.paymentAmount), 1), createElementVNode("div", _hoisted_71, [j.value ? (openBlock(), createElementBlock("span", _hoisted_72, toDisplayString(t.plain === "subscription" ? `${z(j.value.approveAmount, R(L.value.symbol))} ${L.value.symbol}` : `${z(j.value.paymentAmount, R(L.value.symbol))} ${L.value.symbol}`), 1)) : createCommentVNode("", !0), createElementVNode("span", null, "≈ $" + toDisplayString(t.amount), 1)])])])])) : createCommentVNode("", !0),
+				createElementVNode("div", _hoisted_73, [createElementVNode("div", _hoisted_74, [createElementVNode("div", _hoisted_75, [createElementVNode("span", null, toDisplayString(t.plain === "subscription" ? l.value.authorizationContractAddress : l.value.paymentAddress), 1), T.value ? (openBlock(), createElementBlock("span", _hoisted_76, "⏰ " + toDisplayString(T.value), 1)) : createCommentVNode("", !0)]), createElementVNode("div", _hoisted_77, [j.value ? (openBlock(), createElementBlock("code", _hoisted_78, toDisplayString(t.plain === "subscription" ? j.value.spenderAddress : j.value.receiveAddress), 1)) : createCommentVNode("", !0), createElementVNode("button", {
+					onClick: Sn,
+					class: normalizeClass(["_cppay-copy-btn", { "_cppay-copy-success": E.value }]),
+					title: E.value ? l.value.copied : l.value.copyAddress
+				}, [E.value ? (openBlock(), createElementBlock("svg", _hoisted_81, [...n[15] ||= [createElementVNode("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }, null, -1)]])) : (openBlock(), createElementBlock("svg", _hoisted_80, [...n[14] ||= [createElementVNode("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }, null, -1), createElementVNode("rect", {
 					x: "8",
 					y: "2",
 					width: "8",
@@ -500,13 +478,13 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 					rx: "1",
 					ry: "1"
 				}, null, -1)]]))], 10, _hoisted_79)])])]),
-				t.plain === "subscription" ? (openBlock(), createElementBlock("div", _hoisted_82, [createElementVNode("div", _hoisted_83, toDisplayString(c.value.subscriptionNotice), 1), createElementVNode("div", _hoisted_84, toDisplayString(c.value.subscriptionNoticeMessage), 1)])) : createCommentVNode("", !0)
+				t.plain === "subscription" ? (openBlock(), createElementBlock("div", _hoisted_82, [createElementVNode("div", _hoisted_83, toDisplayString(l.value.subscriptionNotice), 1), createElementVNode("div", _hoisted_84, toDisplayString(l.value.subscriptionNoticeMessage), 1)])) : createCommentVNode("", !0)
 			]),
-			g.value ? (openBlock(), createElementBlock("div", {
-				key: 0,
+			_.value ? (openBlock(), createElementBlock("div", {
+				key: 1,
 				class: "_cppay-error-tooltip-wrapper",
-				onMouseenter: n[5] ||= (e) => E.value = !0,
-				onMouseleave: n[6] ||= (e) => E.value = !1
+				onMouseenter: n[5] ||= (e) => D.value = !0,
+				onMouseleave: n[6] ||= (e) => D.value = !1
 			}, [createElementVNode("div", _hoisted_85, [n[16] ||= createElementVNode("svg", {
 				viewBox: "0 0 20 20",
 				fill: "currentColor"
@@ -514,17 +492,17 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 				"fill-rule": "evenodd",
 				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",
 				"clip-rule": "evenodd"
-			})], -1), createElementVNode("span", null, toDisplayString(g.value), 1)]), E.value ? (openBlock(), createElementBlock("div", _hoisted_86, toDisplayString(g.value), 1)) : createCommentVNode("", !0)], 32)) : createCommentVNode("", !0),
-			m.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_87, [x.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("button", {
-				onClick: q,
-				disabled: p.value,
+			})], -1), createElementVNode("span", null, toDisplayString(_.value), 1)]), D.value ? (openBlock(), createElementBlock("div", _hoisted_86, toDisplayString(_.value), 1)) : createCommentVNode("", !0)], 32)) : createCommentVNode("", !0),
+			g.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_87, [S.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("button", {
+				onClick: J,
+				disabled: m.value,
 				class: "_cppay-btn _cppay-btn-primary"
-			}, toDisplayString(p.value ? t.plain === "subscription" ? c.value.authorizing : c.value.processing : (t.plain, c.value.walletPay)), 9, _hoisted_89), createElementVNode("button", {
-				onClick: N,
-				disabled: p.value,
+			}, toDisplayString(m.value ? t.plain === "subscription" ? l.value.authorizing : l.value.processing : t.plain === "subscription" ? l.value.walletAuthorize : l.value.walletPay), 9, _hoisted_89), createElementVNode("button", {
+				onClick: P,
+				disabled: m.value,
 				class: "_cppay-btn _cppay-wallet-address-btn",
-				title: c.value.clickToModifyWallet
-			}, [createElementVNode("span", _hoisted_91, toDisplayString(x.value.slice(0, 10)) + "..." + toDisplayString(x.value.slice(-4)), 1), n[17] ||= createElementVNode("svg", {
+				title: l.value.clickToModifyWallet
+			}, [createElementVNode("span", _hoisted_91, toDisplayString(S.value.slice(0, 10)) + "..." + toDisplayString(S.value.slice(-4)), 1), n[17] ||= createElementVNode("svg", {
 				class: "_cppay-wallet-arrow",
 				viewBox: "0 0 24 24",
 				fill: "none",
@@ -532,15 +510,15 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 				"stroke-width": "2"
 			}, [createElementVNode("polyline", { points: "6 9 12 15 18 9" })], -1)], 8, _hoisted_90)], 64)) : (openBlock(), createElementBlock("button", {
 				key: 0,
-				onClick: N,
-				disabled: S.value,
+				onClick: P,
+				disabled: C.value,
 				class: "_cppay-btn _cppay-btn-secondary _cppay-connect-wallet-btn"
-			}, [createElementVNode("span", null, toDisplayString(S.value ? c.value.processing : c.value.connectWallet), 1)], 8, _hoisted_88))])),
+			}, [createElementVNode("span", null, toDisplayString(C.value ? l.value.processing : l.value.connectWallet), 1)], 8, _hoisted_88))])),
 			createElementVNode("div", _hoisted_92, [createElementVNode("button", {
-				onClick: Y,
-				disabled: m.value,
+				onClick: xn,
+				disabled: g.value,
 				class: "_cppay-btn _cppay-btn-primary"
-			}, [m.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [n[18] ||= createElementVNode("svg", {
+			}, [g.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [n[18] ||= createElementVNode("svg", {
 				class: "_cppay-spinner",
 				viewBox: "0 0 24 24",
 				fill: "none",
@@ -557,15 +535,15 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 				stroke: "currentColor",
 				"stroke-width": "3",
 				"stroke-linecap": "round"
-			})], -1), createTextVNode(" " + toDisplayString(c.value.checking), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(c.value.completedPayment), 1)], 64))], 8, _hoisted_93)]),
+			})], -1), createTextVNode(" " + toDisplayString(l.value.checking), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(l.value.completedPayment), 1)], 64))], 8, _hoisted_93)]),
 			n[19] ||= createElementVNode("hr", { class: "_cppay-divider" }, null, -1),
 			createElementVNode("div", _hoisted_94, [createElementVNode("button", {
 				onClick: n[7] ||= () => {
-					f.value = "select", Q();
+					p.value = "select", Q();
 				},
-				disabled: p.value || m.value,
+				disabled: m.value || g.value,
 				class: "_cppay-btn _cppay-btn-text"
-			}, toDisplayString(c.value.changePaymentMethod), 9, _hoisted_95)])
+			}, toDisplayString(l.value.changePaymentMethod), 9, _hoisted_95)])
 		]))]));
 	}
 }), _hoisted_1 = { class: "_cppay-dialog" }, _hoisted_2 = { class: "_cppay-header" }, _hoisted_3 = { class: "_cppay-title" }, _hoisted_4 = ["disabled"], PaymentDialog_default = /* @__PURE__ */ defineComponent({
@@ -588,40 +566,40 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 		"error"
 	],
 	setup(e, { emit: t }) {
-		let n = e, i = t, a = computed(() => getLocaleMessages(n.locale)), s = ref("select"), c = computed(() => s.value !== "checking");
+		let n = e, i = t, o = computed(() => getLocaleMessages(n.locale)), c = ref("select"), l = computed(() => c.value !== "checking");
 		watch(() => n.modelValue, (e) => {
-			e || (s.value = "select");
+			e || (c.value = "select");
 		});
-		let l = (e) => {
-			s.value = e;
+		let u = (e) => {
+			c.value = e;
 		};
 		onMounted(() => {
 			let e = (e) => {
-				e.key === "Escape" && n.modelValue && !c.value && u();
+				e.key === "Escape" && n.modelValue && !l.value && d();
 			};
 			return window.addEventListener("keydown", e), () => {
 				window.removeEventListener("keydown", e);
 			};
 		});
-		let u = () => {
-			c.value && i("update:modelValue", !1);
-		}, d = () => {
-			switch (s.value) {
-				case "success": return a.value.paymentResult;
-				case "expired": return a.value.paymentExpired;
-				case "failed": return a.value.paymentFailed;
-				case "error": return a.value.error;
-				case "payment": return a.value.completePayment;
-				default: return a.value.selectPaymentMethod;
+		let d = () => {
+			l.value && i("update:modelValue", !1);
+		}, f = () => {
+			switch (c.value) {
+				case "success": return o.value.paymentResult;
+				case "expired": return o.value.paymentExpired;
+				case "failed": return o.value.paymentFailed;
+				case "error": return o.value.error;
+				case "payment": return o.value.completePayment;
+				default: return o.value.selectPaymentMethod;
 			}
 		};
 		return (t, n) => e.modelValue ? (openBlock(), createElementBlock("div", {
 			key: 0,
 			class: "_cppay-overlay",
-			onClick: n[4] ||= (e) => e.target === e.currentTarget && u()
-		}, [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("h2", _hoisted_3, toDisplayString(d()), 1), createElementVNode("button", {
-			onClick: u,
-			disabled: !c.value,
+			onClick: n[4] ||= (e) => e.target === e.currentTarget && d()
+		}, [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("h2", _hoisted_3, toDisplayString(f()), 1), createElementVNode("button", {
+			onClick: d,
+			disabled: !l.value,
 			class: "_cppay-close-btn"
 		}, [...n[5] ||= [createElementVNode("svg", {
 			fill: "none",
@@ -641,7 +619,7 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 			plain: e.plain,
 			intervalDays: e.intervalDays,
 			locale: e.locale,
-			"onUpdate:paymentStep": l,
+			"onUpdate:paymentStep": u,
 			onSuccess: n[0] ||= (e) => i("success", e),
 			onExpired: n[1] ||= (e) => i("expired", e),
 			onFailed: n[2] ||= (e) => i("failed", e),