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

package/dist/react.js

@@ -1,16 +1,234 @@
-import { o as __toESM } from "./chunk-2qRSBEuq.js";
+import { _ as __toESM, a as base, c as tap, d as expand, f as require_browser, g as __require, h as __commonJSMin, 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 { 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";
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialog_default = React.memo(({ open: e, onClose: n, apikey: r, plain: a, orderId: l, amount: u, intervalDays: d, onExpired: f, onSuccess: p, onFailed: m, onError: h }) => {
-	let g = useMemo(() => new cppay_default(r), [r]), [_, v] = useState("select"), [y, b] = useState(!1), [x, S] = useState([]), [C, w] = useState(""), [T, D] = useState(""), [O, k] = useState(""), [A, j] = useState(""), [M, N] = useState(!1), [P, F] = useState(null), I = useRef(null), L = useRef(null), R = useMemo(() => x.find((e) => e.chain === C), [x, C]), z = useMemo(() => R?.tokens || [], [R]), B = useMemo(() => z.find((e) => e.symbol === T), [z, T]), V = (e) => [
+/**
+* @license React
+* react-jsx-runtime.production.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((e) => {
+	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+	function r(e, n, r) {
+		var i = null;
+		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
+		else r = n;
+		return n = r.ref, {
+			$$typeof: t,
+			type: e,
+			key: i,
+			ref: n === void 0 ? null : n,
+			props: r
+		};
+	}
+	e.Fragment = n, e.jsx = r, e.jsxs = r;
+})), require_react_jsx_runtime_development = /* @__PURE__ */ __commonJSMin(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e) {
+			if (e == null) return null;
+			if (typeof e == "function") return e.$$typeof === de ? null : e.displayName || e.name || null;
+			if (typeof e == "string") return e;
+			switch (e) {
+				case m: return "Fragment";
+				case ae: return "Profiler";
+				case ie: return "StrictMode";
+				case le: return "Suspense";
+				case ue: return "SuspenseList";
+				case _: return "Activity";
+			}
+			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
+				case re: return "Portal";
+				case se: return e.displayName || "Context";
+				case oe: return (e._context.displayName || "Context") + ".Consumer";
+				case ce:
+					var n = e.render;
+					return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
+				case h: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
+				case g:
+					n = e._payload, e = e._init;
+					try {
+						return t(e(n));
+					} catch {}
+			}
+			return null;
+		}
+		function n(e) {
+			return "" + e;
+		}
+		function r(e) {
+			try {
+				n(e);
+				var t = !1;
+			} catch {
+				t = !0;
+			}
+			if (t) {
+				t = console;
+				var r = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+				return r.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), n(e);
+			}
+		}
+		function i(e) {
+			if (e === m) return "<>";
+			if (typeof e == "object" && e && e.$$typeof === g) return "<...>";
+			try {
+				var n = t(e);
+				return n ? "<" + n + ">" : "<...>";
+			} catch {
+				return "<...>";
+			}
+		}
+		function o() {
+			var e = v.A;
+			return e === null ? null : e.getOwner();
+		}
+		function s() {
+			return Error("react-stack-top-frame");
+		}
+		function c(e) {
+			if (fe.call(e, "key")) {
+				var t = Object.getOwnPropertyDescriptor(e, "key").get;
+				if (t && t.isReactWarning) return !1;
+			}
+			return e.key !== void 0;
+		}
+		function l(e, t) {
+			function n() {
+				b || (b = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
+			}
+			n.isReactWarning = !0, Object.defineProperty(e, "key", {
+				get: n,
+				configurable: !0
+			});
+		}
+		function ee() {
+			var e = t(this.type);
+			return x[e] || (x[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
+		}
+		function te(e, t, n, r, i, a) {
+			var o = n.ref;
+			return e = {
+				$$typeof: p,
+				type: e,
+				key: t,
+				props: n,
+				_owner: r
+			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				value: null
+			}) : Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				get: ee
+			}), e._store = {}, Object.defineProperty(e._store, "validated", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: 0
+			}), Object.defineProperty(e, "_debugInfo", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: null
+			}), Object.defineProperty(e, "_debugStack", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: i
+			}), Object.defineProperty(e, "_debugTask", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: a
+			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+		}
+		function u(e, n, i, a, s, ee) {
+			var u = n.children;
+			if (u !== void 0) if (a) if (pe(u)) {
+				for (a = 0; a < u.length; a++) ne(u[a]);
+				Object.freeze && Object.freeze(u);
+			} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+			else ne(u);
+			if (fe.call(n, "key")) {
+				u = t(e);
+				var d = Object.keys(n).filter(function(e) {
+					return e !== "key";
+				});
+				a = 0 < d.length ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}", w[u + a] || (d = 0 < d.length ? "{" + d.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", a, u, d, u), w[u + a] = !0);
+			}
+			if (u = null, i !== void 0 && (r(i), u = "" + i), c(n) && (r(n.key), u = "" + n.key), "key" in n) for (var f in i = {}, n) f !== "key" && (i[f] = n[f]);
+			else i = n;
+			return u && l(i, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), te(e, u, i, o(), s, ee);
+		}
+		function ne(e) {
+			d(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === g && (e._payload.status === "fulfilled" ? d(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+		}
+		function d(e) {
+			return typeof e == "object" && !!e && e.$$typeof === p;
+		}
+		var f = __require("react"), p = Symbol.for("react.transitional.element"), re = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), ie = Symbol.for("react.strict_mode"), ae = Symbol.for("react.profiler"), oe = Symbol.for("react.consumer"), se = Symbol.for("react.context"), ce = Symbol.for("react.forward_ref"), le = Symbol.for("react.suspense"), ue = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), de = Symbol.for("react.client.reference"), v = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, fe = Object.prototype.hasOwnProperty, pe = Array.isArray, y = console.createTask ? console.createTask : function() {
+			return null;
+		};
+		f = { react_stack_bottom_frame: function(e) {
+			return e();
+		} };
+		var b, x = {}, S = f.react_stack_bottom_frame.bind(f, s)(), C = y(i(s)), w = {};
+		e.Fragment = m, e.jsx = function(e, t, n) {
+			var r = 1e4 > v.recentlyCreatedOwnerStacks++;
+			return u(e, t, n, !1, r ? Error("react-stack-top-frame") : S, r ? y(i(e)) : C);
+		}, e.jsxs = function(e, t, n) {
+			var r = 1e4 > v.recentlyCreatedOwnerStacks++;
+			return u(e, t, n, !0, r ? Error("react-stack-top-frame") : S, r ? y(i(e)) : C);
+		};
+	})();
+})), require_jsx_runtime = /* @__PURE__ */ __commonJSMin(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = require_react_jsx_runtime_production() : t.exports = require_react_jsx_runtime_development();
+})), import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), import_jsx_runtime = require_jsx_runtime(), PaymentDialog_default = React.memo(({ open: e, onClose: i, apikey: a, plain: o, orderId: l, amount: u, intervalDays: h, onExpired: g, onSuccess: _, onFailed: de, onError: b }) => {
+	let x = useMemo(() => new cppay_default(a), [a]), [S, T] = useState("select"), [E, D] = useState(!1), [O, k] = useState(!1), [A, me] = useState([]), [j, M] = useState(), [N, P] = useState(), [F, he] = useState(), [I, L] = useState(), [R, z] = useState(!1), [B, V] = useState(), H = useRef(null), U = useRef(null);
+	useEffect(() => {
+		typeof window < "u" && !H.current && (H.current = 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 }
+		}), L(H.current.getAddress()), V(H.current.getProvider("eip155")), H.current.subscribeAccount((e) => {
+			e.isConnected ? L(e.address) : (L(void 0), V(void 0));
+		}), H.current.subscribeProviders((e) => {
+			let t = e?.eip155;
+			V(t);
+		}));
+	}, []);
+	let W = async () => {
+		try {
+			z(!0), H.current && await H.current.open();
+		} catch (e) {
+			console.error("钱包连接失败:", e), b?.(e);
+		} finally {
+			z(!1);
+		}
+	}, G = useMemo(() => A.find((e) => e.chain === j), [A, j]), K = useMemo(() => G?.tokens || [], [G]), q = useMemo(() => K.find((e) => e.symbol === N), [K, N]), J = (e) => [
 		"USDT",
 		"USDC",
 		"BUSD",
@@ -18,115 +236,50 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
 		"TUSD",
 		"USDD",
 		"FDUSD"
-	].includes(e.toUpperCase()) ? 2 : 6, H = (e) => ({
-		ETH: mainnet,
-		BSC: bsc,
-		Polygon: polygon,
-		Arbitrum: arbitrum,
-		Optimism: optimism,
-		Base: base
-	})[e] || mainnet, U = (e, t) => {
+	].includes(e.toUpperCase()) ? 2 : 6, Y = (e, t) => {
 		let n = parseFloat(e);
 		return isNaN(n) ? "0" : n.toFixed(t).replace(/\.?0+$/, "");
-	}, W = useMemo(() => {
-		if (!T || !B) return "0";
-		let e = parseFloat(B.price);
+	}, X = useMemo(() => {
+		if (!N || !q) return "0";
+		let e = parseFloat(q.price);
 		if (isNaN(e) || e === 0) return "0";
-		let t = V(T);
-		return U((parseFloat(u) / e).toFixed(t), t);
+		let t = J(N);
+		return Y((parseFloat(u) / e).toFixed(t), t);
 	}, [
 		u,
-		T,
-		B
-	]), G = async () => {
-		try {
-			b(!0);
-			let e = await g.getSupportedChains();
-			S(e), e.length > 0 && w(e[0].chain);
-		} catch (e) {
-			h?.(e);
-		} finally {
-			b(!1);
-		}
-	}, K = async (e) => {
+		N,
+		q
+	]), ge = async () => {
 		try {
-			if (N(!0), e === "metamask") {
-				if (typeof window < "u" && window.ethereum?.isMetaMask) {
-					let e = await window.ethereum.request({ method: "eth_requestAccounts" });
-					if (e && e.length > 0) {
-						j(e[0]), F("metamask");
-						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 t = await e.request({ method: "eth_accounts" });
-				t && t.length > 0 && (j(t[0]), F("walletconnect"), I.current = e);
-			}
+			D(!0);
+			let e = await x.getSupportedChains();
+			me(e), e.length > 0 && M(e[0].chain);
 		} catch (e) {
-			console.error("钱包连接失败:", e), h?.(e);
+			b?.(e);
 		} finally {
-			N(!1);
+			D(!1);
 		}
-	}, q = async (e) => {
-		let t;
-		if (t = P === "walletconnect" ? I.current : window.ethereum, t) try {
-			await t.request({
+	}, _e = async (e) => {
+		if (B) try {
+			await B.request({
 				method: "wallet_switchEthereumChain",
 				params: [{ chainId: `0x${e.toString(16)}` }]
 			});
 		} catch (e) {
 			throw e.code === 4902 ? Error("请在钱包中添加该网络") : e;
 		}
-	}, J = async () => {
-		if (!(!A || !X.current || !B)) try {
-			b(!0);
-			let e = X.current, t = H(C);
-			await q(R.chainId);
-			let n = createWalletClient({
-				account: A,
-				chain: t,
-				transport: custom(P === "walletconnect" ? I.current : window.ethereum)
+	}, ve = async () => {
+		if (!(!I || !B || !Z.current || !q || !G)) try {
+			D(!0);
+			let e = Z.current;
+			await _e(G.chainId);
+			let t = createWalletClient({
+				account: I,
+				transport: custom(B)
 			});
-			if (B.address) {
-				let t = await n.writeContract({
-					address: B.address,
+			if (q.address) {
+				let n = await t.writeContract({
+					address: q.address,
 					abi: [{
 						name: "transfer",
 						type: "function",
@@ -141,37 +294,34 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
 						outputs: [{ type: "bool" }]
 					}],
 					functionName: "transfer",
-					args: [e.receiveAddress, parseUnits(e.paymentAmount, B.decimals)],
+					args: [e.receiveAddress, parseUnits(e.paymentAmount, q.decimals)],
 					chain: null
 				});
-				console.log("转账交易哈希:", t);
+				console.log("转账交易哈希:", n);
 			} else {
-				let t = await n.sendTransaction({
+				let n = await t.sendTransaction({
 					to: e.receiveAddress,
-					value: parseUnits(e.paymentAmount, B.decimals),
+					value: parseUnits(e.paymentAmount, q.decimals),
 					chain: null
 				});
-				console.log("转账交易哈希:", t);
+				console.log("转账交易哈希:", n);
 			}
-			Z(e.paymentId);
+			D(!1), k(!0), Q(e.paymentId);
 		} catch (e) {
-			console.error("钱包支付失败:", e), h?.(e);
-		} finally {
-			b(!1);
+			console.error("钱包支付失败:", e), b?.(e), D(!1);
 		}
-	}, Y = async () => {
-		if (!(!A || !X.current || !B)) try {
-			b(!0);
-			let e = X.current, t = H(C);
-			await q(R.chainId);
-			let n = createWalletClient({
-				account: A,
-				chain: t,
-				transport: custom(P === "walletconnect" ? I.current : window.ethereum)
+	}, ye = async () => {
+		if (!(!I || !B || !Z.current || !q || !G)) try {
+			D(!0);
+			let e = Z.current;
+			await _e(G.chainId);
+			let t = createWalletClient({
+				account: I,
+				transport: custom(B)
 			});
-			if (!B.address) throw Error("订阅支付不支持原生代币");
-			let r = await n.writeContract({
-				address: B.address,
+			if (!q.address) throw Error("订阅支付不支持原生代币");
+			let n = await t.writeContract({
+				address: q.address,
 				abi: [{
 					name: "approve",
 					type: "function",
@@ -186,96 +336,94 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
 					outputs: [{ type: "bool" }]
 				}],
 				functionName: "approve",
-				args: [e.spenderAddress, parseUnits(e.approveAmount, B.decimals)],
+				args: [e.spenderAddress, parseUnits(e.approveAmount, q.decimals)],
 				chain: null
 			});
-			console.log("授权交易哈希:", r), Z(e.subscriptionId);
+			console.log("授权交易哈希:", n), D(!1), k(!0), Q(e.subscriptionId);
 		} catch (e) {
-			console.error("钱包授权失败:", e), h?.(e);
-		} finally {
-			b(!1);
+			console.error("钱包授权失败:", e), b?.(e), D(!1);
 		}
-	}, we = async () => {
-		if (!A) {
-			h?.(/* @__PURE__ */ Error("请先连接钱包"));
+	}, be = async () => {
+		if (!I) {
+			b?.(/* @__PURE__ */ Error("请先连接钱包"));
 			return;
 		}
-		a === "one-time" ? await J() : a === "subscription" && await Y();
-	}, X = useRef(null), Te = async () => {
-		if (!(!C || !T)) try {
-			b(!0);
+		o === "one-time" ? await ve() : o === "subscription" && await ye();
+	}, Z = useRef(null), xe = async () => {
+		if (!(!j || !N)) try {
+			D(!0);
 			let e = "";
-			a === "one-time" ? (X.current = await g.createOnetimePayment({
-				paymentChain: C,
-				paymentToken: T,
+			o === "one-time" ? (Z.current = await x.createOnetimePayment({
+				paymentChain: j,
+				paymentToken: N,
 				orderId: l,
-				amount: W
-			}), e = `${C.toLowerCase()}:${X.current.receiveAddress}?amount=${X.current.paymentAmount}`) : a === "subscription" && (X.current = await g.createSubscriptionPayment({
-				paymentChain: C,
-				paymentToken: T,
+				amount: X
+			}), e = `${j.toLowerCase()}:${Z.current.receiveAddress}?amount=${Z.current.paymentAmount}`) : o === "subscription" && (Z.current = await x.createSubscriptionPayment({
+				paymentChain: j,
+				paymentToken: N,
 				orderId: l,
-				amountOfUsd: W,
-				intervalDays: d || 30
-			}), e = `${C.toLowerCase()}:${X.current.spenderAddress}?amount=${X.current.approveAmount}`), v("payment"), k(await import_browser.toDataURL(e, {
+				amountOfUsd: X,
+				intervalDays: h || 30
+			}), e = `${j.toLowerCase()}:${Z.current.spenderAddress}?amount=${Z.current.approveAmount}`), T("payment"), he(await import_browser.toDataURL(e, {
 				width: 200,
 				margin: 2,
 				errorCorrectionLevel: "H"
 			}));
 		} catch (e) {
-			h?.(e);
+			b?.(e);
 		} finally {
-			b(!1);
+			D(!1);
 		}
-	}, Ee = async () => {
-		if (X.current) try {
-			b(!0), a === "one-time" ? Z(X.current.paymentId) : a === "subscription" && Z(X.current.subscriptionId);
+	}, Se = async () => {
+		if (Z.current) try {
+			k(!0), o === "one-time" ? Q(Z.current.paymentId) : o === "subscription" && Q(Z.current.subscriptionId);
 		} catch (e) {
-			console.error("支付状态检查错误:", e), h?.(e), b(!1);
+			console.error("支付状态检查错误:", e), b?.(e), k(!1);
 		}
-	}, Z = (e) => {
-		let t = () => defer(() => a === "subscription" ? g.checkSubscriptionPaymentStatus({ subscriptionId: e }) : g.checkOnetimePaymentStatus({ paymentId: e })).pipe(timeout(15e3), retry({
+	}, Q = (e) => {
+		let t = () => defer(() => o === "subscription" ? x.checkSubscriptionPaymentStatus({ subscriptionId: e }) : x.checkOnetimePaymentStatus({ paymentId: e })).pipe(timeout(15e3), retry({
 			count: 3,
 			delay: 2e3
 		}));
-		L.current?.unsubscribe(), L.current = t().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => t())) : EMPTY), tap((e) => {
-			e.status === "expired" && (b(!1), f?.(e)), e.status === "paid" && (b(!1), v("success"), p?.(e)), e.status === "failed" && (b(!1), m?.(e)), e.status === "approved" && (b(!1), v("success"), p?.(e));
+		U.current?.unsubscribe(), U.current = t().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => t())) : EMPTY), tap((e) => {
+			e.status === "expired" && (k(!1), g?.(e)), e.status === "paid" && (k(!1), T("success"), _?.(e)), e.status === "failed" && (k(!1), de?.(e)), e.status === "approved" && (k(!1), T("success"), _?.(e));
 		})).subscribe({ error: (e) => {
-			console.error("支付状态检查错误:", e), b(!1), h?.(e);
+			console.error("支付状态检查错误:", e), k(!1), b?.(e);
 		} });
-	}, Q = async () => {
-		if (!X.current) return;
-		let e = a === "subscription" ? X.current.spenderAddress : X.current.receiveAddress;
+	}, Ce = async () => {
+		if (!Z.current) return;
+		let e = o === "subscription" ? Z.current.spenderAddress : Z.current.receiveAddress;
 		e && await navigator.clipboard.writeText(e);
 	}, $ = () => {
-		y || (n(), setTimeout(() => {
-			v("select"), X.current = null;
+		E || O || (i(), setTimeout(() => {
+			T("select"), Z.current = null;
 		}, 300));
 	};
 	return useEffect(() => {
-		e && x.length === 0 && G();
+		e && A.length === 0 && ge();
 	}, [e]), useEffect(() => {
-		z.length > 0 && D(z[0].symbol);
-	}, [z]), useEffect(() => () => {
-		L.current?.unsubscribe();
-	}, []), e ? /* @__PURE__ */ jsx("div", {
+		K.length > 0 && P(K[0].symbol);
+	}, [K]), useEffect(() => () => {
+		U.current?.unsubscribe();
+	}, []), e ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: "_cppay-overlay",
-		onClick: (e) => e.target === e.currentTarget && !y && $(),
-		children: /* @__PURE__ */ jsxs("div", {
+		onClick: (e) => e.target === e.currentTarget && !E && !O && $(),
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 			className: "_cppay-dialog",
-			children: [/* @__PURE__ */ jsxs("div", {
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "_cppay-header",
-				children: [/* @__PURE__ */ jsx("h2", {
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
 					className: "_cppay-title",
-					children: _ === "select" ? "选择支付方式" : "完成支付"
-				}), /* @__PURE__ */ jsx("button", {
+					children: S === "select" ? "选择支付方式" : "完成支付"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
 					onClick: $,
-					disabled: y,
+					disabled: E || O,
 					className: "_cppay-close-btn",
-					children: /* @__PURE__ */ jsx("svg", {
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24",
-						children: /* @__PURE__ */ jsx("path", {
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -283,92 +431,92 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
 						})
 					})
 				})]
-			}), /* @__PURE__ */ jsx("div", {
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 				className: "_cppay-content",
-				children: _ === "success" ? /* @__PURE__ */ jsxs("div", {
+				children: S === "success" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 					style: {
 						textAlign: "center",
 						padding: "2rem 0"
 					},
 					children: [
-						/* @__PURE__ */ jsx("div", {
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 							style: {
 								fontSize: "64px",
 								marginBottom: "1rem"
 							},
 							children: "✅"
 						}),
-						/* @__PURE__ */ jsx("h3", {
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
 							style: {
 								fontSize: "1.5rem",
 								fontWeight: 600,
 								color: "#10b981",
 								margin: "0 0 0.5rem 0"
 							},
-							children: a === "subscription" ? "授权成功!" : "支付成功!"
+							children: o === "subscription" ? "授权成功!" : "支付成功!"
 						}),
-						/* @__PURE__ */ jsx("p", {
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
 							style: {
 								color: "#6b7280",
 								margin: 0
 							},
-							children: a === "subscription" ? "订阅已激活" : "交易已完成"
+							children: o === "subscription" ? "订阅已激活" : "交易已完成"
 						})
 					]
-				}) : _ === "select" ? /* @__PURE__ */ jsxs("div", { children: [
-					/* @__PURE__ */ jsxs("div", {
+				}) : S === "select" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 						className: "_cppay-section",
-						children: [/* @__PURE__ */ jsx("label", {
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
 							className: "_cppay-label",
 							children: "支付网络"
-						}), /* @__PURE__ */ jsx("div", {
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 							className: "_cppay-grid",
-							children: x.map((e) => /* @__PURE__ */ jsxs("button", {
-								onClick: () => w(e.chain),
-								className: `_cppay-select-btn ${C === e.chain ? "_cppay-selected" : ""}`,
-								children: [e.icon && /* @__PURE__ */ jsx("img", {
+							children: A.map((e) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+								onClick: () => M(e.chain),
+								className: `_cppay-select-btn ${j === e.chain ? "_cppay-selected" : ""}`,
+								children: [e.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
 									src: e.icon,
 									alt: e.chain
-								}), /* @__PURE__ */ jsx("span", { children: e.chain })]
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: e.chain })]
 							}, e.chain))
 						})]
 					}),
-					/* @__PURE__ */ jsxs("div", {
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 						className: "_cppay-section",
-						children: [/* @__PURE__ */ jsx("label", {
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
 							className: "_cppay-label",
 							children: "支付代币"
-						}), /* @__PURE__ */ jsx("div", {
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 							className: "_cppay-grid",
-							children: z.map((e) => /* @__PURE__ */ jsxs("button", {
-								onClick: () => D(e.symbol),
-								className: `_cppay-select-btn ${T === e.symbol ? "_cppay-selected" : ""}`,
-								children: [e.icon && /* @__PURE__ */ jsx("img", {
+							children: K.map((e) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+								onClick: () => P(e.symbol),
+								className: `_cppay-select-btn ${N === e.symbol ? "_cppay-selected" : ""}`,
+								children: [e.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
 									src: e.icon,
 									alt: e.symbol
-								}), /* @__PURE__ */ jsx("span", { children: e.symbol })]
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: e.symbol })]
 							}, e.symbol))
 						})]
 					}),
-					/* @__PURE__ */ jsx("div", {
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 						className: "_cppay-section",
-						children: /* @__PURE__ */ jsx("div", {
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 							className: "_cppay-price-box",
-							children: /* @__PURE__ */ jsxs("div", {
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 								className: "_cppay-price-row",
-								children: [/* @__PURE__ */ jsx("span", {
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 									className: "_cppay-price-label",
 									children: "支付金额"
-								}), /* @__PURE__ */ jsxs("div", {
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 									className: "_cppay-price-amount",
-									children: [/* @__PURE__ */ jsxs("div", {
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 										className: "_cppay-price-main",
 										children: [
-											W,
+											X ?? "-",
 											" ",
-											T
+											N ?? ""
 										]
-									}), /* @__PURE__ */ jsxs("div", {
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 										className: "_cppay-price-sub",
 										children: ["≈ $", u]
 									})]
@@ -376,22 +524,22 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
 							})
 						})
 					}),
-					/* @__PURE__ */ jsx("div", {
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 						className: "_cppay-section",
-						children: /* @__PURE__ */ jsx("button", {
-							onClick: Te,
-							disabled: !C || !T || y,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+							onClick: xe,
+							disabled: !j || !N || E,
 							className: "_cppay-btn _cppay-btn-primary",
-							children: y ? "处理中..." : "继续支付"
+							children: E ? "处理中..." : "继续支付"
 						})
 					})
-				] }) : /* @__PURE__ */ jsxs("div", { children: [
-					/* @__PURE__ */ jsx("div", {
+				] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 						className: "_cppay-qr-container",
-						children: /* @__PURE__ */ jsx("div", {
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 							className: "_cppay-qr-code",
-							children: O && /* @__PURE__ */ jsx("img", {
-								src: O,
+							children: F && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+								src: F,
 								alt: "Payment QR Code",
 								style: {
 									width: "160px",
@@ -401,35 +549,35 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
 							})
 						})
 					}),
-					/* @__PURE__ */ jsxs("div", {
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 						className: "_cppay-section",
 						children: [
-							/* @__PURE__ */ jsxs("div", {
+							N && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 								className: "_cppay-info-box",
-								children: [/* @__PURE__ */ jsx("div", {
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 									className: "_cppay-info-label",
-									children: a === "subscription" ? "授权金额" : "支付金额"
-								}), /* @__PURE__ */ jsx("div", {
+									children: o === "subscription" ? "授权金额" : "支付金额"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 									className: "_cppay-info-value",
-									children: a === "subscription" ? `${U(X.current.approveAmount, V(T))} ${T}` : `${U(X.current.paymentAmount, V(T))} ${T}`
+									children: o === "subscription" ? `${Y(Z.current.approveAmount, J(N))} ${N}` : `${Y(Z.current.paymentAmount, J(N))} ${N}`
 								})]
 							}),
-							/* @__PURE__ */ jsxs("div", {
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 								className: "_cppay-info-box",
-								children: [/* @__PURE__ */ jsx("div", {
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 									className: "_cppay-info-label",
-									children: a === "subscription" ? "授权合约地址" : "支付地址"
-								}), /* @__PURE__ */ jsxs("div", {
+									children: o === "subscription" ? "授权合约地址" : "支付地址"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 									className: "_cppay-address-row",
-									children: [/* @__PURE__ */ jsx("code", { children: a === "subscription" ? X.current.spenderAddress : X.current.receiveAddress }), /* @__PURE__ */ jsx("button", {
-										onClick: Q,
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: o === "subscription" ? Z.current.spenderAddress : Z.current.receiveAddress }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+										onClick: Ce,
 										className: "_cppay-copy-btn",
 										title: "复制地址",
-										children: /* @__PURE__ */ jsx("svg", {
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
 											fill: "none",
 											stroke: "currentColor",
 											viewBox: "0 0 24 24",
-											children: /* @__PURE__ */ jsx("path", {
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
 												strokeLinecap: "round",
 												strokeLinejoin: "round",
 												strokeWidth: 2,
@@ -439,17 +587,17 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
 									})]
 								})]
 							}),
-							a === "subscription" && /* @__PURE__ */ jsxs("div", {
+							o === "subscription" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 								className: "_cppay-info-box",
 								style: {
 									background: "#fff3cd",
 									borderColor: "#ffc107"
 								},
-								children: [/* @__PURE__ */ jsx("div", {
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 									className: "_cppay-info-label",
 									style: { color: "#856404" },
 									children: "📌 订阅说明"
-								}), /* @__PURE__ */ jsx("div", {
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 									className: "_cppay-info-value",
 									style: {
 										fontSize: "12px",
@@ -460,14 +608,22 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
 							})
 						]
 					}),
-					/* @__PURE__ */ jsx("div", {
+					!O && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 						className: "_cppay-section",
-						children: A ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
-							onClick: we,
-							disabled: y,
-							className: "_cppay-btn _cppay-btn-primary",
-							children: y ? a === "subscription" ? "授权中..." : "支付中..." : a === "subscription" ? "💳 钱包授权" : "💳 钱包支付"
-						}), /* @__PURE__ */ jsxs("div", {
+						children: I ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "_cppay-btn-container",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+								onClick: be,
+								disabled: E,
+								className: "_cppay-btn _cppay-btn-primary",
+								children: E ? o === "subscription" ? "授权中..." : "支付中..." : o === "subscription" ? "💳 钱包授权" : "💳 钱包支付"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+								onClick: W,
+								disabled: E,
+								className: "_cppay-btn _cppay-btn-primary",
+								children: "💰钱包状态"
+							})]
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 							style: {
 								textAlign: "center",
 								marginTop: "8px",
@@ -476,76 +632,39 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
 							},
 							children: [
 								"已连接: ",
-								A.slice(0, 6),
+								I.slice(0, 6),
 								"...",
-								A.slice(-4)
+								I.slice(-4)
 							]
-						})] }) : /* @__PURE__ */ jsxs("div", {
+						})] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+							onClick: W,
+							disabled: R,
+							className: "_cppay-btn _cppay-btn-secondary",
 							style: {
 								display: "flex",
-								flexDirection: "row",
+								alignItems: "center",
+								justifyContent: "center",
 								gap: "0.5rem",
-								justifyContent: "center"
+								padding: "0.75rem 1rem",
+								width: "100%"
 							},
-							children: [/* @__PURE__ */ jsxs("button", {
-								onClick: () => K("metamask"),
-								disabled: M,
-								className: "_cppay-btn _cppay-btn-secondary",
-								style: {
-									display: "flex",
-									alignItems: "center",
-									justifyContent: "center",
-									gap: "0.5rem",
-									padding: "0.5rem 1rem",
-									fontSize: "14px",
-									flex: "1"
-								},
-								children: [/* @__PURE__ */ jsx("img", {
-									src: metamask_default,
-									alt: "MetaMask",
-									style: {
-										width: "20px",
-										height: "20px"
-									}
-								}), /* @__PURE__ */ jsx("span", { children: "MetaMask" })]
-							}), /* @__PURE__ */ jsxs("button", {
-								onClick: () => K("walletconnect"),
-								disabled: M,
-								className: "_cppay-btn _cppay-btn-secondary",
-								style: {
-									display: "flex",
-									alignItems: "center",
-									justifyContent: "center",
-									gap: "0.5rem",
-									padding: "0.5rem 1rem",
-									fontSize: "14px",
-									flex: "1"
-								},
-								children: [/* @__PURE__ */ jsx("img", {
-									src: walletconnect_default,
-									alt: "WalletConnect",
-									style: {
-										width: "20px",
-										height: "20px"
-									}
-								}), /* @__PURE__ */ jsx("span", { children: "WalletConnect" })]
-							})]
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: R ? "连接中..." : "💳 连接钱包" })
 						})
 					}),
-					/* @__PURE__ */ jsx("div", {
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 						className: "_cppay-section",
-						children: /* @__PURE__ */ jsx("button", {
-							onClick: Ee,
-							disabled: y,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+							onClick: Se,
+							disabled: O,
 							className: "_cppay-btn _cppay-btn-primary",
-							children: y ? "检查中..." : "我已完成支付"
+							children: O ? "检查中..." : "我已完成支付"
 						})
 					}),
-					/* @__PURE__ */ jsx("div", {
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 						className: "_cppay-section",
-						children: /* @__PURE__ */ jsx("button", {
-							onClick: () => v("select"),
-							disabled: y,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+							onClick: () => T("select"),
+							disabled: E || O,
 							className: "_cppay-btn _cppay-btn-text",
 							children: "更改支付方式"
 						})
@@ -562,12 +681,12 @@ const CppayProvider = ({ apikey: e, children: t }) => {
 		r(!1);
 	}, []), c = useCallback((e) => {
 		i?.onSuccess?.(e), r(!1);
-	}, [i]), Ce = useCallback((e) => {
+	}, [i]), l = useCallback((e) => {
 		i?.onError?.(e);
 	}, [i]);
-	return /* @__PURE__ */ jsxs(CppayContext.Provider, {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CppayContext.Provider, {
 		value: { showPayment: o },
-		children: [t, i && /* @__PURE__ */ jsx(PaymentDialog_default, {
+		children: [t, i && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PaymentDialog_default, {
 			open: n,
 			onClose: s,
 			apikey: e,
@@ -576,7 +695,7 @@ const CppayProvider = ({ apikey: e, children: t }) => {
 			amount: i.amount,
 			intervalDays: i.intervalDays,
 			onSuccess: c,
-			onError: Ce
+			onError: l
 		})]
 	});
 }, useCppayPayment = () => {