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

package/dist/react.js

@@ -1,198 +1,18 @@
-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 { t as cppay_default } from "./cppay-CCxKnEWz.js";
+import { n as payment_dialog_default, t as injectStyle } from "./inject-style-CWza6SKp.js";
+import * as QRCode from "qrcode";
 import { EMPTY, defer, timer } from "rxjs";
+import { expand, retry, switchMap, tap, timeout } from "rxjs/operators";
 import { createWalletClient, custom, parseUnits } from "viem";
+import { 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";
-/**
-* @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);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PaymentDialog_default = React.memo(({ open: t, onClose: n, apikey: a, plain: o, orderId: s, amount: c, intervalDays: l, onExpired: u, onSuccess: d, onFailed: f, onError: p }) => {
+	let m = useMemo(() => new cppay_default(a), [a]), [h, g] = useState("select"), [_, v] = useState(!1), [y, b] = useState(!1), [x, S] = useState(), [C, w] = useState(!1), [T, E] = useState([]), [D, O] = useState(), [k, A] = useState(), [j, M] = useState(), [N, P] = useState(), [F, I] = useState(!1), [L, R] = useState(), z = useRef(null), B = useRef(null);
 	useEffect(() => {
-		typeof window < "u" && !H.current && (H.current = createAppKit({
+		typeof window < "u" && !z.current && (z.current = createAppKit({
 			debug: !1,
 			enableNetworkSwitch: !1,
 			adapters: [new EthersAdapter()],
@@ -213,22 +33,22 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((e) =>
 				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) => {
+		}), P(z.current.getAddress()), R(z.current.getProvider("eip155")), z.current.subscribeAccount((e) => {
+			e.isConnected ? P(e.address) : (P(void 0), R(void 0));
+		}), z.current.subscribeProviders((e) => {
 			let t = e?.eip155;
-			V(t);
+			R(t);
 		}));
 	}, []);
-	let W = async () => {
+	let V = async () => {
 		try {
-			z(!0), H.current && await H.current.open();
+			I(!0), S(void 0), z.current && await z.current.open();
 		} catch (e) {
-			console.error("钱包连接失败:", e), b?.(e);
+			console.error("钱包连接失败:", e), S(e instanceof Error ? e.message : "钱包连接失败"), p?.(e);
 		} finally {
-			z(!1);
+			I(!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) => [
+	}, H = useMemo(() => T.find((e) => e.chain === D), [T, D]), U = useMemo(() => H?.tokens || [], [H]), W = useMemo(() => U.find((e) => e.symbol === k), [U, k]), G = (e) => [
 		"USDT",
 		"USDC",
 		"BUSD",
@@ -236,50 +56,50 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((e) =>
 		"TUSD",
 		"USDD",
 		"FDUSD"
-	].includes(e.toUpperCase()) ? 2 : 6, Y = (e, t) => {
+	].includes(e.toUpperCase()) ? 2 : 6, K = (e, t) => {
 		let n = parseFloat(e);
 		return isNaN(n) ? "0" : n.toFixed(t).replace(/\.?0+$/, "");
-	}, X = useMemo(() => {
-		if (!N || !q) return "0";
-		let e = parseFloat(q.price);
+	}, q = useMemo(() => {
+		if (!k || !W) return "0";
+		let e = parseFloat(W.price);
 		if (isNaN(e) || e === 0) return "0";
-		let t = J(N);
-		return Y((parseFloat(u) / e).toFixed(t), t);
+		let t = G(k);
+		return K((parseFloat(c) / e).toFixed(t), t);
 	}, [
-		u,
-		N,
-		q
-	]), ge = async () => {
+		c,
+		k,
+		W
+	]), Te = async () => {
 		try {
-			D(!0);
-			let e = await x.getSupportedChains();
-			me(e), e.length > 0 && M(e[0].chain);
+			v(!0), S(void 0);
+			let e = await m.getSupportedChains();
+			E(e), e.length > 0 && O(e[0].chain);
 		} catch (e) {
-			b?.(e);
+			S(e instanceof Error ? e.message : "加载支付网络失败"), p?.(e);
 		} finally {
-			D(!1);
+			v(!1);
 		}
-	}, _e = async (e) => {
-		if (B) try {
-			await B.request({
+	}, J = async (e) => {
+		if (L) try {
+			await L.request({
 				method: "wallet_switchEthereumChain",
 				params: [{ chainId: `0x${e.toString(16)}` }]
 			});
 		} catch (e) {
 			throw e.code === 4902 ? Error("请在钱包中添加该网络") : e;
 		}
-	}, ve = async () => {
-		if (!(!I || !B || !Z.current || !q || !G)) try {
-			D(!0);
-			let e = Z.current;
-			await _e(G.chainId);
+	}, Ee = async () => {
+		if (!(!N || !L || !Y.current || !W || !H)) try {
+			v(!0);
+			let e = Y.current;
+			await J(H.chainId);
 			let t = createWalletClient({
-				account: I,
-				transport: custom(B)
+				account: N,
+				transport: custom(L)
 			});
-			if (q.address) {
+			if (W.address) {
 				let n = await t.writeContract({
-					address: q.address,
+					address: W.address,
 					abi: [{
 						name: "transfer",
 						type: "function",
@@ -294,34 +114,34 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((e) =>
 						outputs: [{ type: "bool" }]
 					}],
 					functionName: "transfer",
-					args: [e.receiveAddress, parseUnits(e.paymentAmount, q.decimals)],
+					args: [e.receiveAddress, parseUnits(e.paymentAmount, W.decimals)],
 					chain: null
 				});
 				console.log("转账交易哈希:", n);
 			} else {
 				let n = await t.sendTransaction({
 					to: e.receiveAddress,
-					value: parseUnits(e.paymentAmount, q.decimals),
+					value: parseUnits(e.paymentAmount, W.decimals),
 					chain: null
 				});
 				console.log("转账交易哈希:", n);
 			}
-			D(!1), k(!0), Q(e.paymentId);
+			v(!1), b(!0), Z(e.paymentId);
 		} catch (e) {
-			console.error("钱包支付失败:", e), b?.(e), D(!1);
+			console.error("钱包支付失败:", e), S(e instanceof Error ? e.message : "钱包支付失败"), p?.(e), v(!1);
 		}
-	}, ye = async () => {
-		if (!(!I || !B || !Z.current || !q || !G)) try {
-			D(!0);
-			let e = Z.current;
-			await _e(G.chainId);
+	}, De = async () => {
+		if (!(!N || !L || !Y.current || !W || !H)) try {
+			v(!0);
+			let e = Y.current;
+			await J(H.chainId);
 			let t = createWalletClient({
-				account: I,
-				transport: custom(B)
+				account: N,
+				transport: custom(L)
 			});
-			if (!q.address) throw Error("订阅支付不支持原生代币");
+			if (!W.address) throw Error("订阅支付不支持原生代币");
 			let n = await t.writeContract({
-				address: q.address,
+				address: W.address,
 				abi: [{
 					name: "approve",
 					type: "function",
@@ -336,94 +156,95 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((e) =>
 					outputs: [{ type: "bool" }]
 				}],
 				functionName: "approve",
-				args: [e.spenderAddress, parseUnits(e.approveAmount, q.decimals)],
+				args: [e.spenderAddress, parseUnits(e.approveAmount, W.decimals)],
 				chain: null
 			});
-			console.log("授权交易哈希:", n), D(!1), k(!0), Q(e.subscriptionId);
+			console.log("授权交易哈希:", n), v(!1), b(!0), Z(e.subscriptionId);
 		} catch (e) {
-			console.error("钱包授权失败:", e), b?.(e), D(!1);
+			console.error("钱包授权失败:", e), S(e instanceof Error ? e.message : "钱包授权失败"), p?.(e), v(!1);
 		}
-	}, be = async () => {
-		if (!I) {
-			b?.(/* @__PURE__ */ Error("请先连接钱包"));
+	}, Oe = async () => {
+		if (!N) {
+			let e = "请先连接钱包";
+			S(e), p?.(Error(e));
 			return;
 		}
-		o === "one-time" ? await ve() : o === "subscription" && await ye();
-	}, Z = useRef(null), xe = async () => {
-		if (!(!j || !N)) try {
-			D(!0);
+		o === "one-time" ? await Ee() : o === "subscription" && await De();
+	}, Y = useRef(null), X = async () => {
+		if (!(!D || !k)) try {
+			v(!0), S(void 0);
 			let e = "";
-			o === "one-time" ? (Z.current = await x.createOnetimePayment({
-				paymentChain: j,
-				paymentToken: N,
-				orderId: l,
-				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: X,
-				intervalDays: h || 30
-			}), e = `${j.toLowerCase()}:${Z.current.spenderAddress}?amount=${Z.current.approveAmount}`), T("payment"), he(await import_browser.toDataURL(e, {
+			o === "one-time" ? (Y.current = await m.createOnetimePayment({
+				paymentChain: D,
+				paymentToken: k,
+				orderId: s,
+				amount: q
+			}), e = `${D.toLowerCase()}:${Y.current.receiveAddress}?amount=${Y.current.paymentAmount}`) : o === "subscription" && (Y.current = await m.createSubscriptionPayment({
+				paymentChain: D,
+				paymentToken: k,
+				orderId: s,
+				amountOfUsd: q,
+				intervalDays: l || 30
+			}), e = `${D.toLowerCase()}:${Y.current.spenderAddress}?amount=${Y.current.approveAmount}`), g("payment"), M(await QRCode.toDataURL(e, {
 				width: 200,
 				margin: 2,
 				errorCorrectionLevel: "H"
 			}));
 		} catch (e) {
-			b?.(e);
+			S(e instanceof Error ? e.message : "创建支付失败"), p?.(e);
 		} finally {
-			D(!1);
+			v(!1);
 		}
-	}, Se = async () => {
-		if (Z.current) try {
-			k(!0), o === "one-time" ? Q(Z.current.paymentId) : o === "subscription" && Q(Z.current.subscriptionId);
+	}, ke = async () => {
+		if (Y.current) try {
+			b(!0), S(void 0), o === "one-time" ? Z(Y.current.paymentId) : o === "subscription" && Z(Y.current.subscriptionId);
 		} catch (e) {
-			console.error("支付状态检查错误:", e), b?.(e), k(!1);
+			console.error("支付状态检查错误:", e), S(e instanceof Error ? e.message : "检查支付状态失败"), p?.(e), b(!1);
 		}
-	}, Q = (e) => {
-		let t = () => defer(() => o === "subscription" ? x.checkSubscriptionPaymentStatus({ subscriptionId: e }) : x.checkOnetimePaymentStatus({ paymentId: e })).pipe(timeout(15e3), retry({
+	}, Z = (e) => {
+		let t = () => defer(() => o === "subscription" ? m.checkSubscriptionPaymentStatus({ subscriptionId: e }) : m.checkOnetimePaymentStatus({ paymentId: e })).pipe(timeout(15e3), retry({
 			count: 3,
 			delay: 2e3
 		}));
-		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));
+		B.current?.unsubscribe(), B.current = t().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => t())) : EMPTY), tap((e) => {
+			e.status === "expired" && (b(!1), u?.(e)), e.status === "paid" && (b(!1), g("success"), d?.(e)), e.status === "failed" && (b(!1), f?.(e)), e.status === "approved" && (b(!1), g("success"), d?.(e));
 		})).subscribe({ error: (e) => {
-			console.error("支付状态检查错误:", e), k(!1), b?.(e);
+			console.error("支付状态检查错误:", e), S(e instanceof Error ? e.message : "检查支付状态失败"), b(!1), p?.(e);
 		} });
-	}, Ce = async () => {
-		if (!Z.current) return;
-		let e = o === "subscription" ? Z.current.spenderAddress : Z.current.receiveAddress;
+	}, Q = async () => {
+		if (!Y.current) return;
+		let e = o === "subscription" ? Y.current.spenderAddress : Y.current.receiveAddress;
 		e && await navigator.clipboard.writeText(e);
 	}, $ = () => {
-		E || O || (i(), setTimeout(() => {
-			T("select"), Z.current = null;
+		_ || y || (n(), setTimeout(() => {
+			g("select"), S(void 0), Y.current = null;
 		}, 300));
 	};
 	return useEffect(() => {
-		e && A.length === 0 && ge();
-	}, [e]), useEffect(() => {
-		K.length > 0 && P(K[0].symbol);
-	}, [K]), useEffect(() => () => {
-		U.current?.unsubscribe();
-	}, []), e ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		t && T.length === 0 && Te();
+	}, [t]), useEffect(() => {
+		U.length > 0 && A(U[0].symbol);
+	}, [U]), useEffect(() => () => {
+		B.current?.unsubscribe();
+	}, []), t ? /* @__PURE__ */ jsx("div", {
 		className: "_cppay-overlay",
-		onClick: (e) => e.target === e.currentTarget && !E && !O && $(),
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		onClick: (e) => e.target === e.currentTarget && !_ && !y && $(),
+		children: /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-dialog",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			children: [/* @__PURE__ */ jsxs("div", {
 				className: "_cppay-header",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+				children: [/* @__PURE__ */ jsx("h2", {
 					className: "_cppay-title",
-					children: S === "select" ? "选择支付方式" : "完成支付"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					children: h === "select" ? "选择支付方式" : "完成支付"
+				}), /* @__PURE__ */ jsx("button", {
 					onClick: $,
-					disabled: E || O,
+					disabled: _ || y,
 					className: "_cppay-close-btn",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+					children: /* @__PURE__ */ jsx("svg", {
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+						children: /* @__PURE__ */ jsx("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -431,22 +252,22 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((e) =>
 						})
 					})
 				})]
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			}), /* @__PURE__ */ jsx("div", {
 				className: "_cppay-content",
-				children: S === "success" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				children: h === "success" ? /* @__PURE__ */ jsxs("div", {
 					style: {
 						textAlign: "center",
 						padding: "2rem 0"
 					},
 					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						/* @__PURE__ */ jsx("div", {
 							style: {
 								fontSize: "64px",
 								marginBottom: "1rem"
 							},
 							children: "✅"
 						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+						/* @__PURE__ */ jsx("h3", {
 							style: {
 								fontSize: "1.5rem",
 								fontWeight: 600,
@@ -455,7 +276,7 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((e) =>
 							},
 							children: o === "subscription" ? "授权成功!" : "支付成功!"
 						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						/* @__PURE__ */ jsx("p", {
 							style: {
 								color: "#6b7280",
 								margin: 0
@@ -463,83 +284,102 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((e) =>
 							children: o === "subscription" ? "订阅已激活" : "交易已完成"
 						})
 					]
-				}) : S === "select" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				}) : h === "select" ? /* @__PURE__ */ jsxs("div", { children: [
+					/* @__PURE__ */ jsxs("div", {
 						className: "_cppay-section",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+						children: [/* @__PURE__ */ jsx("label", {
 							className: "_cppay-label",
 							children: "支付网络"
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						}), /* @__PURE__ */ jsx("div", {
 							className: "_cppay-grid",
-							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", {
+							children: T.map((e) => /* @__PURE__ */ jsxs("button", {
+								onClick: () => O(e.chain),
+								className: `_cppay-select-btn ${D === e.chain ? "_cppay-selected" : ""}`,
+								children: [e.icon && /* @__PURE__ */ jsx("img", {
 									src: e.icon,
 									alt: e.chain
-								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: e.chain })]
+								}), /* @__PURE__ */ jsx("span", { children: e.chain })]
 							}, e.chain))
 						})]
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					/* @__PURE__ */ jsxs("div", {
 						className: "_cppay-section",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+						children: [/* @__PURE__ */ jsx("label", {
 							className: "_cppay-label",
 							children: "支付代币"
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						}), /* @__PURE__ */ jsx("div", {
 							className: "_cppay-grid",
-							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", {
+							children: U.map((e) => /* @__PURE__ */ jsxs("button", {
+								onClick: () => A(e.symbol),
+								className: `_cppay-select-btn ${k === e.symbol ? "_cppay-selected" : ""}`,
+								children: [e.icon && /* @__PURE__ */ jsx("img", {
 									src: e.icon,
 									alt: e.symbol
-								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: e.symbol })]
+								}), /* @__PURE__ */ jsx("span", { children: e.symbol })]
 							}, e.symbol))
 						})]
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					/* @__PURE__ */ jsx("div", {
 						className: "_cppay-section",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						children: /* @__PURE__ */ jsx("div", {
 							className: "_cppay-price-box",
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							children: /* @__PURE__ */ jsxs("div", {
 								className: "_cppay-price-row",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								children: [/* @__PURE__ */ jsx("span", {
 									className: "_cppay-price-label",
 									children: "支付金额"
-								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								}), /* @__PURE__ */ jsxs("div", {
 									className: "_cppay-price-amount",
-									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									children: [/* @__PURE__ */ jsxs("div", {
 										className: "_cppay-price-main",
 										children: [
-											X ?? "-",
+											q ?? "-",
 											" ",
-											N ?? ""
+											k ?? ""
 										]
-									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									}), /* @__PURE__ */ jsxs("div", {
 										className: "_cppay-price-sub",
-										children: ["≈ $", u]
+										children: ["≈ $", c]
 									})]
 								})]
 							})
 						})
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					/* @__PURE__ */ jsxs("div", {
 						className: "_cppay-section",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-							onClick: xe,
-							disabled: !j || !N || E,
+						children: [x && /* @__PURE__ */ jsxs("div", {
+							className: "_cppay-error-tooltip-wrapper",
+							onMouseEnter: () => w(!0),
+							onMouseLeave: () => w(!1),
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "_cppay-error-tooltip",
+								children: [/* @__PURE__ */ jsx("svg", {
+									viewBox: "0 0 20 20",
+									fill: "currentColor",
+									children: /* @__PURE__ */ jsx("path", {
+										fillRule: "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",
+										clipRule: "evenodd"
+									})
+								}), /* @__PURE__ */ jsx("span", { children: x })]
+							}), C && /* @__PURE__ */ jsx("div", {
+								className: "_cppay-error-tooltip-full",
+								children: x
+							})]
+						}), /* @__PURE__ */ jsx("button", {
+							onClick: X,
+							disabled: !D || !k || _,
 							className: "_cppay-btn _cppay-btn-primary",
-							children: E ? "处理中..." : "继续支付"
-						})
+							children: _ ? "处理中..." : "继续支付"
+						})]
 					})
-				] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				] }) : /* @__PURE__ */ jsxs("div", { children: [
+					/* @__PURE__ */ jsx("div", {
 						className: "_cppay-qr-container",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						children: /* @__PURE__ */ jsx("div", {
 							className: "_cppay-qr-code",
-							children: F && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-								src: F,
+							children: j && /* @__PURE__ */ jsx("img", {
+								src: j,
 								alt: "Payment QR Code",
 								style: {
 									width: "160px",
@@ -549,35 +389,35 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((e) =>
 							})
 						})
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					/* @__PURE__ */ jsxs("div", {
 						className: "_cppay-section",
 						children: [
-							N && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							k && /* @__PURE__ */ jsxs("div", {
 								className: "_cppay-info-box",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								children: [/* @__PURE__ */ jsx("div", {
 									className: "_cppay-info-label",
 									children: o === "subscription" ? "授权金额" : "支付金额"
-								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								}), /* @__PURE__ */ jsx("div", {
 									className: "_cppay-info-value",
-									children: o === "subscription" ? `${Y(Z.current.approveAmount, J(N))} ${N}` : `${Y(Z.current.paymentAmount, J(N))} ${N}`
+									children: o === "subscription" ? `${K(Y.current.approveAmount, G(k))} ${k}` : `${K(Y.current.paymentAmount, G(k))} ${k}`
 								})]
 							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							/* @__PURE__ */ jsxs("div", {
 								className: "_cppay-info-box",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								children: [/* @__PURE__ */ jsx("div", {
 									className: "_cppay-info-label",
 									children: o === "subscription" ? "授权合约地址" : "支付地址"
-								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								}), /* @__PURE__ */ jsxs("div", {
 									className: "_cppay-address-row",
-									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,
+									children: [/* @__PURE__ */ jsx("code", { children: o === "subscription" ? Y.current.spenderAddress : Y.current.receiveAddress }), /* @__PURE__ */ jsx("button", {
+										onClick: Q,
 										className: "_cppay-copy-btn",
 										title: "复制地址",
-										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+										children: /* @__PURE__ */ jsx("svg", {
 											fill: "none",
 											stroke: "currentColor",
 											viewBox: "0 0 24 24",
-											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+											children: /* @__PURE__ */ jsx("path", {
 												strokeLinecap: "round",
 												strokeLinejoin: "round",
 												strokeWidth: 2,
@@ -587,17 +427,17 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((e) =>
 									})]
 								})]
 							}),
-							o === "subscription" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							o === "subscription" && /* @__PURE__ */ jsxs("div", {
 								className: "_cppay-info-box",
 								style: {
 									background: "#fff3cd",
 									borderColor: "#ffc107"
 								},
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								children: [/* @__PURE__ */ jsx("div", {
 									className: "_cppay-info-label",
 									style: { color: "#856404" },
 									children: "📌 订阅说明"
-								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								}), /* @__PURE__ */ jsx("div", {
 									className: "_cppay-info-value",
 									style: {
 										fontSize: "12px",
@@ -608,22 +448,42 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((e) =>
 							})
 						]
 					}),
-					!O && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					x && /* @__PURE__ */ jsxs("div", {
+						className: "_cppay-error-tooltip-wrapper",
+						onMouseEnter: () => w(!0),
+						onMouseLeave: () => w(!1),
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "_cppay-error-tooltip",
+							children: [/* @__PURE__ */ jsx("svg", {
+								viewBox: "0 0 20 20",
+								fill: "currentColor",
+								children: /* @__PURE__ */ jsx("path", {
+									fillRule: "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",
+									clipRule: "evenodd"
+								})
+							}), /* @__PURE__ */ jsx("span", { children: x })]
+						}), C && /* @__PURE__ */ jsx("div", {
+							className: "_cppay-error-tooltip-full",
+							children: x
+						})]
+					}),
+					!y && /* @__PURE__ */ jsx("div", {
 						className: "_cppay-section",
-						children: I ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						children: N ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 							className: "_cppay-btn-container",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-								onClick: be,
-								disabled: E,
+							children: [/* @__PURE__ */ jsx("button", {
+								onClick: Oe,
+								disabled: _,
 								className: "_cppay-btn _cppay-btn-primary",
-								children: E ? o === "subscription" ? "授权中..." : "支付中..." : o === "subscription" ? "💳 钱包授权" : "💳 钱包支付"
-							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-								onClick: W,
-								disabled: E,
+								children: _ ? o === "subscription" ? "授权中..." : "支付中..." : o === "subscription" ? "💳 钱包授权" : "💳 钱包支付"
+							}), /* @__PURE__ */ jsx("button", {
+								onClick: V,
+								disabled: _,
 								className: "_cppay-btn _cppay-btn-primary",
 								children: "💰钱包状态"
 							})]
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						}), /* @__PURE__ */ jsxs("div", {
 							style: {
 								textAlign: "center",
 								marginTop: "8px",
@@ -632,13 +492,13 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((e) =>
 							},
 							children: [
 								"已连接: ",
-								I.slice(0, 6),
+								N.slice(0, 6),
 								"...",
-								I.slice(-4)
+								N.slice(-4)
 							]
-						})] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-							onClick: W,
-							disabled: R,
+						})] }) : /* @__PURE__ */ jsx("button", {
+							onClick: V,
+							disabled: F,
 							className: "_cppay-btn _cppay-btn-secondary",
 							style: {
 								display: "flex",
@@ -648,23 +508,23 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((e) =>
 								padding: "0.75rem 1rem",
 								width: "100%"
 							},
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: R ? "连接中..." : "💳 连接钱包" })
+							children: /* @__PURE__ */ jsx("span", { children: F ? "连接中..." : "💳 连接钱包" })
 						})
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					/* @__PURE__ */ jsx("div", {
 						className: "_cppay-section",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-							onClick: Se,
-							disabled: O,
+						children: /* @__PURE__ */ jsx("button", {
+							onClick: ke,
+							disabled: y,
 							className: "_cppay-btn _cppay-btn-primary",
-							children: O ? "检查中..." : "我已完成支付"
+							children: y ? "检查中..." : "我已完成支付"
 						})
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					/* @__PURE__ */ jsx("div", {
 						className: "_cppay-section",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-							onClick: () => T("select"),
-							disabled: E || O,
+						children: /* @__PURE__ */ jsx("button", {
+							onClick: () => g("select"),
+							disabled: _ || y,
 							className: "_cppay-btn _cppay-btn-text",
 							children: "更改支付方式"
 						})
@@ -675,27 +535,27 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((e) =>
 	}) : null;
 }), CppayContext = createContext(null);
 const CppayProvider = ({ apikey: e, children: t }) => {
-	let [n, r] = useState(!1), [i, a] = useState(null), o = useCallback((e) => {
-		a(e), r(!0);
-	}, []), s = useCallback(() => {
+	let [n, r] = useState(!1), [i, be] = useState(null), xe = useCallback((e) => {
+		be(e), r(!0);
+	}, []), Se = useCallback(() => {
 		r(!1);
-	}, []), c = useCallback((e) => {
+	}, []), Ce = useCallback((e) => {
 		i?.onSuccess?.(e), r(!1);
-	}, [i]), l = useCallback((e) => {
+	}, [i]), we = useCallback((e) => {
 		i?.onError?.(e);
 	}, [i]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CppayContext.Provider, {
-		value: { showPayment: o },
-		children: [t, i && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PaymentDialog_default, {
+	return /* @__PURE__ */ jsxs(CppayContext.Provider, {
+		value: { showPayment: xe },
+		children: [t, i && /* @__PURE__ */ jsx(PaymentDialog_default, {
 			open: n,
-			onClose: s,
+			onClose: Se,
 			apikey: e,
 			plain: i.plain,
 			orderId: i.orderId,
 			amount: i.amount,
 			intervalDays: i.intervalDays,
-			onSuccess: c,
-			onError: l
+			onSuccess: Ce,
+			onError: we
 		})]
 	});
 }, useCppayPayment = () => {