cppay-sdk 0.0.2-beta.2 → 0.0.2-beta.21

package/dist/react.js

@@ -0,0 +1,586 @@
+import { a as payment_dialog_default, i as injectStyle, n as metamask_default, o as __toESM, r as require_browser, t as walletconnect_default } from "./walletconnect-B0L70Mgc.js";
+import { t as cppay_default } from "./cppay-BcCDwXlg.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 EthereumProvider from "@walletconnect/ethereum-provider";
+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: t, apikey: r, plain: i, orderId: l, amount: u, intervalDays: d, onExpired: we, onSuccess: f, onFailed: p, onError: m }) => {
+	let h = useMemo(() => new cppay_default(r), [r]), [g, _] = useState("select"), [v, y] = useState(!1), [b, x] = useState([]), [S, C] = useState(""), [w, T] = useState(""), [E, D] = useState(""), [O, k] = useState(""), [A, j] = useState(!1), [M, N] = useState(null), P = useRef(null), F = useRef(null), I = useMemo(() => b.find((e) => e.chain === S), [b, S]), L = useMemo(() => I?.tokens || [], [I]), R = useMemo(() => L.find((e) => e.symbol === w), [L, w]), z = (e) => [
+		"USDT",
+		"USDC",
+		"BUSD",
+		"DAI",
+		"TUSD",
+		"USDD",
+		"FDUSD"
+	].includes(e.toUpperCase()) ? 2 : 6, B = (e) => ({
+		ETH: mainnet,
+		BSC: bsc,
+		Polygon: polygon,
+		Arbitrum: arbitrum,
+		Optimism: optimism,
+		Base: base
+	})[e] || mainnet, V = (e, t) => {
+		let n = parseFloat(e);
+		return isNaN(n) ? "0" : n.toFixed(t).replace(/\.?0+$/, "");
+	}, H = useMemo(() => {
+		if (!w || !R) return "0";
+		let e = parseFloat(R.price);
+		if (isNaN(e) || e === 0) return "0";
+		let t = z(w);
+		return V((parseFloat(u) / e).toFixed(t), t);
+	}, [
+		u,
+		w,
+		R
+	]), U = async () => {
+		try {
+			y(!0);
+			let e = await h.getSupportedChains();
+			x(e), e.length > 0 && C(e[0].chain);
+		} catch (e) {
+			m?.(e);
+		} finally {
+			y(!1);
+		}
+	}, W = async (e) => {
+		try {
+			if (j(!0), e === "metamask") {
+				if (typeof window < "u" && window.ethereum?.isMetaMask) {
+					let e = await window.ethereum.request({ method: "eth_requestAccounts" });
+					if (e && e.length > 0) {
+						k(e[0]), N("metamask");
+						return;
+					}
+				}
+				throw Error("请安装 MetaMask 扩展");
+			}
+			if (e === "walletconnect") {
+				let e = await EthereumProvider.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 && (k(t[0]), N("walletconnect"), P.current = e);
+			}
+		} catch (e) {
+			console.error("钱包连接失败:", e), m?.(e);
+		} finally {
+			j(!1);
+		}
+	}, G = async (e) => {
+		let t;
+		if (t = M === "walletconnect" ? P.current : window.ethereum, t) try {
+			await t.request({
+				method: "wallet_switchEthereumChain",
+				params: [{ chainId: `0x${e.toString(16)}` }]
+			});
+		} catch (e) {
+			throw e.code === 4902 ? Error("请在钱包中添加该网络") : e;
+		}
+	}, K = async () => {
+		if (!(!O || !Y.current || !R)) try {
+			y(!0);
+			let e = Y.current, t = B(S);
+			await G(I.chainId);
+			let n = createWalletClient({
+				account: O,
+				chain: t,
+				transport: custom(M === "walletconnect" ? P.current : window.ethereum)
+			});
+			if (R.address) {
+				let t = await n.writeContract({
+					address: R.address,
+					abi: [{
+						name: "transfer",
+						type: "function",
+						stateMutability: "nonpayable",
+						inputs: [{
+							name: "to",
+							type: "address"
+						}, {
+							name: "amount",
+							type: "uint256"
+						}],
+						outputs: [{ type: "bool" }]
+					}],
+					functionName: "transfer",
+					args: [e.receiveAddress, parseUnits(e.paymentAmount, R.decimals)],
+					chain: null
+				});
+				console.log("转账交易哈希:", t);
+			} else {
+				let t = await n.sendTransaction({
+					to: e.receiveAddress,
+					value: parseUnits(e.paymentAmount, R.decimals),
+					chain: null
+				});
+				console.log("转账交易哈希:", t);
+			}
+			Z(e.paymentId);
+		} catch (e) {
+			console.error("钱包支付失败:", e), m?.(e);
+		} finally {
+			y(!1);
+		}
+	}, q = async () => {
+		if (!(!O || !Y.current || !R)) try {
+			y(!0);
+			let e = Y.current, t = B(S);
+			await G(I.chainId);
+			let n = createWalletClient({
+				account: O,
+				chain: t,
+				transport: custom(M === "walletconnect" ? P.current : window.ethereum)
+			});
+			if (!R.address) throw Error("订阅支付不支持原生代币");
+			let r = await n.writeContract({
+				address: R.address,
+				abi: [{
+					name: "approve",
+					type: "function",
+					stateMutability: "nonpayable",
+					inputs: [{
+						name: "spender",
+						type: "address"
+					}, {
+						name: "amount",
+						type: "uint256"
+					}],
+					outputs: [{ type: "bool" }]
+				}],
+				functionName: "approve",
+				args: [e.spenderAddress, parseUnits(e.approveAmount, R.decimals)],
+				chain: null
+			});
+			console.log("授权交易哈希:", r), Z(e.subscriptionId);
+		} catch (e) {
+			console.error("钱包授权失败:", e), m?.(e);
+		} finally {
+			y(!1);
+		}
+	}, J = async () => {
+		if (!O) {
+			m?.(/* @__PURE__ */ Error("请先连接钱包"));
+			return;
+		}
+		i === "one-time" ? await K() : i === "subscription" && await q();
+	}, Y = useRef(null), X = async () => {
+		if (!(!S || !w)) try {
+			y(!0);
+			let e = "";
+			i === "one-time" ? (Y.current = await h.createOnetimePayment({
+				paymentChain: S,
+				paymentToken: w,
+				orderId: l,
+				amount: H
+			}), e = `${S.toLowerCase()}:${Y.current.receiveAddress}?amount=${Y.current.paymentAmount}`) : i === "subscription" && (Y.current = await h.createSubscriptionPayment({
+				paymentChain: S,
+				paymentToken: w,
+				orderId: l,
+				amountOfUsd: H,
+				intervalDays: d || 30
+			}), e = `${S.toLowerCase()}:${Y.current.spenderAddress}?amount=${Y.current.approveAmount}`), _("payment"), D(await import_browser.toDataURL(e, {
+				width: 200,
+				margin: 2,
+				errorCorrectionLevel: "H"
+			}));
+		} catch (e) {
+			m?.(e);
+		} finally {
+			y(!1);
+		}
+	}, Te = async () => {
+		if (Y.current) try {
+			y(!0), i === "one-time" ? Z(Y.current.paymentId) : i === "subscription" && Z(Y.current.subscriptionId);
+		} catch (e) {
+			console.error("支付状态检查错误:", e), m?.(e), y(!1);
+		}
+	}, Z = (e) => {
+		let t = () => defer(() => i === "subscription" ? h.checkSubscriptionPaymentStatus({ subscriptionId: e }) : h.checkOnetimePaymentStatus({ paymentId: e })).pipe(timeout(15e3), retry({
+			count: 3,
+			delay: 2e3
+		}));
+		F.current?.unsubscribe(), F.current = t().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => t())) : EMPTY), tap((e) => {
+			e.status === "expired" && (y(!1), we?.(e)), e.status === "paid" && (y(!1), _("success"), f?.(e)), e.status === "failed" && (y(!1), p?.(e)), e.status === "approved" && (y(!1), _("success"), f?.(e));
+		})).subscribe({ error: (e) => {
+			console.error("支付状态检查错误:", e), y(!1), m?.(e);
+		} });
+	}, Q = async () => {
+		if (!Y.current) return;
+		let e = i === "subscription" ? Y.current.spenderAddress : Y.current.receiveAddress;
+		e && await navigator.clipboard.writeText(e);
+	}, $ = () => {
+		v || (t(), setTimeout(() => {
+			_("select"), Y.current = null;
+		}, 300));
+	};
+	return useEffect(() => {
+		e && b.length === 0 && U();
+	}, [e]), useEffect(() => {
+		L.length > 0 && T(L[0].symbol);
+	}, [L]), useEffect(() => () => {
+		F.current?.unsubscribe();
+	}, []), e ? /* @__PURE__ */ jsx("div", {
+		className: "_cppay-overlay",
+		onClick: (e) => e.target === e.currentTarget && !v && $(),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "_cppay-dialog",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "_cppay-header",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "_cppay-title",
+					children: g === "select" ? "选择支付方式" : "完成支付"
+				}), /* @__PURE__ */ jsx("button", {
+					onClick: $,
+					disabled: v,
+					className: "_cppay-close-btn",
+					children: /* @__PURE__ */ jsx("svg", {
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ jsx("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M6 18L18 6M6 6l12 12"
+						})
+					})
+				})]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "_cppay-content",
+				children: g === "success" ? /* @__PURE__ */ jsxs("div", {
+					style: {
+						textAlign: "center",
+						padding: "2rem 0"
+					},
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							style: {
+								fontSize: "64px",
+								marginBottom: "1rem"
+							},
+							children: "✅"
+						}),
+						/* @__PURE__ */ jsx("h3", {
+							style: {
+								fontSize: "1.5rem",
+								fontWeight: 600,
+								color: "#10b981",
+								margin: "0 0 0.5rem 0"
+							},
+							children: i === "subscription" ? "授权成功!" : "支付成功!"
+						}),
+						/* @__PURE__ */ jsx("p", {
+							style: {
+								color: "#6b7280",
+								margin: 0
+							},
+							children: i === "subscription" ? "订阅已激活" : "交易已完成"
+						})
+					]
+				}) : g === "select" ? /* @__PURE__ */ jsxs("div", { children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "_cppay-section",
+						children: [/* @__PURE__ */ jsx("label", {
+							className: "_cppay-label",
+							children: "支付网络"
+						}), /* @__PURE__ */ jsx("div", {
+							className: "_cppay-grid",
+							children: b.map((e) => /* @__PURE__ */ jsxs("button", {
+								onClick: () => C(e.chain),
+								className: `_cppay-select-btn ${S === e.chain ? "_cppay-selected" : ""}`,
+								children: [e.icon && /* @__PURE__ */ jsx("img", {
+									src: e.icon,
+									alt: e.chain
+								}), /* @__PURE__ */ jsx("span", { children: e.chain })]
+							}, e.chain))
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "_cppay-section",
+						children: [/* @__PURE__ */ jsx("label", {
+							className: "_cppay-label",
+							children: "支付代币"
+						}), /* @__PURE__ */ jsx("div", {
+							className: "_cppay-grid",
+							children: L.map((e) => /* @__PURE__ */ jsxs("button", {
+								onClick: () => T(e.symbol),
+								className: `_cppay-select-btn ${w === e.symbol ? "_cppay-selected" : ""}`,
+								children: [e.icon && /* @__PURE__ */ jsx("img", {
+									src: e.icon,
+									alt: e.symbol
+								}), /* @__PURE__ */ jsx("span", { children: e.symbol })]
+							}, e.symbol))
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "_cppay-section",
+						children: /* @__PURE__ */ jsx("div", {
+							className: "_cppay-price-box",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "_cppay-price-row",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "_cppay-price-label",
+									children: "支付金额"
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "_cppay-price-amount",
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "_cppay-price-main",
+										children: [
+											H,
+											" ",
+											w
+										]
+									}), /* @__PURE__ */ jsxs("div", {
+										className: "_cppay-price-sub",
+										children: ["≈ $", u]
+									})]
+								})]
+							})
+						})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "_cppay-section",
+						children: /* @__PURE__ */ jsx("button", {
+							onClick: X,
+							disabled: !S || !w || v,
+							className: "_cppay-btn _cppay-btn-primary",
+							children: v ? "处理中..." : "继续支付"
+						})
+					})
+				] }) : /* @__PURE__ */ jsxs("div", { children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "_cppay-qr-container",
+						children: /* @__PURE__ */ jsx("div", {
+							className: "_cppay-qr-code",
+							children: E && /* @__PURE__ */ jsx("img", {
+								src: E,
+								alt: "Payment QR Code",
+								style: {
+									width: "160px",
+									height: "160px",
+									display: "block"
+								}
+							})
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "_cppay-section",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "_cppay-info-box",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "_cppay-info-label",
+									children: i === "subscription" ? "授权金额" : "支付金额"
+								}), /* @__PURE__ */ jsx("div", {
+									className: "_cppay-info-value",
+									children: i === "subscription" ? `${V(Y.current.approveAmount, z(w))} ${w}` : `${V(Y.current.paymentAmount, z(w))} ${w}`
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "_cppay-info-box",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "_cppay-info-label",
+									children: i === "subscription" ? "授权合约地址" : "支付地址"
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "_cppay-address-row",
+									children: [/* @__PURE__ */ jsx("code", { children: i === "subscription" ? Y.current.spenderAddress : Y.current.receiveAddress }), /* @__PURE__ */ jsx("button", {
+										onClick: Q,
+										className: "_cppay-copy-btn",
+										title: "复制地址",
+										children: /* @__PURE__ */ jsx("svg", {
+											fill: "none",
+											stroke: "currentColor",
+											viewBox: "0 0 24 24",
+											children: /* @__PURE__ */ jsx("path", {
+												strokeLinecap: "round",
+												strokeLinejoin: "round",
+												strokeWidth: 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"
+											})
+										})
+									})]
+								})]
+							}),
+							i === "subscription" && /* @__PURE__ */ jsxs("div", {
+								className: "_cppay-info-box",
+								style: {
+									background: "#fff3cd",
+									borderColor: "#ffc107"
+								},
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "_cppay-info-label",
+									style: { color: "#856404" },
+									children: "📌 订阅说明"
+								}), /* @__PURE__ */ jsx("div", {
+									className: "_cppay-info-value",
+									style: {
+										fontSize: "12px",
+										color: "#856404"
+									},
+									children: "订阅支付需要授权代币给合约地址，系统将按周期自动扣款。授权后无需每次手动支付。"
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "_cppay-section",
+						children: O ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
+							onClick: J,
+							disabled: v,
+							className: "_cppay-btn _cppay-btn-primary",
+							children: v ? i === "subscription" ? "授权中..." : "支付中..." : i === "subscription" ? "💳 钱包授权" : "💳 钱包支付"
+						}), /* @__PURE__ */ jsxs("div", {
+							style: {
+								textAlign: "center",
+								marginTop: "8px",
+								fontSize: "12px",
+								color: "#666"
+							},
+							children: [
+								"已连接: ",
+								O.slice(0, 6),
+								"...",
+								O.slice(-4)
+							]
+						})] }) : /* @__PURE__ */ jsxs("div", {
+							style: {
+								display: "flex",
+								flexDirection: "row",
+								gap: "0.5rem",
+								justifyContent: "center"
+							},
+							children: [/* @__PURE__ */ jsxs("button", {
+								onClick: () => W("metamask"),
+								disabled: A,
+								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: () => W("walletconnect"),
+								disabled: A,
+								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" })]
+							})]
+						})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "_cppay-section",
+						children: /* @__PURE__ */ jsx("button", {
+							onClick: Te,
+							disabled: v,
+							className: "_cppay-btn _cppay-btn-primary",
+							children: v ? "检查中..." : "我已完成支付"
+						})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "_cppay-section",
+						children: /* @__PURE__ */ jsx("button", {
+							onClick: () => _("select"),
+							disabled: v,
+							className: "_cppay-btn _cppay-btn-text",
+							children: "更改支付方式"
+						})
+					})
+				] })
+			})]
+		})
+	}) : 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(() => {
+		r(!1);
+	}, []), Ce = useCallback((e) => {
+		i?.onSuccess?.(e), r(!1);
+	}, [i]), c = useCallback((e) => {
+		i?.onError?.(e);
+	}, [i]);
+	return /* @__PURE__ */ jsxs(CppayContext.Provider, {
+		value: { showPayment: o },
+		children: [t, i && /* @__PURE__ */ jsx(PaymentDialog_default, {
+			open: n,
+			onClose: s,
+			apikey: e,
+			plain: i.plain,
+			orderId: i.orderId,
+			amount: i.amount,
+			intervalDays: i.intervalDays,
+			onSuccess: Ce,
+			onError: c
+		})]
+	});
+}, useCppayPayment = () => {
+	let e = useContext(CppayContext);
+	if (!e) throw Error("useCppayPayment must be used within CppayProvider");
+	return e;
+};
+injectStyle(payment_dialog_default);
+export { CppayProvider, PaymentDialog_default as PaymentDialog, useCppayPayment };

