cppay-sdk 0.0.2-beta.25 → 0.0.2-beta.27

package/dist/vue.js

@@ -1,13 +1,10 @@
-import { o as __toESM } from "./chunk-2qRSBEuq.js";
+import { _ as __toESM, a as base, c as tap, d as expand, f as require_browser, i as bsc, l as switchMap, m as payment_dialog_default, n as optimism, o as arbitrum, p as injectStyle, r as mainnet, s as timeout, t as polygon, u as retry } from "./polygon-1pLQCNfb.js";
 import { t as cppay_default } from "./cppay-BcCDwXlg.js";
-import { a as injectStyle, i as require_browser, n as metamask_default, o as payment_dialog_default, r as E, t as walletconnect_default } from "./walletconnect-Bb4rv9-G.js";
-import "./dijkstra-kFl0HtsI.js";
-import "./index.es-DDV8bPq_.js";
-import { Fragment, Teleport, Transition, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, h, normalizeClass, onUnmounted, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
+import { Fragment, Teleport, Transition, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, h, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, toDisplayString, watch, withCtx, withModifiers } from "vue";
 import { EMPTY, defer, timer } from "rxjs";
-import { expand, retry, switchMap, tap, timeout } from "rxjs/operators";
 import { createWalletClient, custom, 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";
 var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), _hoisted_1 = { class: "_cppay-dialog" }, _hoisted_2 = { class: "_cppay-header" }, _hoisted_3 = { class: "_cppay-title" }, _hoisted_4 = ["disabled"], _hoisted_5 = { class: "_cppay-content" }, _hoisted_6 = {
 	key: 0,
 	style: {
@@ -22,27 +19,25 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), _hoisted_1 =
 } }, _hoisted_8 = { style: {
 	color: "#6b7280",
 	margin: "0"
-} }, _hoisted_9 = { key: 1 }, _hoisted_10 = { class: "_cppay-section" }, _hoisted_11 = { class: "_cppay-grid" }, _hoisted_12 = ["onClick"], _hoisted_13 = ["src", "alt"], _hoisted_14 = { class: "_cppay-section" }, _hoisted_15 = { class: "_cppay-grid" }, _hoisted_16 = ["onClick"], _hoisted_17 = ["src", "alt"], _hoisted_18 = { class: "_cppay-section" }, _hoisted_19 = { class: "_cppay-price-box" }, _hoisted_20 = { class: "_cppay-price-row" }, _hoisted_21 = { class: "_cppay-price-amount" }, _hoisted_22 = { class: "_cppay-price-main" }, _hoisted_23 = { class: "_cppay-price-sub" }, _hoisted_24 = { class: "_cppay-section" }, _hoisted_25 = ["disabled"], _hoisted_26 = { key: 2 }, _hoisted_27 = { class: "_cppay-qr-container" }, _hoisted_28 = { class: "_cppay-qr-code" }, _hoisted_29 = ["src"], _hoisted_30 = { class: "_cppay-section" }, _hoisted_31 = { class: "_cppay-info-box" }, _hoisted_32 = { class: "_cppay-info-label" }, _hoisted_33 = { class: "_cppay-info-value" }, _hoisted_34 = { class: "_cppay-info-box" }, _hoisted_35 = { class: "_cppay-info-label" }, _hoisted_36 = { class: "_cppay-address-row" }, _hoisted_37 = {
+} }, _hoisted_9 = { key: 1 }, _hoisted_10 = { class: "_cppay-section" }, _hoisted_11 = { class: "_cppay-grid" }, _hoisted_12 = ["onClick"], _hoisted_13 = ["src", "alt"], _hoisted_14 = { class: "_cppay-section" }, _hoisted_15 = { class: "_cppay-grid" }, _hoisted_16 = ["onClick"], _hoisted_17 = ["src", "alt"], _hoisted_18 = { class: "_cppay-section" }, _hoisted_19 = { class: "_cppay-price-box" }, _hoisted_20 = { class: "_cppay-price-row" }, _hoisted_21 = { class: "_cppay-price-amount" }, _hoisted_22 = { class: "_cppay-price-main" }, _hoisted_23 = { class: "_cppay-price-sub" }, _hoisted_24 = { class: "_cppay-section" }, _hoisted_25 = ["disabled"], _hoisted_26 = { key: 2 }, _hoisted_27 = { class: "_cppay-qr-container" }, _hoisted_28 = { class: "_cppay-qr-code" }, _hoisted_29 = ["src"], _hoisted_30 = { class: "_cppay-section" }, _hoisted_31 = {
 	key: 0,
+	class: "_cppay-info-box"
+}, _hoisted_32 = { class: "_cppay-info-label" }, _hoisted_33 = { class: "_cppay-info-value" }, _hoisted_34 = { class: "_cppay-info-box" }, _hoisted_35 = { class: "_cppay-info-label" }, _hoisted_36 = { class: "_cppay-address-row" }, _hoisted_37 = {
+	key: 1,
 	class: "_cppay-info-box",
 	style: {
 		background: "#fff3cd",
 		"border-color": "#ffc107"
 	}
-}, _hoisted_38 = { class: "_cppay-section" }, _hoisted_39 = {
+}, _hoisted_38 = {
 	key: 0,
-	style: {
-		display: "flex",
-		"flex-direction": "row",
-		gap: "0.5rem",
-		"justify-content": "center"
-	}
-}, _hoisted_40 = ["disabled"], _hoisted_41 = ["src"], _hoisted_42 = ["disabled"], _hoisted_43 = ["src"], _hoisted_44 = { key: 1 }, _hoisted_45 = ["disabled"], _hoisted_46 = { style: {
+	class: "_cppay-section"
+}, _hoisted_39 = ["disabled"], _hoisted_40 = { key: 1 }, _hoisted_41 = { class: "_cppay-btn-container" }, _hoisted_42 = ["disabled"], _hoisted_43 = ["disabled"], _hoisted_44 = { style: {
 	"text-align": "center",
 	"margin-top": "8px",
 	"font-size": "12px",
 	color: "#666"
-} }, _hoisted_47 = { class: "_cppay-section" }, _hoisted_48 = ["disabled"], _hoisted_49 = { class: "_cppay-section" }, _hoisted_50 = ["disabled"], PaymentDialog_default = /* @__PURE__ */ ((e, _) => {
+} }, _hoisted_45 = { class: "_cppay-section" }, _hoisted_46 = ["disabled"], _hoisted_47 = { class: "_cppay-section" }, _hoisted_48 = ["disabled"], PaymentDialog_default = /* @__PURE__ */ ((e, _) => {
 	let v = e.__vccOpts || e;
 	for (let [e, y] of _) v[e] = y;
 	return v;
@@ -61,8 +56,8 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), _hoisted_1 =
 		"success",
 		"error"
 	],
-	setup(e, { emit: v }) {
-		let y = e, b = v, x = new cppay_default(y.apikey), S = ref("select"), C = ref(!1), w = ref([]), T = ref(""), D = ref(""), O = ref(null), k = ref(""), A = ref(""), j = ref(!1), M = ref(!0), N = ref(null), P = ref(null), F = ref(null), I = computed(() => w.value.find((e) => e.chain === T.value)), L = computed(() => I.value?.tokens || []), R = computed(() => L.value.find((e) => e.symbol === D.value)), z = (e) => [
+	setup(e, { emit: b }) {
+		let x = e, S = b, C = new cppay_default(x.apikey), w = ref("select"), T = ref(!1), E = ref(!1), D = ref([]), O = ref(), k = ref(), A = ref(null), j = ref(), M = ref(), N = ref(!1), P = ref(), F = ref(null), I, L = computed(() => D.value.find((e) => e.chain === O.value)), R = computed(() => L.value?.tokens || []), z = computed(() => R.value.find((e) => e.symbol === k.value)), B = (e) => [
 			"USDT",
 			"USDC",
 			"BUSD",
@@ -70,96 +65,69 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), _hoisted_1 =
 			"TUSD",
 			"USDD",
 			"FDUSD"
-		].includes(e.toUpperCase()) ? 2 : 6, B = (e, _) => {
+		].includes(e.toUpperCase()) ? 2 : 6, V = (e, _) => {
 			let v = parseFloat(e);
 			return isNaN(v) ? "0" : v.toFixed(_).replace(/\.?0+$/, "");
-		}, V = computed(() => {
-			if (!D.value || !R.value) return "0";
-			let e = parseFloat(R.value.price);
+		}, H = computed(() => {
+			if (!k.value || !z.value) return "0";
+			let e = parseFloat(z.value.price);
 			if (isNaN(e) || e === 0) return "0";
-			let _ = z(D.value);
-			return B((parseFloat(y.amount) / e).toFixed(_), _);
-		}), H = () => {
-			O.value && (C.value = !0, y.plain === "one-time" ? Q(O.value.paymentId) : y.plain === "subscription" && Q(O.value.subscriptionId));
-		}, U = () => {
-			C.value || (b("update:modelValue", !1), setTimeout(() => {
-				S.value = "select", O.value = null;
+			let _ = B(k.value);
+			return V((parseFloat(x.amount) / e).toFixed(_), _);
+		}), U = () => {
+			A.value && (E.value = !0, x.plain === "one-time" ? Q(A.value.paymentId) : x.plain === "subscription" && Q(A.value.subscriptionId));
+		}, W = () => {
+			T.value || E.value || (S("update:modelValue", !1), setTimeout(() => {
+				w.value = "select", A.value = null;
 			}, 300));
-		}, W = async () => {
+		}, G = async () => {
 			try {
-				C.value = !0, w.value = await x.getSupportedChains(), w.value.length > 0 && (T.value = w.value[0].chain);
+				T.value = !0, D.value = await C.getSupportedChains(), D.value.length > 0 && (O.value = D.value[0].chain);
 			} catch (e) {
-				b("error", e);
+				S("error", e);
 			} finally {
-				C.value = !1;
+				T.value = !1;
 			}
-		}, G = (e) => ({
-			ETH: mainnet,
-			BSC: bsc,
-			Polygon: polygon,
-			Arbitrum: arbitrum,
-			Optimism: optimism,
-			Base: base
-		})[e] || mainnet, K = async (e) => {
+		};
+		onMounted(() => {
+			typeof window < "u" && !I && (I = createAppKit({
+				debug: !1,
+				enableNetworkSwitch: !1,
+				adapters: [new EthersAdapter()],
+				projectId: "8d2e1854d3f1782e45aa15fbd8938894",
+				allowUnsupportedChain: !0,
+				networks: [
+					mainnet,
+					bsc,
+					polygon,
+					arbitrum,
+					optimism,
+					base
+				],
+				metadata: {
+					name: "Cppay",
+					description: "Cppay Payment Gateway",
+					url: window.location.origin,
+					icons: ["https://cppay.com/icon.png"]
+				},
+				features: { analytics: !1 }
+			}), P.value = I.getProvider("eip155"), M.value = I.getAddress(), I.subscribeAccount((e) => {
+				e.isConnected ? M.value = e.address : (M.value = void 0, P.value = void 0);
+			}), I.subscribeProviders((e) => {
+				P.value = e?.eip155;
+			}));
+		});
+		let K = async () => {
 			try {
-				if (j.value = !0, e === "metamask") {
-					if (typeof window < "u" && window.ethereum?.isMetaMask) {
-						let e = await window.ethereum.request({ method: "eth_requestAccounts" });
-						if (e && e.length > 0) {
-							A.value = e[0], N.value = "metamask", M.value = !1;
-							return;
-						}
-					}
-					throw Error("请安装 MetaMask 扩展");
-				}
-				if (e === "walletconnect") {
-					let e = await E.init({
-						projectId: "8d2e1854d3f1782e45aa15fbd8938894",
-						chains: [1],
-						showQrModal: !0,
-						optionalChains: [
-							56,
-							137,
-							42161,
-							10,
-							8453
-						],
-						methods: [
-							"eth_sendTransaction",
-							"eth_signTransaction",
-							"eth_sign",
-							"personal_sign",
-							"eth_signTypedData"
-						],
-						events: ["chainChanged", "accountsChanged"],
-						metadata: {
-							name: "Cppay",
-							description: "Cppay Payment Gateway",
-							url: typeof window < "u" ? window.location.origin : "https://cppay.com",
-							icons: ["https://cppay.com/icon.png"]
-						},
-						rpcMap: {
-							1: "https://ethereum.publicnode.com",
-							56: "https://bsc-dataseed.binance.org",
-							137: "https://polygon-rpc.com",
-							42161: "https://arb1.arbitrum.io/rpc",
-							10: "https://mainnet.optimism.io",
-							8453: "https://mainnet.base.org"
-						}
-					});
-					await e.enable();
-					let _ = await e.request({ method: "eth_accounts" });
-					_ && _.length > 0 && (A.value = _[0], N.value = "walletconnect", P.value = e, M.value = !1);
-				}
+				N.value = !0, I && await I.open();
 			} catch (e) {
-				console.error("钱包连接失败:", e), b("error", e);
+				console.error("钱包连接失败:", e), S("error", e);
 			} finally {
-				j.value = !1;
+				N.value = !1;
 			}
 		}, q = async (e) => {
-			let _;
-			if (_ = N.value === "walletconnect" ? P.value : window.ethereum, _) try {
-				await _.request({
+			if (P.value) try {
+				await P.value.request({
 					method: "wallet_switchEthereumChain",
 					params: [{ chainId: `0x${e.toString(16)}` }]
 				});
@@ -167,18 +135,17 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), _hoisted_1 =
 				throw e.code === 4902 ? Error("请在钱包中添加该网络") : e;
 			}
 		}, J = async () => {
-			if (!(!A.value || !O.value || !R.value)) try {
-				C.value = !0;
-				let e = O.value, _ = G(T.value);
-				await q(I.value.chainId);
-				let v = createWalletClient({
-					account: A.value,
-					chain: _,
-					transport: custom(N.value === "walletconnect" ? P.value : window.ethereum)
+			if (!(!M.value || !P.value || !A.value || !z.value || !L.value)) try {
+				T.value = !0;
+				let e = A.value;
+				await q(L.value.chainId);
+				let _ = createWalletClient({
+					account: M.value,
+					transport: custom(P.value)
 				});
-				if (R.value.address) {
-					let _ = await v.writeContract({
-						address: R.value.address,
+				if (z.value.address) {
+					let v = await _.writeContract({
+						address: z.value.address,
 						abi: [{
 							name: "transfer",
 							type: "function",
@@ -193,37 +160,34 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), _hoisted_1 =
 							outputs: [{ type: "bool" }]
 						}],
 						functionName: "transfer",
-						args: [e.receiveAddress, parseUnits(e.paymentAmount, R.value.decimals)],
+						args: [e.receiveAddress, parseUnits(e.paymentAmount, z.value.decimals)],
 						chain: null
 					});
-					console.log("转账交易哈希:", _);
+					console.log("转账交易哈希:", v);
 				} else {
-					let _ = await v.sendTransaction({
+					let v = await _.sendTransaction({
 						to: e.receiveAddress,
-						value: parseUnits(e.paymentAmount, R.value.decimals),
+						value: parseUnits(e.paymentAmount, z.value.decimals),
 						chain: null
 					});
-					console.log("转账交易哈希:", _);
+					console.log("转账交易哈希:", v);
 				}
-				Q(e.paymentId);
+				T.value = !1, E.value = !0, Q(e.paymentId);
 			} catch (e) {
-				console.error("钱包支付失败:", e), b("error", e);
-			} finally {
-				C.value = !1;
+				console.error("钱包支付失败:", e), S("error", e), T.value = !1;
 			}
 		}, Y = async () => {
-			if (!(!A.value || !O.value || !R.value)) try {
-				C.value = !0;
-				let e = O.value, _ = G(T.value);
-				await q(I.value.chainId);
-				let v = createWalletClient({
-					account: A.value,
-					chain: _,
-					transport: custom(N.value === "walletconnect" ? P.value : window.ethereum)
+			if (!(!M.value || !P.value || !A.value || !z.value || !L.value)) try {
+				T.value = !0;
+				let e = A.value;
+				await q(L.value.chainId);
+				let _ = createWalletClient({
+					account: M.value,
+					transport: custom(P.value)
 				});
-				if (!R.value.address) throw Error("订阅支付不支持原生代币");
-				let y = await v.writeContract({
-					address: R.value.address,
+				if (!z.value.address) throw Error("订阅支付不支持原生代币");
+				let v = await _.writeContract({
+					address: z.value.address,
 					abi: [{
 						name: "approve",
 						type: "function",
@@ -238,83 +202,81 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), _hoisted_1 =
 						outputs: [{ type: "bool" }]
 					}],
 					functionName: "approve",
-					args: [e.receiveAddress, parseUnits(e.paymentAmount, R.value.decimals)],
+					args: [e.receiveAddress, parseUnits(e.paymentAmount, z.value.decimals)],
 					chain: null
 				});
-				console.log("授权交易哈希:", y), Q(e.paymentId);
+				console.log("授权交易哈希:", v), T.value = !1, E.value = !0, Q(e.paymentId);
 			} catch (e) {
-				console.error("钱包授权失败:", e), b("error", e);
-			} finally {
-				C.value = !1;
+				console.error("钱包授权失败:", e), S("error", e), T.value = !1;
 			}
 		}, X = async () => {
-			if (!A.value) {
-				M.value = !0;
+			if (!M.value) {
+				await K();
 				return;
 			}
-			y.plain === "one-time" ? await J() : y.plain === "subscription" && await Y();
+			x.plain === "one-time" ? await J() : x.plain === "subscription" && await Y();
 		}, Z = async () => {
-			if (!(!T.value || !D.value)) try {
-				C.value = !0;
+			if (!(!O.value || !k.value)) try {
+				T.value = !0;
 				let e;
-				y.plain === "one-time" ? e = await x.createPayment("one-time", {
-					paymentChain: T.value,
-					paymentToken: D.value,
-					orderId: y.orderId,
-					amount: V.value
-				}) : y.plain === "subscription" && (e = await x.createPayment("subscription", {
-					paymentChain: T.value,
-					paymentToken: D.value,
-					orderId: y.orderId,
-					amountOfUsd: V.value,
-					intervalDays: y.intervalDays || 30
-				})), O.value = {
+				x.plain === "one-time" ? e = await C.createPayment("one-time", {
+					paymentChain: O.value,
+					paymentToken: k.value,
+					orderId: x.orderId,
+					amount: H.value
+				}) : x.plain === "subscription" && (e = await C.createPayment("subscription", {
+					paymentChain: O.value,
+					paymentToken: k.value,
+					orderId: x.orderId,
+					amountOfUsd: H.value,
+					intervalDays: x.intervalDays || 30
+				})), A.value = {
 					paymentId: e.paymentId || e.subscriptionId,
 					paymentAmount: e.paymentAmount || e.approveAmount,
 					receiveAddress: e.receiveAddress || e.spenderAddress || ""
 				};
-				let _ = `${T.value.toLowerCase()}:${O.value.receiveAddress}?amount=${O.value.paymentAmount}`;
-				k.value = await import_browser.toDataURL(_, {
+				let _ = `${O.value.toLowerCase()}:${A.value.receiveAddress}?amount=${A.value.paymentAmount}`;
+				j.value = await import_browser.toDataURL(_, {
 					width: 200,
 					margin: 2,
 					errorCorrectionLevel: "H"
-				}), S.value = "payment";
+				}), w.value = "payment";
 			} catch (e) {
-				b("error", e);
+				S("error", e);
 			} finally {
-				C.value = !1;
+				T.value = !1;
 			}
 		}, Q = (e) => {
-			let _ = () => defer(() => y.plain === "subscription" ? x.checkSubscriptionPaymentStatus({ subscriptionId: e }) : x.checkOnetimePaymentStatus({ paymentId: e })).pipe(timeout(15e3), retry({
+			let _ = () => defer(() => x.plain === "subscription" ? C.checkSubscriptionPaymentStatus({ subscriptionId: e }) : C.checkOnetimePaymentStatus({ paymentId: e })).pipe(timeout(15e3), retry({
 				count: 3,
 				delay: 2e3
 			}));
 			F.value?.unsubscribe(), F.value = _().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => _())) : EMPTY), tap((e) => {
-				e.status === "expired" && (C.value = !1), e.status === "paid" && (C.value = !1, S.value = "success", b("success", e)), e.status === "failed" && (C.value = !1), e.status === "approved" && (C.value = !1, S.value = "success", b("success", e));
+				e.status === "expired" && (E.value = !1), e.status === "paid" && (E.value = !1, w.value = "success", S("success", e)), e.status === "failed" && (E.value = !1), e.status === "approved" && (E.value = !1, w.value = "success", S("success", e));
 			})).subscribe({ error: (e) => {
-				console.error("支付状态检查错误:", e), C.value = !1, b("error", e);
+				console.error("支付状态检查错误:", e), E.value = !1, S("error", e);
 			} });
 		}, $ = async () => {
-			O.value?.receiveAddress && await navigator.clipboard.writeText(O.value.receiveAddress);
+			A.value?.receiveAddress && await navigator.clipboard.writeText(A.value.receiveAddress);
 		};
-		return watch(() => y.modelValue, (e) => {
-			e && w.value.length === 0 && W();
-		}), watch(T, () => {
-			L.value.length > 0 && (D.value = L.value[0].symbol);
-		}), watch(S, (e) => {
-			e === "payment" && O.value && Q(O.value.paymentId);
+		return watch(() => x.modelValue, (e) => {
+			e && D.value.length === 0 && G();
+		}), watch(O, () => {
+			R.value.length > 0 && (k.value = R.value[0].symbol);
+		}), watch(w, (e) => {
+			e === "payment" && A.value && Q(A.value.paymentId);
 		}), onUnmounted(() => {
 			F.value?.unsubscribe();
 		}), (_, v) => (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: "_cppay-fade" }, {
 			default: withCtx(() => [e.modelValue ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "_cppay-overlay",
-				onClick: v[3] ||= withModifiers((e) => !C.value && U(), ["self"])
-			}, [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("h2", _hoisted_3, toDisplayString(S.value === "select" ? "选择支付方式" : S.value === "success" ? "支付结果" : "完成支付"), 1), createElementVNode("button", {
-				onClick: U,
+				onClick: v[1] ||= withModifiers((e) => !T.value && !E.value && W(), ["self"])
+			}, [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("h2", _hoisted_3, toDisplayString(w.value === "select" ? "选择支付方式" : w.value === "success" ? "支付结果" : "完成支付"), 1), createElementVNode("button", {
+				onClick: W,
 				class: "_cppay-close-btn",
-				disabled: C.value
-			}, [...v[4] ||= [createElementVNode("svg", {
+				disabled: T.value || E.value
+			}, [...v[2] ||= [createElementVNode("svg", {
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24"
@@ -323,42 +285,42 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), _hoisted_1 =
 				"stroke-linejoin": "round",
 				"stroke-width": "2",
 				d: "M6 18L18 6M6 6l12 12"
-			})], -1)]], 8, _hoisted_4)]), createElementVNode("div", _hoisted_5, [S.value === "success" ? (openBlock(), createElementBlock("div", _hoisted_6, [
-				v[5] ||= createElementVNode("div", { style: {
+			})], -1)]], 8, _hoisted_4)]), createElementVNode("div", _hoisted_5, [w.value === "success" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+				v[3] ||= createElementVNode("div", { style: {
 					"font-size": "64px",
 					"margin-bottom": "1rem"
 				} }, "✅", -1),
-				createElementVNode("h3", _hoisted_7, toDisplayString(y.plain === "subscription" ? "授权成功!" : "支付成功!"), 1),
-				createElementVNode("p", _hoisted_8, toDisplayString(y.plain === "subscription" ? "订阅已激活" : "交易已完成"), 1)
-			])) : createCommentVNode("", !0), S.value === "select" ? (openBlock(), createElementBlock("div", _hoisted_9, [
-				createElementVNode("div", _hoisted_10, [v[6] ||= createElementVNode("label", { class: "_cppay-label" }, "支付网络", -1), createElementVNode("div", _hoisted_11, [(openBlock(!0), createElementBlock(Fragment, null, renderList(w.value, (e) => (openBlock(), createElementBlock("button", {
+				createElementVNode("h3", _hoisted_7, toDisplayString(x.plain === "subscription" ? "授权成功!" : "支付成功!"), 1),
+				createElementVNode("p", _hoisted_8, toDisplayString(x.plain === "subscription" ? "订阅已激活" : "交易已完成"), 1)
+			])) : createCommentVNode("", !0), w.value === "select" ? (openBlock(), createElementBlock("div", _hoisted_9, [
+				createElementVNode("div", _hoisted_10, [v[4] ||= createElementVNode("label", { class: "_cppay-label" }, "支付网络", -1), createElementVNode("div", _hoisted_11, [(openBlock(!0), createElementBlock(Fragment, null, renderList(D.value, (e) => (openBlock(), createElementBlock("button", {
 					key: e.chain,
-					onClick: (_) => T.value = e.chain,
-					class: normalizeClass(["_cppay-select-btn", T.value === e.chain ? "_cppay-selected" : ""])
+					onClick: (_) => O.value = e.chain,
+					class: normalizeClass(["_cppay-select-btn", O.value === e.chain ? "_cppay-selected" : ""])
 				}, [e.icon ? (openBlock(), createElementBlock("img", {
 					key: 0,
 					src: e.icon,
 					alt: e.chain
 				}, null, 8, _hoisted_13)) : createCommentVNode("", !0), createElementVNode("span", null, toDisplayString(e.chain), 1)], 10, _hoisted_12))), 128))])]),
-				createElementVNode("div", _hoisted_14, [v[7] ||= createElementVNode("label", { class: "_cppay-label" }, "支付代币", -1), createElementVNode("div", _hoisted_15, [(openBlock(!0), createElementBlock(Fragment, null, renderList(L.value, (e) => (openBlock(), createElementBlock("button", {
+				createElementVNode("div", _hoisted_14, [v[5] ||= createElementVNode("label", { class: "_cppay-label" }, "支付代币", -1), createElementVNode("div", _hoisted_15, [(openBlock(!0), createElementBlock(Fragment, null, renderList(R.value, (e) => (openBlock(), createElementBlock("button", {
 					key: e.symbol,
-					onClick: (_) => D.value = e.symbol,
-					class: normalizeClass(["_cppay-select-btn", D.value === e.symbol ? "_cppay-selected" : ""])
+					onClick: (_) => k.value = e.symbol,
+					class: normalizeClass(["_cppay-select-btn", k.value === e.symbol ? "_cppay-selected" : ""])
 				}, [e.icon ? (openBlock(), createElementBlock("img", {
 					key: 0,
 					src: e.icon,
 					alt: e.symbol
 				}, null, 8, _hoisted_17)) : createCommentVNode("", !0), createElementVNode("span", null, toDisplayString(e.symbol), 1)], 10, _hoisted_16))), 128))])]),
-				createElementVNode("div", _hoisted_18, [createElementVNode("div", _hoisted_19, [createElementVNode("div", _hoisted_20, [v[8] ||= createElementVNode("span", { class: "_cppay-price-label" }, "支付金额", -1), createElementVNode("div", _hoisted_21, [createElementVNode("div", _hoisted_22, toDisplayString(V.value) + " " + toDisplayString(D.value), 1), createElementVNode("div", _hoisted_23, "≈ $" + toDisplayString(e.amount), 1)])])])]),
+				createElementVNode("div", _hoisted_18, [createElementVNode("div", _hoisted_19, [createElementVNode("div", _hoisted_20, [v[6] ||= createElementVNode("span", { class: "_cppay-price-label" }, "支付金额", -1), createElementVNode("div", _hoisted_21, [createElementVNode("div", _hoisted_22, toDisplayString(H.value ?? "-") + " " + toDisplayString(k.value ?? ""), 1), createElementVNode("div", _hoisted_23, "≈ $" + toDisplayString(e.amount), 1)])])])]),
 				createElementVNode("div", _hoisted_24, [createElementVNode("button", {
 					onClick: Z,
-					disabled: !T.value || !D.value || C.value,
+					disabled: !O.value || !k.value || T.value,
 					class: "_cppay-btn _cppay-btn-primary"
-				}, toDisplayString(C.value ? "处理中..." : "继续支付"), 9, _hoisted_25)])
-			])) : S.value === "payment" && O.value ? (openBlock(), createElementBlock("div", _hoisted_26, [
-				createElementVNode("div", _hoisted_27, [createElementVNode("div", _hoisted_28, [k.value ? (openBlock(), createElementBlock("img", {
+				}, toDisplayString(T.value ? "处理中..." : "继续支付"), 9, _hoisted_25)])
+			])) : w.value === "payment" && A.value ? (openBlock(), createElementBlock("div", _hoisted_26, [
+				createElementVNode("div", _hoisted_27, [createElementVNode("div", _hoisted_28, [j.value ? (openBlock(), createElementBlock("img", {
 					key: 0,
-					src: k.value,
+					src: j.value,
 					alt: "QR Code",
 					style: {
 						width: "160px",
@@ -367,12 +329,12 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), _hoisted_1 =
 					}
 				}, null, 8, _hoisted_29)) : createCommentVNode("", !0)])]),
 				createElementVNode("div", _hoisted_30, [
-					createElementVNode("div", _hoisted_31, [createElementVNode("div", _hoisted_32, toDisplayString(y.plain === "subscription" ? "授权金额" : "支付金额"), 1), createElementVNode("div", _hoisted_33, toDisplayString(O.value.paymentAmount) + " " + toDisplayString(D.value), 1)]),
-					createElementVNode("div", _hoisted_34, [createElementVNode("div", _hoisted_35, toDisplayString(y.plain === "subscription" ? "授权合约地址" : "支付地址"), 1), createElementVNode("div", _hoisted_36, [createElementVNode("code", null, toDisplayString(O.value.receiveAddress), 1), createElementVNode("button", {
+					k.value ? (openBlock(), createElementBlock("div", _hoisted_31, [createElementVNode("div", _hoisted_32, toDisplayString(x.plain === "subscription" ? "授权金额" : "支付金额"), 1), createElementVNode("div", _hoisted_33, toDisplayString(A.value.paymentAmount) + " " + toDisplayString(k.value), 1)])) : createCommentVNode("", !0),
+					createElementVNode("div", _hoisted_34, [createElementVNode("div", _hoisted_35, toDisplayString(x.plain === "subscription" ? "授权合约地址" : "支付地址"), 1), createElementVNode("div", _hoisted_36, [createElementVNode("code", null, toDisplayString(A.value.receiveAddress), 1), createElementVNode("button", {
 						onClick: $,
 						class: "_cppay-copy-btn",
 						title: "复制地址"
-					}, [...v[9] ||= [createElementVNode("svg", {
+					}, [...v[7] ||= [createElementVNode("svg", {
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24"
@@ -382,7 +344,7 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), _hoisted_1 =
 						"stroke-width": "2",
 						d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
 					})], -1)]])])]),
-					y.plain === "subscription" ? (openBlock(), createElementBlock("div", _hoisted_37, [...v[10] ||= [createElementVNode("div", {
+					x.plain === "subscription" ? (openBlock(), createElementBlock("div", _hoisted_37, [...v[8] ||= [createElementVNode("div", {
 						class: "_cppay-info-label",
 						style: { color: "#856404" }
 					}, "📌 订阅说明", -1), createElementVNode("div", {
@@ -393,66 +355,43 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), _hoisted_1 =
 						}
 					}, " 订阅支付需要授权代币给合约地址，系统将按周期自动扣款。授权后无需每次手动支付。 ", -1)]])) : createCommentVNode("", !0)
 				]),
-				createElementVNode("div", _hoisted_38, [A.value ? (openBlock(), createElementBlock("div", _hoisted_44, [createElementVNode("button", {
+				E.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_38, [M.value ? (openBlock(), createElementBlock("div", _hoisted_40, [createElementVNode("div", _hoisted_41, [createElementVNode("button", {
 					onClick: X,
-					disabled: C.value,
+					disabled: T.value,
 					class: "_cppay-btn _cppay-btn-primary"
-				}, toDisplayString(C.value ? e.plain === "subscription" ? "授权中..." : "支付中..." : e.plain === "subscription" ? "💳 钱包授权" : "💳 钱包支付"), 9, _hoisted_45), createElementVNode("div", _hoisted_46, " 已连接: " + toDisplayString(A.value.slice(0, 6)) + "..." + toDisplayString(A.value.slice(-4)), 1)])) : (openBlock(), createElementBlock("div", _hoisted_39, [createElementVNode("button", {
-					onClick: v[0] ||= () => K("metamask"),
-					disabled: j.value,
-					class: "_cppay-btn _cppay-btn-secondary",
-					style: {
-						display: "flex",
-						"align-items": "center",
-						"justify-content": "center",
-						gap: "0.5rem",
-						padding: "0.5rem 1rem",
-						"font-size": "14px",
-						flex: "1"
-					}
-				}, [createElementVNode("img", {
-					src: unref(metamask_default),
-					alt: "MetaMask",
-					style: {
-						width: "20px",
-						height: "20px"
-					}
-				}, null, 8, _hoisted_41), v[11] ||= createElementVNode("span", null, "MetaMask", -1)], 8, _hoisted_40), createElementVNode("button", {
-					onClick: v[1] ||= () => K("walletconnect"),
-					disabled: j.value,
+				}, toDisplayString(T.value ? e.plain === "subscription" ? "授权中..." : "支付中..." : e.plain === "subscription" ? "💳 钱包授权" : "💳 钱包支付"), 9, _hoisted_42), createElementVNode("button", {
+					onClick: K,
+					disabled: T.value,
+					class: "_cppay-btn _cppay-btn-primary"
+				}, " 💰钱包状态 ", 8, _hoisted_43)]), createElementVNode("div", _hoisted_44, " 已连接: " + toDisplayString(M.value.slice(0, 6)) + "..." + toDisplayString(M.value.slice(-4)), 1)])) : (openBlock(), createElementBlock("button", {
+					key: 0,
+					onClick: K,
+					disabled: N.value,
 					class: "_cppay-btn _cppay-btn-secondary",
 					style: {
 						display: "flex",
 						"align-items": "center",
 						"justify-content": "center",
 						gap: "0.5rem",
-						padding: "0.5rem 1rem",
-						"font-size": "14px",
-						flex: "1"
-					}
-				}, [createElementVNode("img", {
-					src: unref(walletconnect_default),
-					alt: "WalletConnect",
-					style: {
-						width: "20px",
-						height: "20px"
+						padding: "0.75rem 1rem",
+						width: "100%"
 					}
-				}, null, 8, _hoisted_43), v[12] ||= createElementVNode("span", null, "WalletConnect", -1)], 8, _hoisted_42)]))]),
-				createElementVNode("div", _hoisted_47, [createElementVNode("button", {
-					onClick: H,
-					disabled: C.value,
+				}, [createElementVNode("span", null, toDisplayString(N.value ? "连接中..." : "💳 连接钱包"), 1)], 8, _hoisted_39))])),
+				createElementVNode("div", _hoisted_45, [createElementVNode("button", {
+					onClick: U,
+					disabled: E.value,
 					class: "_cppay-btn _cppay-btn-primary"
-				}, toDisplayString(C.value ? "检查中..." : "我已完成支付"), 9, _hoisted_48)]),
-				createElementVNode("div", _hoisted_49, [createElementVNode("button", {
-					onClick: v[2] ||= (e) => S.value = "select",
-					disabled: C.value,
+				}, toDisplayString(E.value ? "检查中..." : "我已完成支付"), 9, _hoisted_46)]),
+				createElementVNode("div", _hoisted_47, [createElementVNode("button", {
+					onClick: v[0] ||= (e) => w.value = "select",
+					disabled: T.value || E.value,
 					class: "_cppay-btn _cppay-btn-text"
-				}, " 更改支付方式 ", 8, _hoisted_50)])
+				}, " 更改支付方式 ", 8, _hoisted_48)])
 			])) : createCommentVNode("", !0)])])])) : createCommentVNode("", !0)]),
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-1a5fedf2"]]), cppayState = ref({
+}), [["__scopeId", "data-v-07ac5b3d"]]), cppayState = ref({
 	apikey: "",
 	open: !1,
 	options: null