package/dist/vue.cjs

@@ -0,0 +1 @@
+const e=require(`./walletconnect-B_n5YF-h.cjs`),t=require(`./cppay-DnxPUyM2.cjs`);let n=require(`vue`),r=require(`rxjs`),i=require(`rxjs/operators`),a=require(`viem`),o=require(`viem/chains`),s=require(`@walletconnect/ethereum-provider`);s=e.o(s);var ee=e.o(e.r(),1),te={class:`_cppay-dialog`},ne={class:`_cppay-header`},re={class:`_cppay-title`},ie=[`disabled`],ae={class:`_cppay-content`},oe={key:0,style:{"text-align":`center`,padding:`2rem 0`}},c={style:{"font-size":`1.5rem`,"font-weight":`600`,color:`#10b981`,margin:`0 0 0.5rem 0`}},se={style:{color:`#6b7280`,margin:`0`}},ce={key:1},le={class:`_cppay-section`},ue={class:`_cppay-grid`},de=[`onClick`],fe=[`src`,`alt`],pe={class:`_cppay-section`},me={class:`_cppay-grid`},he=[`onClick`],ge=[`src`,`alt`],_e={class:`_cppay-section`},ve={class:`_cppay-price-box`},ye={class:`_cppay-price-row`},be={class:`_cppay-price-amount`},xe={class:`_cppay-price-main`},Se={class:`_cppay-price-sub`},Ce={class:`_cppay-section`},we=[`disabled`],Te={key:2},Ee={class:`_cppay-qr-container`},De={class:`_cppay-qr-code`},l=[`src`],u={class:`_cppay-section`},d={class:`_cppay-info-box`},f={class:`_cppay-info-label`},p={class:`_cppay-info-value`},m={class:`_cppay-info-box`},h={class:`_cppay-info-label`},g={class:`_cppay-address-row`},_={key:0,class:`_cppay-info-box`,style:{background:`#fff3cd`,"border-color":`#ffc107`}},v={class:`_cppay-section`},y={key:0,style:{display:`flex`,"flex-direction":`row`,gap:`0.5rem`,"justify-content":`center`}},b=[`disabled`],x=[`src`],S=[`disabled`],C=[`src`],w={key:1},T=[`disabled`],E={style:{"text-align":`center`,"margin-top":`8px`,"font-size":`12px`,color:`#666`}},Oe={class:`_cppay-section`},ke=[`disabled`],Ae={class:`_cppay-section`},je=[`disabled`],D=(0,n.defineComponent)({__name:`PaymentDialog`,props:{modelValue:{type:Boolean},apikey:{},orderId:{},amount:{},plain:{default:`one-time`},intervalDays:{default:30}},emits:[`update:modelValue`,`success`,`error`],setup(D,{emit:O}){let k=D,A=O,j=new t.t(k.apikey),M=(0,n.ref)(`select`),N=(0,n.ref)(!1),P=(0,n.ref)([]),F=(0,n.ref)(``),I=(0,n.ref)(``),L=(0,n.ref)(null),R=(0,n.ref)(``),z=(0,n.ref)(``),B=(0,n.ref)(!1),V=(0,n.ref)(!0),H=(0,n.ref)(null),U=(0,n.ref)(null),W=(0,n.ref)(null),G=(0,n.computed)(()=>P.value.find(e=>e.chain===F.value)),K=(0,n.computed)(()=>G.value?.tokens||[]),q=(0,n.computed)(()=>K.value.find(e=>e.symbol===I.value)),Me=e=>[`USDT`,`USDC`,`BUSD`,`DAI`,`TUSD`,`USDD`,`FDUSD`].includes(e.toUpperCase())?2:6,Ne=(e,t)=>{let n=parseFloat(e);return isNaN(n)?`0`:n.toFixed(t).replace(/\.?0+$/,``)},J=(0,n.computed)(()=>{if(!I.value||!q.value)return`0`;let e=parseFloat(q.value.price);if(isNaN(e)||e===0)return`0`;let t=Me(I.value);return Ne((parseFloat(k.amount)/e).toFixed(t),t)}),Pe=()=>{L.value&&(N.value=!0,k.plain===`one-time`?$(L.value.paymentId):k.plain===`subscription`&&$(L.value.subscriptionId))},Y=()=>{N.value||(A(`update:modelValue`,!1),setTimeout(()=>{M.value=`select`,L.value=null},300))},Fe=async()=>{try{N.value=!0,P.value=await j.getSupportedChains(),P.value.length>0&&(F.value=P.value[0].chain)}catch(e){A(`error`,e)}finally{N.value=!1}},X=e=>({ETH:o.mainnet,BSC:o.bsc,Polygon:o.polygon,Arbitrum:o.arbitrum,Optimism:o.optimism,Base:o.base})[e]||o.mainnet,Z=async e=>{try{if(B.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){z.value=e[0],H.value=`metamask`,V.value=!1;return}}throw Error(`请安装 MetaMask 扩展`)}if(e===`walletconnect`){let e=await s.default.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&&(z.value=t[0],H.value=`walletconnect`,U.value=e,V.value=!1)}}catch(e){console.error(`钱包连接失败:`,e),A(`error`,e)}finally{B.value=!1}},Q=async e=>{let t;if(t=H.value===`walletconnect`?U.value:window.ethereum,t)try{await t.request({method:`wallet_switchEthereumChain`,params:[{chainId:`0x${e.toString(16)}`}]})}catch(e){throw e.code===4902?Error(`请在钱包中添加该网络`):e}},Ie=async()=>{if(!(!z.value||!L.value||!q.value))try{N.value=!0;let e=L.value,t=X(F.value);await Q(G.value.chainId);let n=(0,a.createWalletClient)({account:z.value,chain:t,transport:(0,a.custom)(H.value===`walletconnect`?U.value:window.ethereum)});if(q.value.address){let t=await n.writeContract({address:q.value.address,abi:[{name:`transfer`,type:`function`,stateMutability:`nonpayable`,inputs:[{name:`to`,type:`address`},{name:`amount`,type:`uint256`}],outputs:[{type:`bool`}]}],functionName:`transfer`,args:[e.receiveAddress,(0,a.parseUnits)(e.paymentAmount,q.value.decimals)],chain:null});console.log(`转账交易哈希:`,t)}else{let t=await n.sendTransaction({to:e.receiveAddress,value:(0,a.parseUnits)(e.paymentAmount,q.value.decimals),chain:null});console.log(`转账交易哈希:`,t)}$(e.paymentId)}catch(e){console.error(`钱包支付失败:`,e),A(`error`,e)}finally{N.value=!1}},Le=async()=>{if(!(!z.value||!L.value||!q.value))try{N.value=!0;let e=L.value,t=X(F.value);await Q(G.value.chainId);let n=(0,a.createWalletClient)({account:z.value,chain:t,transport:(0,a.custom)(H.value===`walletconnect`?U.value:window.ethereum)});if(!q.value.address)throw Error(`订阅支付不支持原生代币`);let r=await n.writeContract({address:q.value.address,abi:[{name:`approve`,type:`function`,stateMutability:`nonpayable`,inputs:[{name:`spender`,type:`address`},{name:`amount`,type:`uint256`}],outputs:[{type:`bool`}]}],functionName:`approve`,args:[e.receiveAddress,(0,a.parseUnits)(e.paymentAmount,q.value.decimals)],chain:null});console.log(`授权交易哈希:`,r),$(e.paymentId)}catch(e){console.error(`钱包授权失败:`,e),A(`error`,e)}finally{N.value=!1}},Re=async()=>{if(!z.value){V.value=!0;return}k.plain===`one-time`?await Ie():k.plain===`subscription`&&await Le()},ze=async()=>{if(!(!F.value||!I.value))try{N.value=!0;let e;k.plain===`one-time`?e=await j.createPayment(`one-time`,{paymentChain:F.value,paymentToken:I.value,orderId:k.orderId,amount:J.value}):k.plain===`subscription`&&(e=await j.createPayment(`subscription`,{paymentChain:F.value,paymentToken:I.value,orderId:k.orderId,amountOfUsd:J.value,intervalDays:k.intervalDays||30})),L.value={paymentId:e.paymentId||e.subscriptionId,paymentAmount:e.paymentAmount||e.approveAmount,receiveAddress:e.receiveAddress||e.spenderAddress||``};let t=`${F.value.toLowerCase()}:${L.value.receiveAddress}?amount=${L.value.paymentAmount}`;R.value=await ee.toDataURL(t,{width:200,margin:2,errorCorrectionLevel:`H`}),M.value=`payment`}catch(e){A(`error`,e)}finally{N.value=!1}},$=e=>{let t=()=>(0,r.defer)(()=>k.plain===`subscription`?j.checkSubscriptionPaymentStatus({subscriptionId:e}):j.checkOnetimePaymentStatus({paymentId:e})).pipe((0,i.timeout)(15e3),(0,i.retry)({count:3,delay:2e3}));W.value?.unsubscribe(),W.value=t().pipe((0,i.expand)(e=>e.status===`pending`?(0,r.timer)(2e3).pipe((0,i.switchMap)(()=>t())):r.EMPTY),(0,i.tap)(e=>{e.status===`expired`&&(N.value=!1),e.status===`paid`&&(N.value=!1,M.value=`success`,A(`success`,e)),e.status===`failed`&&(N.value=!1),e.status===`approved`&&(N.value=!1,M.value=`success`,A(`success`,e))})).subscribe({error:e=>{console.error(`支付状态检查错误:`,e),N.value=!1,A(`error`,e)}})},Be=async()=>{L.value?.receiveAddress&&await navigator.clipboard.writeText(L.value.receiveAddress)};return(0,n.watch)(()=>k.modelValue,e=>{e&&P.value.length===0&&Fe()}),(0,n.watch)(F,()=>{K.value.length>0&&(I.value=K.value[0].symbol)}),(0,n.watch)(M,e=>{e===`payment`&&L.value&&$(L.value.paymentId)}),(0,n.onUnmounted)(()=>{W.value?.unsubscribe()}),(t,r)=>((0,n.openBlock)(),(0,n.createBlock)(n.Teleport,{to:`body`},[(0,n.createVNode)(n.Transition,{name:`_cppay-fade`},{default:(0,n.withCtx)(()=>[D.modelValue?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:`_cppay-overlay`,onClick:r[3]||=(0,n.withModifiers)(e=>!N.value&&Y(),[`self`])},[(0,n.createElementVNode)(`div`,te,[(0,n.createElementVNode)(`div`,ne,[(0,n.createElementVNode)(`h2`,re,(0,n.toDisplayString)(M.value===`select`?`选择支付方式`:M.value===`success`?`支付结果`:`完成支付`),1),(0,n.createElementVNode)(`button`,{onClick:Y,class:`_cppay-close-btn`,disabled:N.value},[...r[4]||=[(0,n.createElementVNode)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`},[(0,n.createElementVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M6 18L18 6M6 6l12 12`})],-1)]],8,ie)]),(0,n.createElementVNode)(`div`,ae,[M.value===`success`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,oe,[r[5]||=(0,n.createElementVNode)(`div`,{style:{"font-size":`64px`,"margin-bottom":`1rem`}},`✅`,-1),(0,n.createElementVNode)(`h3`,c,(0,n.toDisplayString)(k.plain===`subscription`?`授权成功!`:`支付成功!`),1),(0,n.createElementVNode)(`p`,se,(0,n.toDisplayString)(k.plain===`subscription`?`订阅已激活`:`交易已完成`),1)])):(0,n.createCommentVNode)(``,!0),M.value===`select`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ce,[(0,n.createElementVNode)(`div`,le,[r[6]||=(0,n.createElementVNode)(`label`,{class:`_cppay-label`},`支付网络`,-1),(0,n.createElementVNode)(`div`,ue,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(P.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:e.chain,onClick:t=>F.value=e.chain,class:(0,n.normalizeClass)([`_cppay-select-btn`,F.value===e.chain?`_cppay-selected`:``])},[e.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:e.icon,alt:e.chain},null,8,fe)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(e.chain),1)],10,de))),128))])]),(0,n.createElementVNode)(`div`,pe,[r[7]||=(0,n.createElementVNode)(`label`,{class:`_cppay-label`},`支付代币`,-1),(0,n.createElementVNode)(`div`,me,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(K.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:e.symbol,onClick:t=>I.value=e.symbol,class:(0,n.normalizeClass)([`_cppay-select-btn`,I.value===e.symbol?`_cppay-selected`:``])},[e.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:e.icon,alt:e.symbol},null,8,ge)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(e.symbol),1)],10,he))),128))])]),(0,n.createElementVNode)(`div`,_e,[(0,n.createElementVNode)(`div`,ve,[(0,n.createElementVNode)(`div`,ye,[r[8]||=(0,n.createElementVNode)(`span`,{class:`_cppay-price-label`},`支付金额`,-1),(0,n.createElementVNode)(`div`,be,[(0,n.createElementVNode)(`div`,xe,(0,n.toDisplayString)(J.value)+` `+(0,n.toDisplayString)(I.value),1),(0,n.createElementVNode)(`div`,Se,`≈ $`+(0,n.toDisplayString)(D.amount),1)])])])]),(0,n.createElementVNode)(`div`,Ce,[(0,n.createElementVNode)(`button`,{onClick:ze,disabled:!F.value||!I.value||N.value,class:`_cppay-btn _cppay-btn-primary`},(0,n.toDisplayString)(N.value?`处理中...`:`继续支付`),9,we)])])):M.value===`payment`&&L.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,Te,[(0,n.createElementVNode)(`div`,Ee,[(0,n.createElementVNode)(`div`,De,[R.value?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:R.value,alt:`QR Code`,style:{width:`160px`,height:`160px`,display:`block`}},null,8,l)):(0,n.createCommentVNode)(``,!0)])]),(0,n.createElementVNode)(`div`,u,[(0,n.createElementVNode)(`div`,d,[(0,n.createElementVNode)(`div`,f,(0,n.toDisplayString)(k.plain===`subscription`?`授权金额`:`支付金额`),1),(0,n.createElementVNode)(`div`,p,(0,n.toDisplayString)(L.value.paymentAmount)+` `+(0,n.toDisplayString)(I.value),1)]),(0,n.createElementVNode)(`div`,m,[(0,n.createElementVNode)(`div`,h,(0,n.toDisplayString)(k.plain===`subscription`?`授权合约地址`:`支付地址`),1),(0,n.createElementVNode)(`div`,g,[(0,n.createElementVNode)(`code`,null,(0,n.toDisplayString)(L.value.receiveAddress),1),(0,n.createElementVNode)(`button`,{onClick:Be,class:`_cppay-copy-btn`,title:`复制地址`},[...r[9]||=[(0,n.createElementVNode)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`},[(0,n.createElementVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"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)]])])]),k.plain===`subscription`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,_,[...r[10]||=[(0,n.createElementVNode)(`div`,{class:`_cppay-info-label`,style:{color:`#856404`}},`📌 订阅说明`,-1),(0,n.createElementVNode)(`div`,{class:`_cppay-info-value`,style:{"font-size":`12px`,color:`#856404`}},` 订阅支付需要授权代币给合约地址，系统将按周期自动扣款。授权后无需每次手动支付。 `,-1)]])):(0,n.createCommentVNode)(``,!0)]),(0,n.createElementVNode)(`div`,v,[z.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,w,[(0,n.createElementVNode)(`button`,{onClick:Re,disabled:N.value,class:`_cppay-btn _cppay-btn-primary`},(0,n.toDisplayString)(N.value?D.plain===`subscription`?`授权中...`:`支付中...`:D.plain===`subscription`?`💳 钱包授权`:`💳 钱包支付`),9,T),(0,n.createElementVNode)(`div`,E,` 已连接: `+(0,n.toDisplayString)(z.value.slice(0,6))+`...`+(0,n.toDisplayString)(z.value.slice(-4)),1)])):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,y,[(0,n.createElementVNode)(`button`,{onClick:r[0]||=()=>Z(`metamask`),disabled:B.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`}},[(0,n.createElementVNode)(`img`,{src:(0,n.unref)(e.n),alt:`MetaMask`,style:{width:`20px`,height:`20px`}},null,8,x),r[11]||=(0,n.createElementVNode)(`span`,null,`MetaMask`,-1)],8,b),(0,n.createElementVNode)(`button`,{onClick:r[1]||=()=>Z(`walletconnect`),disabled:B.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`}},[(0,n.createElementVNode)(`img`,{src:(0,n.unref)(e.t),alt:`WalletConnect`,style:{width:`20px`,height:`20px`}},null,8,C),r[12]||=(0,n.createElementVNode)(`span`,null,`WalletConnect`,-1)],8,S)]))]),(0,n.createElementVNode)(`div`,Oe,[(0,n.createElementVNode)(`button`,{onClick:Pe,disabled:N.value,class:`_cppay-btn _cppay-btn-primary`},(0,n.toDisplayString)(N.value?`检查中...`:`我已完成支付`),9,ke)]),(0,n.createElementVNode)(`div`,Ae,[(0,n.createElementVNode)(`button`,{onClick:r[2]||=e=>M.value=`select`,disabled:N.value,class:`_cppay-btn _cppay-btn-text`},` 更改支付方式 `,8,je)])])):(0,n.createCommentVNode)(``,!0)])])])):(0,n.createCommentVNode)(``,!0)]),_:1})]))}}),O=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},k=O(D,[[`__scopeId`,`data-v-1a5fedf2`]]),A=(0,n.ref)({apikey:``,open:!1,options:null});const j=e=>{A.value.options=e,A.value.open=!0};var M=()=>{A.value.open=!1},N=e=>{A.value.options?.onSuccess?.(e),A.value.open=!1},P=e=>{A.value.options?.onError?.(e)};const F={install(e,t){if(!t?.apikey)throw Error(`Cppay plugin requires an apikey`);A.value.apikey=t.apikey,e.config.globalProperties.$showPayment=j;let r=document.createElement(`div`);document.body.appendChild(r),(0,n.createApp)({setup(){return()=>A.value.options?(0,n.h)(k,{modelValue:A.value.open,"onUpdate:modelValue":e=>{A.value.open=e,e||M()},apikey:A.value.apikey,plain:A.value.options.plain,orderId:A.value.options.orderId,amount:A.value.options.amount,intervalDays:A.value.options.intervalDays,onSuccess:N,onError:P}):null}}).mount(r)}},I=()=>{if(!A.value.apikey)throw Error(`useCppayPayment must be used after installing CppayPlugin`);return{showPayment:j}};e.i(e.a),exports.CppayPlugin=F,exports.PaymentDialog=k,exports.showPayment=j,exports.useCppayPayment=I;