cppay-sdk 0.0.2-beta.23 → 0.0.2-beta.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AlertController-BPGQ5PgH.js +12787 -0
- package/dist/AlertController-CjTbf-Vd.cjs +10 -0
- package/dist/ApiController-Crww70p3.js +5652 -0
- package/dist/ApiController-DB43iwF1.cjs +4 -0
- package/dist/CaipNetworkUtil-Bd4HeTLY.js +204 -0
- package/dist/CaipNetworkUtil-Bg22uavB.cjs +1 -0
- package/dist/HelpersUtil-CeTmhhZv.js +1415 -0
- package/dist/HelpersUtil-L0eeYoE2.cjs +225 -0
- package/dist/PhArrowCircleDown-BBy_VuPx.js +46 -0
- package/dist/PhArrowCircleDown-BU4QSsA3.cjs +14 -0
- package/dist/PhArrowClockwise-D8C24T6J.js +46 -0
- package/dist/PhArrowClockwise-DWqhijc2.cjs +14 -0
- package/dist/PhArrowDown-Qm1T2ueY.cjs +14 -0
- package/dist/PhArrowDown-p9Tekztm.js +46 -0
- package/dist/PhArrowLeft-CEtyMFdq.cjs +14 -0
- package/dist/PhArrowLeft-CgSKs9Xe.js +46 -0
- package/dist/PhArrowRight-ZatyoD6R.cjs +14 -0
- package/dist/PhArrowRight-dMdzUgrx.js +46 -0
- package/dist/PhArrowSquareOut-CbP71Gny.js +46 -0
- package/dist/PhArrowSquareOut-HyssV9za.cjs +14 -0
- package/dist/PhArrowUp-Cz127u8b.cjs +14 -0
- package/dist/PhArrowUp-DNn-RQ7v.js +46 -0
- package/dist/PhArrowUpRight-BX6LlOL0.cjs +14 -0
- package/dist/PhArrowUpRight-OyGUhoGi.js +46 -0
- package/dist/PhArrowsClockwise-B6w_d2Gy.cjs +14 -0
- package/dist/PhArrowsClockwise-BWITTwAP.js +46 -0
- package/dist/PhArrowsDownUp-CHHtczH8.js +46 -0
- package/dist/PhArrowsDownUp-WYzjhvmQ.cjs +14 -0
- package/dist/PhArrowsLeftRight-BA0fjcLn.js +46 -0
- package/dist/PhArrowsLeftRight-bgyrYWLt.cjs +14 -0
- package/dist/PhBank-BInxTxLw.js +46 -0
- package/dist/PhBank-CZ_uTsAN.cjs +14 -0
- package/dist/PhBrowser--6CxS13p.js +46 -0
- package/dist/PhBrowser-BzOw0W8k.cjs +14 -0
- package/dist/PhCaretDown-D-zrPZN9.js +46 -0
- package/dist/PhCaretDown-DvF3M2iu.cjs +14 -0
- package/dist/PhCaretLeft-DND0SNkF.cjs +14 -0
- package/dist/PhCaretLeft-Dm6NsnIS.js +46 -0
- package/dist/PhCaretRight-BkRzbZ5m.js +46 -0
- package/dist/PhCaretRight-xQkT3bmO.cjs +14 -0
- package/dist/PhCaretUp-BEk_5jnn.cjs +14 -0
- package/dist/PhCaretUp-DZRZQ-T1.js +46 -0
- package/dist/PhCheck-BmwCUZuW.js +46 -0
- package/dist/PhCheck-C-u2QP3y.cjs +14 -0
- package/dist/PhCircleHalf--TfGDEAT.js +46 -0
- package/dist/PhCircleHalf-keQfI7pU.cjs +14 -0
- package/dist/PhClock-BvmbjmRx.cjs +14 -0
- package/dist/PhClock-DNCf5CVD.js +46 -0
- package/dist/PhCompass-B6tcbOFZ.js +46 -0
- package/dist/PhCompass-rWCQ_cR8.cjs +14 -0
- package/dist/PhCopy-CzC1olDO.cjs +14 -0
- package/dist/PhCopy-rbBTM6ME.js +46 -0
- package/dist/PhCreditCard-DOpOB0Pl.js +46 -0
- package/dist/PhCreditCard-D_qRVKuY.cjs +14 -0
- package/dist/PhCurrencyDollar-4EASQkjs.js +46 -0
- package/dist/PhCurrencyDollar-RVJJ6bQ3.cjs +14 -0
- package/dist/PhDesktop-CPaC-lRj.cjs +14 -0
- package/dist/PhDesktop-DZPux6RD.js +46 -0
- package/dist/PhDeviceMobile-BnXs4f3Q.cjs +14 -0
- package/dist/PhDeviceMobile-CcdKzyah.js +46 -0
- package/dist/PhDotsThree-19bbXQaM.js +46 -0
- package/dist/PhDotsThree-DSmFeW6i.cjs +14 -0
- package/dist/PhEnvelope-F7RF6h58.js +46 -0
- package/dist/PhEnvelope-QuTMQbE9.cjs +14 -0
- package/dist/PhFunnelSimple-B_FRP21W.js +46 -0
- package/dist/PhFunnelSimple-D4Ztu4ri.cjs +14 -0
- package/dist/PhGlobe-B8GrTk4S.cjs +14 -0
- package/dist/PhGlobe-BSPoRqTV.js +46 -0
- package/dist/PhIdentificationCard-fGDBGII0.cjs +14 -0
- package/dist/PhIdentificationCard-giQnti3K.js +46 -0
- package/dist/PhImage-BpUk8j27.cjs +14 -0
- package/dist/PhImage-PtBaftbW.js +46 -0
- package/dist/PhInfo-DQEDS02h.js +46 -0
- package/dist/PhInfo-V5wKJJoK.cjs +14 -0
- package/dist/PhLightbulb-Cisg0Myw.js +46 -0
- package/dist/PhLightbulb-xP9kaUlD.cjs +14 -0
- package/dist/PhMagnifyingGlass-C1cVSYf2.cjs +14 -0
- package/dist/PhMagnifyingGlass-DlkOfQXn.js +46 -0
- package/dist/PhPaperPlaneRight-C7Jp2jl_.js +46 -0
- package/dist/PhPaperPlaneRight-Kh3uxxIy.cjs +14 -0
- package/dist/PhPlus-BgHn57eW.js +46 -0
- package/dist/PhPlus-hJ6DZNjc.cjs +14 -0
- package/dist/PhPower-C369g1jk.js +46 -0
- package/dist/PhPower-DZ-SpUrD.cjs +14 -0
- package/dist/PhPuzzlePiece-B0oABcWl.js +46 -0
- package/dist/PhPuzzlePiece-DLtOLrcw.cjs +14 -0
- package/dist/PhQrCode-BT_hyeEa.js +46 -0
- package/dist/PhQrCode-yI6bLoYY.cjs +14 -0
- package/dist/PhQuestion-B1UeE96D.js +46 -0
- package/dist/PhQuestion-icSeWABx.cjs +14 -0
- package/dist/PhQuestionMark-CBVW9Awo.js +46 -0
- package/dist/PhQuestionMark-Cmhqu81E.cjs +14 -0
- package/dist/PhSealCheck-DTKS5QAx.cjs +14 -0
- package/dist/PhSealCheck-Dm2I2X7k.js +46 -0
- package/dist/PhSignOut-25xp33w2.cjs +14 -0
- package/dist/PhSignOut-BTTDADPY.js +46 -0
- package/dist/PhSpinner-Dbua7p0Y.js +46 -0
- package/dist/PhSpinner-DtpwblyA.cjs +14 -0
- package/dist/PhTrash-B3wUg10m.cjs +14 -0
- package/dist/PhTrash-gZghJkGX.js +46 -0
- package/dist/PhUser-Bvcv05IM.js +46 -0
- package/dist/PhUser-COPP3N-M.cjs +14 -0
- package/dist/PhVault-CFa5lrPU.cjs +14 -0
- package/dist/PhVault-DvlBF0VI.js +46 -0
- package/dist/PhWallet-CzJcybaO.cjs +14 -0
- package/dist/PhWallet-Do_lf9BX.js +46 -0
- package/dist/PhWarning-BrbSc7gQ.cjs +14 -0
- package/dist/PhWarning-DiIpJVsx.js +46 -0
- package/dist/PhWarningCircle-DE9BlEIc.js +46 -0
- package/dist/PhWarningCircle-F5Piypme.cjs +14 -0
- package/dist/PhX-BK3VZT8X.cjs +14 -0
- package/dist/PhX-CNlXuiat.js +46 -0
- package/dist/basic-C16-Uba1.js +3796 -0
- package/dist/basic-ChiCOE6E.cjs +1329 -0
- package/dist/chunk-2qRSBEuq.js +18 -0
- package/dist/chunk-DT80SxnK.cjs +1 -0
- package/dist/core-DKXmyfMB.js +2337 -0
- package/dist/core-PuDBroil.cjs +1 -0
- package/dist/dijkstra-CNhLvnjU.cjs +1 -0
- package/dist/dijkstra-kFl0HtsI.js +56 -0
- package/dist/features-BYfQH2hG.cjs +2 -0
- package/dist/features-_5Pi-gXV.js +245 -0
- package/dist/index.cjs +1 -1
- package/dist/index.es-DDV8bPq_.js +8311 -0
- package/dist/index.es-fgFnvPDP.cjs +19 -0
- package/dist/property-Dil4gG0H.cjs +3 -0
- package/dist/property-JsW5AM1M.js +578 -0
- package/dist/react.cjs +1 -1
- package/dist/react.js +133 -131
- package/dist/vue.cjs +1 -1
- package/dist/vue.js +107 -105
- package/dist/w3m-modal-BBvmkTyb.cjs +2416 -0
- package/dist/w3m-modal-CFhImDZN.js +5286 -0
- package/dist/walletconnect-B0zXLUON.cjs +17 -0
- package/dist/walletconnect-Bb4rv9-G.js +11314 -0
- package/dist/wui-list-item-BGvfYb1W.cjs +1452 -0
- package/dist/wui-list-item-C4wJpGBn.js +2123 -0
- package/package.json +2 -3
- package/dist/walletconnect-B0L70Mgc.js +0 -1239
- package/dist/walletconnect-B_n5YF-h.cjs +0 -8
package/dist/react.js
CHANGED
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { o as __toESM } from "./chunk-2qRSBEuq.js";
|
|
2
2
|
import { t as cppay_default } from "./cppay-BcCDwXlg.js";
|
|
3
|
+
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";
|
|
4
|
+
import "./dijkstra-kFl0HtsI.js";
|
|
5
|
+
import "./index.es-DDV8bPq_.js";
|
|
3
6
|
import { EMPTY, defer, timer } from "rxjs";
|
|
4
7
|
import { expand, retry, switchMap, tap, timeout } from "rxjs/operators";
|
|
5
8
|
import { createWalletClient, custom, parseUnits } from "viem";
|
|
6
9
|
import { arbitrum, base, bsc, mainnet, optimism, polygon } from "viem/chains";
|
|
7
|
-
import EthereumProvider from "@walletconnect/ethereum-provider";
|
|
8
10
|
import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
|
|
9
11
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
-
var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialog_default = React.memo(({ open: e, onClose:
|
|
11
|
-
let
|
|
12
|
+
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 }) => {
|
|
13
|
+
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) => [
|
|
12
14
|
"USDT",
|
|
13
15
|
"USDC",
|
|
14
16
|
"BUSD",
|
|
@@ -16,50 +18,50 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
16
18
|
"TUSD",
|
|
17
19
|
"USDD",
|
|
18
20
|
"FDUSD"
|
|
19
|
-
].includes(e.toUpperCase()) ? 2 : 6,
|
|
21
|
+
].includes(e.toUpperCase()) ? 2 : 6, H = (e) => ({
|
|
20
22
|
ETH: mainnet,
|
|
21
23
|
BSC: bsc,
|
|
22
24
|
Polygon: polygon,
|
|
23
25
|
Arbitrum: arbitrum,
|
|
24
26
|
Optimism: optimism,
|
|
25
27
|
Base: base
|
|
26
|
-
})[e] || mainnet,
|
|
28
|
+
})[e] || mainnet, U = (e, t) => {
|
|
27
29
|
let n = parseFloat(e);
|
|
28
30
|
return isNaN(n) ? "0" : n.toFixed(t).replace(/\.?0+$/, "");
|
|
29
|
-
},
|
|
30
|
-
if (!
|
|
31
|
-
let e = parseFloat(
|
|
31
|
+
}, W = useMemo(() => {
|
|
32
|
+
if (!T || !B) return "0";
|
|
33
|
+
let e = parseFloat(B.price);
|
|
32
34
|
if (isNaN(e) || e === 0) return "0";
|
|
33
|
-
let t =
|
|
34
|
-
return
|
|
35
|
+
let t = V(T);
|
|
36
|
+
return U((parseFloat(u) / e).toFixed(t), t);
|
|
35
37
|
}, [
|
|
36
38
|
u,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
]),
|
|
39
|
+
T,
|
|
40
|
+
B
|
|
41
|
+
]), G = async () => {
|
|
40
42
|
try {
|
|
41
|
-
|
|
42
|
-
let e = await
|
|
43
|
-
|
|
43
|
+
b(!0);
|
|
44
|
+
let e = await g.getSupportedChains();
|
|
45
|
+
S(e), e.length > 0 && w(e[0].chain);
|
|
44
46
|
} catch (e) {
|
|
45
|
-
|
|
47
|
+
h?.(e);
|
|
46
48
|
} finally {
|
|
47
|
-
|
|
49
|
+
b(!1);
|
|
48
50
|
}
|
|
49
|
-
},
|
|
51
|
+
}, K = async (e) => {
|
|
50
52
|
try {
|
|
51
|
-
if (
|
|
53
|
+
if (N(!0), e === "metamask") {
|
|
52
54
|
if (typeof window < "u" && window.ethereum?.isMetaMask) {
|
|
53
55
|
let e = await window.ethereum.request({ method: "eth_requestAccounts" });
|
|
54
56
|
if (e && e.length > 0) {
|
|
55
|
-
|
|
57
|
+
j(e[0]), F("metamask");
|
|
56
58
|
return;
|
|
57
59
|
}
|
|
58
60
|
}
|
|
59
61
|
throw Error("请安装 MetaMask 扩展");
|
|
60
62
|
}
|
|
61
63
|
if (e === "walletconnect") {
|
|
62
|
-
let e = await
|
|
64
|
+
let e = await E.init({
|
|
63
65
|
projectId: "8d2e1854d3f1782e45aa15fbd8938894",
|
|
64
66
|
chains: [1],
|
|
65
67
|
showQrModal: !0,
|
|
@@ -95,16 +97,16 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
95
97
|
});
|
|
96
98
|
await e.enable();
|
|
97
99
|
let t = await e.request({ method: "eth_accounts" });
|
|
98
|
-
t && t.length > 0 && (
|
|
100
|
+
t && t.length > 0 && (j(t[0]), F("walletconnect"), I.current = e);
|
|
99
101
|
}
|
|
100
102
|
} catch (e) {
|
|
101
|
-
console.error("钱包连接失败:", e),
|
|
103
|
+
console.error("钱包连接失败:", e), h?.(e);
|
|
102
104
|
} finally {
|
|
103
|
-
|
|
105
|
+
N(!1);
|
|
104
106
|
}
|
|
105
|
-
},
|
|
107
|
+
}, q = async (e) => {
|
|
106
108
|
let t;
|
|
107
|
-
if (t =
|
|
109
|
+
if (t = P === "walletconnect" ? I.current : window.ethereum, t) try {
|
|
108
110
|
await t.request({
|
|
109
111
|
method: "wallet_switchEthereumChain",
|
|
110
112
|
params: [{ chainId: `0x${e.toString(16)}` }]
|
|
@@ -112,19 +114,19 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
112
114
|
} catch (e) {
|
|
113
115
|
throw e.code === 4902 ? Error("请在钱包中添加该网络") : e;
|
|
114
116
|
}
|
|
115
|
-
},
|
|
116
|
-
if (!(!
|
|
117
|
-
|
|
118
|
-
let e =
|
|
119
|
-
await
|
|
117
|
+
}, J = async () => {
|
|
118
|
+
if (!(!A || !X.current || !B)) try {
|
|
119
|
+
b(!0);
|
|
120
|
+
let e = X.current, t = H(C);
|
|
121
|
+
await q(R.chainId);
|
|
120
122
|
let n = createWalletClient({
|
|
121
|
-
account:
|
|
123
|
+
account: A,
|
|
122
124
|
chain: t,
|
|
123
|
-
transport: custom(
|
|
125
|
+
transport: custom(P === "walletconnect" ? I.current : window.ethereum)
|
|
124
126
|
});
|
|
125
|
-
if (
|
|
127
|
+
if (B.address) {
|
|
126
128
|
let t = await n.writeContract({
|
|
127
|
-
address:
|
|
129
|
+
address: B.address,
|
|
128
130
|
abi: [{
|
|
129
131
|
name: "transfer",
|
|
130
132
|
type: "function",
|
|
@@ -139,37 +141,37 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
139
141
|
outputs: [{ type: "bool" }]
|
|
140
142
|
}],
|
|
141
143
|
functionName: "transfer",
|
|
142
|
-
args: [e.receiveAddress, parseUnits(e.paymentAmount,
|
|
144
|
+
args: [e.receiveAddress, parseUnits(e.paymentAmount, B.decimals)],
|
|
143
145
|
chain: null
|
|
144
146
|
});
|
|
145
147
|
console.log("转账交易哈希:", t);
|
|
146
148
|
} else {
|
|
147
149
|
let t = await n.sendTransaction({
|
|
148
150
|
to: e.receiveAddress,
|
|
149
|
-
value: parseUnits(e.paymentAmount,
|
|
151
|
+
value: parseUnits(e.paymentAmount, B.decimals),
|
|
150
152
|
chain: null
|
|
151
153
|
});
|
|
152
154
|
console.log("转账交易哈希:", t);
|
|
153
155
|
}
|
|
154
156
|
Z(e.paymentId);
|
|
155
157
|
} catch (e) {
|
|
156
|
-
console.error("钱包支付失败:", e),
|
|
158
|
+
console.error("钱包支付失败:", e), h?.(e);
|
|
157
159
|
} finally {
|
|
158
|
-
|
|
160
|
+
b(!1);
|
|
159
161
|
}
|
|
160
|
-
},
|
|
161
|
-
if (!(!
|
|
162
|
-
|
|
163
|
-
let e =
|
|
164
|
-
await
|
|
162
|
+
}, Y = async () => {
|
|
163
|
+
if (!(!A || !X.current || !B)) try {
|
|
164
|
+
b(!0);
|
|
165
|
+
let e = X.current, t = H(C);
|
|
166
|
+
await q(R.chainId);
|
|
165
167
|
let n = createWalletClient({
|
|
166
|
-
account:
|
|
168
|
+
account: A,
|
|
167
169
|
chain: t,
|
|
168
|
-
transport: custom(
|
|
170
|
+
transport: custom(P === "walletconnect" ? I.current : window.ethereum)
|
|
169
171
|
});
|
|
170
|
-
if (!
|
|
172
|
+
if (!B.address) throw Error("订阅支付不支持原生代币");
|
|
171
173
|
let r = await n.writeContract({
|
|
172
|
-
address:
|
|
174
|
+
address: B.address,
|
|
173
175
|
abi: [{
|
|
174
176
|
name: "approve",
|
|
175
177
|
type: "function",
|
|
@@ -184,90 +186,90 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
184
186
|
outputs: [{ type: "bool" }]
|
|
185
187
|
}],
|
|
186
188
|
functionName: "approve",
|
|
187
|
-
args: [e.spenderAddress, parseUnits(e.approveAmount,
|
|
189
|
+
args: [e.spenderAddress, parseUnits(e.approveAmount, B.decimals)],
|
|
188
190
|
chain: null
|
|
189
191
|
});
|
|
190
192
|
console.log("授权交易哈希:", r), Z(e.subscriptionId);
|
|
191
193
|
} catch (e) {
|
|
192
|
-
console.error("钱包授权失败:", e),
|
|
194
|
+
console.error("钱包授权失败:", e), h?.(e);
|
|
193
195
|
} finally {
|
|
194
|
-
|
|
196
|
+
b(!1);
|
|
195
197
|
}
|
|
196
|
-
},
|
|
197
|
-
if (!
|
|
198
|
-
|
|
198
|
+
}, we = async () => {
|
|
199
|
+
if (!A) {
|
|
200
|
+
h?.(/* @__PURE__ */ Error("请先连接钱包"));
|
|
199
201
|
return;
|
|
200
202
|
}
|
|
201
|
-
|
|
202
|
-
},
|
|
203
|
-
if (!(!
|
|
204
|
-
|
|
203
|
+
a === "one-time" ? await J() : a === "subscription" && await Y();
|
|
204
|
+
}, X = useRef(null), Te = async () => {
|
|
205
|
+
if (!(!C || !T)) try {
|
|
206
|
+
b(!0);
|
|
205
207
|
let e = "";
|
|
206
|
-
|
|
207
|
-
paymentChain:
|
|
208
|
-
paymentToken:
|
|
208
|
+
a === "one-time" ? (X.current = await g.createOnetimePayment({
|
|
209
|
+
paymentChain: C,
|
|
210
|
+
paymentToken: T,
|
|
209
211
|
orderId: l,
|
|
210
|
-
amount:
|
|
211
|
-
}), e = `${
|
|
212
|
-
paymentChain:
|
|
213
|
-
paymentToken:
|
|
212
|
+
amount: W
|
|
213
|
+
}), e = `${C.toLowerCase()}:${X.current.receiveAddress}?amount=${X.current.paymentAmount}`) : a === "subscription" && (X.current = await g.createSubscriptionPayment({
|
|
214
|
+
paymentChain: C,
|
|
215
|
+
paymentToken: T,
|
|
214
216
|
orderId: l,
|
|
215
|
-
amountOfUsd:
|
|
217
|
+
amountOfUsd: W,
|
|
216
218
|
intervalDays: d || 30
|
|
217
|
-
}), e = `${
|
|
219
|
+
}), e = `${C.toLowerCase()}:${X.current.spenderAddress}?amount=${X.current.approveAmount}`), v("payment"), k(await import_browser.toDataURL(e, {
|
|
218
220
|
width: 200,
|
|
219
221
|
margin: 2,
|
|
220
222
|
errorCorrectionLevel: "H"
|
|
221
223
|
}));
|
|
222
224
|
} catch (e) {
|
|
223
|
-
|
|
225
|
+
h?.(e);
|
|
224
226
|
} finally {
|
|
225
|
-
|
|
227
|
+
b(!1);
|
|
226
228
|
}
|
|
227
|
-
},
|
|
228
|
-
if (
|
|
229
|
-
|
|
229
|
+
}, Ee = async () => {
|
|
230
|
+
if (X.current) try {
|
|
231
|
+
b(!0), a === "one-time" ? Z(X.current.paymentId) : a === "subscription" && Z(X.current.subscriptionId);
|
|
230
232
|
} catch (e) {
|
|
231
|
-
console.error("支付状态检查错误:", e),
|
|
233
|
+
console.error("支付状态检查错误:", e), h?.(e), b(!1);
|
|
232
234
|
}
|
|
233
235
|
}, Z = (e) => {
|
|
234
|
-
let t = () => defer(() =>
|
|
236
|
+
let t = () => defer(() => a === "subscription" ? g.checkSubscriptionPaymentStatus({ subscriptionId: e }) : g.checkOnetimePaymentStatus({ paymentId: e })).pipe(timeout(15e3), retry({
|
|
235
237
|
count: 3,
|
|
236
238
|
delay: 2e3
|
|
237
239
|
}));
|
|
238
|
-
|
|
239
|
-
e.status === "expired" && (
|
|
240
|
+
L.current?.unsubscribe(), L.current = t().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => t())) : EMPTY), tap((e) => {
|
|
241
|
+
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));
|
|
240
242
|
})).subscribe({ error: (e) => {
|
|
241
|
-
console.error("支付状态检查错误:", e),
|
|
243
|
+
console.error("支付状态检查错误:", e), b(!1), h?.(e);
|
|
242
244
|
} });
|
|
243
245
|
}, Q = async () => {
|
|
244
|
-
if (!
|
|
245
|
-
let e =
|
|
246
|
+
if (!X.current) return;
|
|
247
|
+
let e = a === "subscription" ? X.current.spenderAddress : X.current.receiveAddress;
|
|
246
248
|
e && await navigator.clipboard.writeText(e);
|
|
247
249
|
}, $ = () => {
|
|
248
|
-
|
|
249
|
-
|
|
250
|
+
y || (n(), setTimeout(() => {
|
|
251
|
+
v("select"), X.current = null;
|
|
250
252
|
}, 300));
|
|
251
253
|
};
|
|
252
254
|
return useEffect(() => {
|
|
253
|
-
e &&
|
|
255
|
+
e && x.length === 0 && G();
|
|
254
256
|
}, [e]), useEffect(() => {
|
|
255
|
-
|
|
256
|
-
}, [
|
|
257
|
-
|
|
257
|
+
z.length > 0 && D(z[0].symbol);
|
|
258
|
+
}, [z]), useEffect(() => () => {
|
|
259
|
+
L.current?.unsubscribe();
|
|
258
260
|
}, []), e ? /* @__PURE__ */ jsx("div", {
|
|
259
261
|
className: "_cppay-overlay",
|
|
260
|
-
onClick: (e) => e.target === e.currentTarget && !
|
|
262
|
+
onClick: (e) => e.target === e.currentTarget && !y && $(),
|
|
261
263
|
children: /* @__PURE__ */ jsxs("div", {
|
|
262
264
|
className: "_cppay-dialog",
|
|
263
265
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
264
266
|
className: "_cppay-header",
|
|
265
267
|
children: [/* @__PURE__ */ jsx("h2", {
|
|
266
268
|
className: "_cppay-title",
|
|
267
|
-
children:
|
|
269
|
+
children: _ === "select" ? "选择支付方式" : "完成支付"
|
|
268
270
|
}), /* @__PURE__ */ jsx("button", {
|
|
269
271
|
onClick: $,
|
|
270
|
-
disabled:
|
|
272
|
+
disabled: y,
|
|
271
273
|
className: "_cppay-close-btn",
|
|
272
274
|
children: /* @__PURE__ */ jsx("svg", {
|
|
273
275
|
fill: "none",
|
|
@@ -283,7 +285,7 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
283
285
|
})]
|
|
284
286
|
}), /* @__PURE__ */ jsx("div", {
|
|
285
287
|
className: "_cppay-content",
|
|
286
|
-
children:
|
|
288
|
+
children: _ === "success" ? /* @__PURE__ */ jsxs("div", {
|
|
287
289
|
style: {
|
|
288
290
|
textAlign: "center",
|
|
289
291
|
padding: "2rem 0"
|
|
@@ -303,17 +305,17 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
303
305
|
color: "#10b981",
|
|
304
306
|
margin: "0 0 0.5rem 0"
|
|
305
307
|
},
|
|
306
|
-
children:
|
|
308
|
+
children: a === "subscription" ? "授权成功!" : "支付成功!"
|
|
307
309
|
}),
|
|
308
310
|
/* @__PURE__ */ jsx("p", {
|
|
309
311
|
style: {
|
|
310
312
|
color: "#6b7280",
|
|
311
313
|
margin: 0
|
|
312
314
|
},
|
|
313
|
-
children:
|
|
315
|
+
children: a === "subscription" ? "订阅已激活" : "交易已完成"
|
|
314
316
|
})
|
|
315
317
|
]
|
|
316
|
-
}) :
|
|
318
|
+
}) : _ === "select" ? /* @__PURE__ */ jsxs("div", { children: [
|
|
317
319
|
/* @__PURE__ */ jsxs("div", {
|
|
318
320
|
className: "_cppay-section",
|
|
319
321
|
children: [/* @__PURE__ */ jsx("label", {
|
|
@@ -321,9 +323,9 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
321
323
|
children: "支付网络"
|
|
322
324
|
}), /* @__PURE__ */ jsx("div", {
|
|
323
325
|
className: "_cppay-grid",
|
|
324
|
-
children:
|
|
325
|
-
onClick: () =>
|
|
326
|
-
className: `_cppay-select-btn ${
|
|
326
|
+
children: x.map((e) => /* @__PURE__ */ jsxs("button", {
|
|
327
|
+
onClick: () => w(e.chain),
|
|
328
|
+
className: `_cppay-select-btn ${C === e.chain ? "_cppay-selected" : ""}`,
|
|
327
329
|
children: [e.icon && /* @__PURE__ */ jsx("img", {
|
|
328
330
|
src: e.icon,
|
|
329
331
|
alt: e.chain
|
|
@@ -338,9 +340,9 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
338
340
|
children: "支付代币"
|
|
339
341
|
}), /* @__PURE__ */ jsx("div", {
|
|
340
342
|
className: "_cppay-grid",
|
|
341
|
-
children:
|
|
342
|
-
onClick: () =>
|
|
343
|
-
className: `_cppay-select-btn ${
|
|
343
|
+
children: z.map((e) => /* @__PURE__ */ jsxs("button", {
|
|
344
|
+
onClick: () => D(e.symbol),
|
|
345
|
+
className: `_cppay-select-btn ${T === e.symbol ? "_cppay-selected" : ""}`,
|
|
344
346
|
children: [e.icon && /* @__PURE__ */ jsx("img", {
|
|
345
347
|
src: e.icon,
|
|
346
348
|
alt: e.symbol
|
|
@@ -362,9 +364,9 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
362
364
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
363
365
|
className: "_cppay-price-main",
|
|
364
366
|
children: [
|
|
365
|
-
|
|
367
|
+
W,
|
|
366
368
|
" ",
|
|
367
|
-
|
|
369
|
+
T
|
|
368
370
|
]
|
|
369
371
|
}), /* @__PURE__ */ jsxs("div", {
|
|
370
372
|
className: "_cppay-price-sub",
|
|
@@ -377,10 +379,10 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
377
379
|
/* @__PURE__ */ jsx("div", {
|
|
378
380
|
className: "_cppay-section",
|
|
379
381
|
children: /* @__PURE__ */ jsx("button", {
|
|
380
|
-
onClick:
|
|
381
|
-
disabled: !
|
|
382
|
+
onClick: Te,
|
|
383
|
+
disabled: !C || !T || y,
|
|
382
384
|
className: "_cppay-btn _cppay-btn-primary",
|
|
383
|
-
children:
|
|
385
|
+
children: y ? "处理中..." : "继续支付"
|
|
384
386
|
})
|
|
385
387
|
})
|
|
386
388
|
] }) : /* @__PURE__ */ jsxs("div", { children: [
|
|
@@ -388,8 +390,8 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
388
390
|
className: "_cppay-qr-container",
|
|
389
391
|
children: /* @__PURE__ */ jsx("div", {
|
|
390
392
|
className: "_cppay-qr-code",
|
|
391
|
-
children:
|
|
392
|
-
src:
|
|
393
|
+
children: O && /* @__PURE__ */ jsx("img", {
|
|
394
|
+
src: O,
|
|
393
395
|
alt: "Payment QR Code",
|
|
394
396
|
style: {
|
|
395
397
|
width: "160px",
|
|
@@ -406,20 +408,20 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
406
408
|
className: "_cppay-info-box",
|
|
407
409
|
children: [/* @__PURE__ */ jsx("div", {
|
|
408
410
|
className: "_cppay-info-label",
|
|
409
|
-
children:
|
|
411
|
+
children: a === "subscription" ? "授权金额" : "支付金额"
|
|
410
412
|
}), /* @__PURE__ */ jsx("div", {
|
|
411
413
|
className: "_cppay-info-value",
|
|
412
|
-
children:
|
|
414
|
+
children: a === "subscription" ? `${U(X.current.approveAmount, V(T))} ${T}` : `${U(X.current.paymentAmount, V(T))} ${T}`
|
|
413
415
|
})]
|
|
414
416
|
}),
|
|
415
417
|
/* @__PURE__ */ jsxs("div", {
|
|
416
418
|
className: "_cppay-info-box",
|
|
417
419
|
children: [/* @__PURE__ */ jsx("div", {
|
|
418
420
|
className: "_cppay-info-label",
|
|
419
|
-
children:
|
|
421
|
+
children: a === "subscription" ? "授权合约地址" : "支付地址"
|
|
420
422
|
}), /* @__PURE__ */ jsxs("div", {
|
|
421
423
|
className: "_cppay-address-row",
|
|
422
|
-
children: [/* @__PURE__ */ jsx("code", { children:
|
|
424
|
+
children: [/* @__PURE__ */ jsx("code", { children: a === "subscription" ? X.current.spenderAddress : X.current.receiveAddress }), /* @__PURE__ */ jsx("button", {
|
|
423
425
|
onClick: Q,
|
|
424
426
|
className: "_cppay-copy-btn",
|
|
425
427
|
title: "复制地址",
|
|
@@ -437,7 +439,7 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
437
439
|
})]
|
|
438
440
|
})]
|
|
439
441
|
}),
|
|
440
|
-
|
|
442
|
+
a === "subscription" && /* @__PURE__ */ jsxs("div", {
|
|
441
443
|
className: "_cppay-info-box",
|
|
442
444
|
style: {
|
|
443
445
|
background: "#fff3cd",
|
|
@@ -460,11 +462,11 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
460
462
|
}),
|
|
461
463
|
/* @__PURE__ */ jsx("div", {
|
|
462
464
|
className: "_cppay-section",
|
|
463
|
-
children:
|
|
464
|
-
onClick:
|
|
465
|
-
disabled:
|
|
465
|
+
children: A ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
|
|
466
|
+
onClick: we,
|
|
467
|
+
disabled: y,
|
|
466
468
|
className: "_cppay-btn _cppay-btn-primary",
|
|
467
|
-
children:
|
|
469
|
+
children: y ? a === "subscription" ? "授权中..." : "支付中..." : a === "subscription" ? "💳 钱包授权" : "💳 钱包支付"
|
|
468
470
|
}), /* @__PURE__ */ jsxs("div", {
|
|
469
471
|
style: {
|
|
470
472
|
textAlign: "center",
|
|
@@ -474,9 +476,9 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
474
476
|
},
|
|
475
477
|
children: [
|
|
476
478
|
"已连接: ",
|
|
477
|
-
|
|
479
|
+
A.slice(0, 6),
|
|
478
480
|
"...",
|
|
479
|
-
|
|
481
|
+
A.slice(-4)
|
|
480
482
|
]
|
|
481
483
|
})] }) : /* @__PURE__ */ jsxs("div", {
|
|
482
484
|
style: {
|
|
@@ -486,8 +488,8 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
486
488
|
justifyContent: "center"
|
|
487
489
|
},
|
|
488
490
|
children: [/* @__PURE__ */ jsxs("button", {
|
|
489
|
-
onClick: () =>
|
|
490
|
-
disabled:
|
|
491
|
+
onClick: () => K("metamask"),
|
|
492
|
+
disabled: M,
|
|
491
493
|
className: "_cppay-btn _cppay-btn-secondary",
|
|
492
494
|
style: {
|
|
493
495
|
display: "flex",
|
|
@@ -507,8 +509,8 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
507
509
|
}
|
|
508
510
|
}), /* @__PURE__ */ jsx("span", { children: "MetaMask" })]
|
|
509
511
|
}), /* @__PURE__ */ jsxs("button", {
|
|
510
|
-
onClick: () =>
|
|
511
|
-
disabled:
|
|
512
|
+
onClick: () => K("walletconnect"),
|
|
513
|
+
disabled: M,
|
|
512
514
|
className: "_cppay-btn _cppay-btn-secondary",
|
|
513
515
|
style: {
|
|
514
516
|
display: "flex",
|
|
@@ -533,17 +535,17 @@ var import_browser = /* @__PURE__ */ __toESM(require_browser(), 1), PaymentDialo
|
|
|
533
535
|
/* @__PURE__ */ jsx("div", {
|
|
534
536
|
className: "_cppay-section",
|
|
535
537
|
children: /* @__PURE__ */ jsx("button", {
|
|
536
|
-
onClick:
|
|
537
|
-
disabled:
|
|
538
|
+
onClick: Ee,
|
|
539
|
+
disabled: y,
|
|
538
540
|
className: "_cppay-btn _cppay-btn-primary",
|
|
539
|
-
children:
|
|
541
|
+
children: y ? "检查中..." : "我已完成支付"
|
|
540
542
|
})
|
|
541
543
|
}),
|
|
542
544
|
/* @__PURE__ */ jsx("div", {
|
|
543
545
|
className: "_cppay-section",
|
|
544
546
|
children: /* @__PURE__ */ jsx("button", {
|
|
545
|
-
onClick: () =>
|
|
546
|
-
disabled:
|
|
547
|
+
onClick: () => v("select"),
|
|
548
|
+
disabled: y,
|
|
547
549
|
className: "_cppay-btn _cppay-btn-text",
|
|
548
550
|
children: "更改支付方式"
|
|
549
551
|
})
|
|
@@ -558,9 +560,9 @@ const CppayProvider = ({ apikey: e, children: t }) => {
|
|
|
558
560
|
a(e), r(!0);
|
|
559
561
|
}, []), s = useCallback(() => {
|
|
560
562
|
r(!1);
|
|
561
|
-
}, []),
|
|
563
|
+
}, []), c = useCallback((e) => {
|
|
562
564
|
i?.onSuccess?.(e), r(!1);
|
|
563
|
-
}, [i]),
|
|
565
|
+
}, [i]), Ce = useCallback((e) => {
|
|
564
566
|
i?.onError?.(e);
|
|
565
567
|
}, [i]);
|
|
566
568
|
return /* @__PURE__ */ jsxs(CppayContext.Provider, {
|
|
@@ -573,8 +575,8 @@ const CppayProvider = ({ apikey: e, children: t }) => {
|
|
|
573
575
|
orderId: i.orderId,
|
|
574
576
|
amount: i.amount,
|
|
575
577
|
intervalDays: i.intervalDays,
|
|
576
|
-
onSuccess:
|
|
577
|
-
onError:
|
|
578
|
+
onSuccess: c,
|
|
579
|
+
onError: Ce
|
|
578
580
|
})]
|
|
579
581
|
});
|
|
580
582
|
}, useCppayPayment = () => {
|
package/dist/vue.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
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;
|
|
1
|
+
const e=require(`./chunk-DT80SxnK.cjs`),t=require(`./cppay-DnxPUyM2.cjs`),n=require(`./walletconnect-B0zXLUON.cjs`);require(`./dijkstra-CNhLvnjU.cjs`),require(`./index.es-fgFnvPDP.cjs`);let r=require(`vue`),i=require(`rxjs`),a=require(`rxjs/operators`),o=require(`viem`),s=require(`viem/chains`);var ee=e.o(n.i(),1),c={class:`_cppay-dialog`},te={class:`_cppay-header`},ne={class:`_cppay-title`},re=[`disabled`],ie={class:`_cppay-content`},ae={key:0,style:{"text-align":`center`,padding:`2rem 0`}},oe={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`},l={class:`_cppay-qr-code`},u=[`src`],d={class:`_cppay-section`},f={class:`_cppay-info-box`},p={class:`_cppay-info-label`},m={class:`_cppay-info-value`},h={class:`_cppay-info-box`},g={class:`_cppay-info-label`},_={class:`_cppay-address-row`},v={key:0,class:`_cppay-info-box`,style:{background:`#fff3cd`,"border-color":`#ffc107`}},y={class:`_cppay-section`},b={key:0,style:{display:`flex`,"flex-direction":`row`,gap:`0.5rem`,"justify-content":`center`}},x=[`disabled`],S=[`src`],C=[`disabled`],w=[`src`],T={key:1},E=[`disabled`],D={style:{"text-align":`center`,"margin-top":`8px`,"font-size":`12px`,color:`#666`}},De={class:`_cppay-section`},Oe=[`disabled`],ke={class:`_cppay-section`},Ae=[`disabled`],O=(0,r.defineComponent)({__name:`PaymentDialog`,props:{modelValue:{type:Boolean},apikey:{},orderId:{},amount:{},plain:{default:`one-time`},intervalDays:{default:30}},emits:[`update:modelValue`,`success`,`error`],setup(e,{emit:O}){let k=e,A=O,j=new t.t(k.apikey),M=(0,r.ref)(`select`),N=(0,r.ref)(!1),P=(0,r.ref)([]),F=(0,r.ref)(``),I=(0,r.ref)(``),L=(0,r.ref)(null),R=(0,r.ref)(``),z=(0,r.ref)(``),B=(0,r.ref)(!1),V=(0,r.ref)(!0),H=(0,r.ref)(null),U=(0,r.ref)(null),W=(0,r.ref)(null),G=(0,r.computed)(()=>P.value.find(e=>e.chain===F.value)),K=(0,r.computed)(()=>G.value?.tokens||[]),q=(0,r.computed)(()=>K.value.find(e=>e.symbol===I.value)),je=e=>[`USDT`,`USDC`,`BUSD`,`DAI`,`TUSD`,`USDD`,`FDUSD`].includes(e.toUpperCase())?2:6,Me=(e,t)=>{let n=parseFloat(e);return isNaN(n)?`0`:n.toFixed(t).replace(/\.?0+$/,``)},J=(0,r.computed)(()=>{if(!I.value||!q.value)return`0`;let e=parseFloat(q.value.price);if(isNaN(e)||e===0)return`0`;let t=je(I.value);return Me((parseFloat(k.amount)/e).toFixed(t),t)}),Ne=()=>{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))},Pe=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:s.mainnet,BSC:s.bsc,Polygon:s.polygon,Arbitrum:s.arbitrum,Optimism:s.optimism,Base:s.base})[e]||s.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 n.r.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}},Fe=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,o.createWalletClient)({account:z.value,chain:t,transport:(0,o.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,o.parseUnits)(e.paymentAmount,q.value.decimals)],chain:null});console.log(`转账交易哈希:`,t)}else{let t=await n.sendTransaction({to:e.receiveAddress,value:(0,o.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}},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,o.createWalletClient)({account:z.value,chain:t,transport:(0,o.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,o.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}},Le=async()=>{if(!z.value){V.value=!0;return}k.plain===`one-time`?await Fe():k.plain===`subscription`&&await Ie()},Re=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,i.defer)(()=>k.plain===`subscription`?j.checkSubscriptionPaymentStatus({subscriptionId:e}):j.checkOnetimePaymentStatus({paymentId:e})).pipe((0,a.timeout)(15e3),(0,a.retry)({count:3,delay:2e3}));W.value?.unsubscribe(),W.value=t().pipe((0,a.expand)(e=>e.status===`pending`?(0,i.timer)(2e3).pipe((0,a.switchMap)(()=>t())):i.EMPTY),(0,a.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)}})},ze=async()=>{L.value?.receiveAddress&&await navigator.clipboard.writeText(L.value.receiveAddress)};return(0,r.watch)(()=>k.modelValue,e=>{e&&P.value.length===0&&Pe()}),(0,r.watch)(F,()=>{K.value.length>0&&(I.value=K.value[0].symbol)}),(0,r.watch)(M,e=>{e===`payment`&&L.value&&$(L.value.paymentId)}),(0,r.onUnmounted)(()=>{W.value?.unsubscribe()}),(t,i)=>((0,r.openBlock)(),(0,r.createBlock)(r.Teleport,{to:`body`},[(0,r.createVNode)(r.Transition,{name:`_cppay-fade`},{default:(0,r.withCtx)(()=>[e.modelValue?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,class:`_cppay-overlay`,onClick:i[3]||=(0,r.withModifiers)(e=>!N.value&&Y(),[`self`])},[(0,r.createElementVNode)(`div`,c,[(0,r.createElementVNode)(`div`,te,[(0,r.createElementVNode)(`h2`,ne,(0,r.toDisplayString)(M.value===`select`?`选择支付方式`:M.value===`success`?`支付结果`:`完成支付`),1),(0,r.createElementVNode)(`button`,{onClick:Y,class:`_cppay-close-btn`,disabled:N.value},[...i[4]||=[(0,r.createElementVNode)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`},[(0,r.createElementVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M6 18L18 6M6 6l12 12`})],-1)]],8,re)]),(0,r.createElementVNode)(`div`,ie,[M.value===`success`?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,ae,[i[5]||=(0,r.createElementVNode)(`div`,{style:{"font-size":`64px`,"margin-bottom":`1rem`}},`✅`,-1),(0,r.createElementVNode)(`h3`,oe,(0,r.toDisplayString)(k.plain===`subscription`?`授权成功!`:`支付成功!`),1),(0,r.createElementVNode)(`p`,se,(0,r.toDisplayString)(k.plain===`subscription`?`订阅已激活`:`交易已完成`),1)])):(0,r.createCommentVNode)(``,!0),M.value===`select`?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,ce,[(0,r.createElementVNode)(`div`,le,[i[6]||=(0,r.createElementVNode)(`label`,{class:`_cppay-label`},`支付网络`,-1),(0,r.createElementVNode)(`div`,ue,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(P.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:e.chain,onClick:t=>F.value=e.chain,class:(0,r.normalizeClass)([`_cppay-select-btn`,F.value===e.chain?`_cppay-selected`:``])},[e.icon?((0,r.openBlock)(),(0,r.createElementBlock)(`img`,{key:0,src:e.icon,alt:e.chain},null,8,fe)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`span`,null,(0,r.toDisplayString)(e.chain),1)],10,de))),128))])]),(0,r.createElementVNode)(`div`,pe,[i[7]||=(0,r.createElementVNode)(`label`,{class:`_cppay-label`},`支付代币`,-1),(0,r.createElementVNode)(`div`,me,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(K.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:e.symbol,onClick:t=>I.value=e.symbol,class:(0,r.normalizeClass)([`_cppay-select-btn`,I.value===e.symbol?`_cppay-selected`:``])},[e.icon?((0,r.openBlock)(),(0,r.createElementBlock)(`img`,{key:0,src:e.icon,alt:e.symbol},null,8,ge)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`span`,null,(0,r.toDisplayString)(e.symbol),1)],10,he))),128))])]),(0,r.createElementVNode)(`div`,_e,[(0,r.createElementVNode)(`div`,ve,[(0,r.createElementVNode)(`div`,ye,[i[8]||=(0,r.createElementVNode)(`span`,{class:`_cppay-price-label`},`支付金额`,-1),(0,r.createElementVNode)(`div`,be,[(0,r.createElementVNode)(`div`,xe,(0,r.toDisplayString)(J.value)+` `+(0,r.toDisplayString)(I.value),1),(0,r.createElementVNode)(`div`,Se,`≈ $`+(0,r.toDisplayString)(e.amount),1)])])])]),(0,r.createElementVNode)(`div`,Ce,[(0,r.createElementVNode)(`button`,{onClick:Re,disabled:!F.value||!I.value||N.value,class:`_cppay-btn _cppay-btn-primary`},(0,r.toDisplayString)(N.value?`处理中...`:`继续支付`),9,we)])])):M.value===`payment`&&L.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,Te,[(0,r.createElementVNode)(`div`,Ee,[(0,r.createElementVNode)(`div`,l,[R.value?((0,r.openBlock)(),(0,r.createElementBlock)(`img`,{key:0,src:R.value,alt:`QR Code`,style:{width:`160px`,height:`160px`,display:`block`}},null,8,u)):(0,r.createCommentVNode)(``,!0)])]),(0,r.createElementVNode)(`div`,d,[(0,r.createElementVNode)(`div`,f,[(0,r.createElementVNode)(`div`,p,(0,r.toDisplayString)(k.plain===`subscription`?`授权金额`:`支付金额`),1),(0,r.createElementVNode)(`div`,m,(0,r.toDisplayString)(L.value.paymentAmount)+` `+(0,r.toDisplayString)(I.value),1)]),(0,r.createElementVNode)(`div`,h,[(0,r.createElementVNode)(`div`,g,(0,r.toDisplayString)(k.plain===`subscription`?`授权合约地址`:`支付地址`),1),(0,r.createElementVNode)(`div`,_,[(0,r.createElementVNode)(`code`,null,(0,r.toDisplayString)(L.value.receiveAddress),1),(0,r.createElementVNode)(`button`,{onClick:ze,class:`_cppay-copy-btn`,title:`复制地址`},[...i[9]||=[(0,r.createElementVNode)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`},[(0,r.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,r.openBlock)(),(0,r.createElementBlock)(`div`,v,[...i[10]||=[(0,r.createElementVNode)(`div`,{class:`_cppay-info-label`,style:{color:`#856404`}},`📌 订阅说明`,-1),(0,r.createElementVNode)(`div`,{class:`_cppay-info-value`,style:{"font-size":`12px`,color:`#856404`}},` 订阅支付需要授权代币给合约地址,系统将按周期自动扣款。授权后无需每次手动支付。 `,-1)]])):(0,r.createCommentVNode)(``,!0)]),(0,r.createElementVNode)(`div`,y,[z.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,T,[(0,r.createElementVNode)(`button`,{onClick:Le,disabled:N.value,class:`_cppay-btn _cppay-btn-primary`},(0,r.toDisplayString)(N.value?e.plain===`subscription`?`授权中...`:`支付中...`:e.plain===`subscription`?`💳 钱包授权`:`💳 钱包支付`),9,E),(0,r.createElementVNode)(`div`,D,` 已连接: `+(0,r.toDisplayString)(z.value.slice(0,6))+`...`+(0,r.toDisplayString)(z.value.slice(-4)),1)])):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,b,[(0,r.createElementVNode)(`button`,{onClick:i[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,r.createElementVNode)(`img`,{src:(0,r.unref)(n.n),alt:`MetaMask`,style:{width:`20px`,height:`20px`}},null,8,S),i[11]||=(0,r.createElementVNode)(`span`,null,`MetaMask`,-1)],8,x),(0,r.createElementVNode)(`button`,{onClick:i[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,r.createElementVNode)(`img`,{src:(0,r.unref)(n.t),alt:`WalletConnect`,style:{width:`20px`,height:`20px`}},null,8,w),i[12]||=(0,r.createElementVNode)(`span`,null,`WalletConnect`,-1)],8,C)]))]),(0,r.createElementVNode)(`div`,De,[(0,r.createElementVNode)(`button`,{onClick:Ne,disabled:N.value,class:`_cppay-btn _cppay-btn-primary`},(0,r.toDisplayString)(N.value?`检查中...`:`我已完成支付`),9,Oe)]),(0,r.createElementVNode)(`div`,ke,[(0,r.createElementVNode)(`button`,{onClick:i[2]||=e=>M.value=`select`,disabled:N.value,class:`_cppay-btn _cppay-btn-text`},` 更改支付方式 `,8,Ae)])])):(0,r.createCommentVNode)(``,!0)])])])):(0,r.createCommentVNode)(``,!0)]),_:1})]))}}),k=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},A=k(O,[[`__scopeId`,`data-v-1a5fedf2`]]),j=(0,r.ref)({apikey:``,open:!1,options:null});const M=e=>{j.value.options=e,j.value.open=!0};var N=()=>{j.value.open=!1},P=e=>{j.value.options?.onSuccess?.(e),j.value.open=!1},F=e=>{j.value.options?.onError?.(e)};const I={install(e,t){if(!t?.apikey)throw Error(`Cppay plugin requires an apikey`);j.value.apikey=t.apikey,e.config.globalProperties.$showPayment=M;let n=document.createElement(`div`);document.body.appendChild(n),(0,r.createApp)({setup(){return()=>j.value.options?(0,r.h)(A,{modelValue:j.value.open,"onUpdate:modelValue":e=>{j.value.open=e,e||N()},apikey:j.value.apikey,plain:j.value.options.plain,orderId:j.value.options.orderId,amount:j.value.options.amount,intervalDays:j.value.options.intervalDays,onSuccess:P,onError:F}):null}}).mount(n)}},L=()=>{if(!j.value.apikey)throw Error(`useCppayPayment must be used after installing CppayPlugin`);return{showPayment:M}};n.a(n.o),exports.CppayPlugin=I,exports.PaymentDialog=A,exports.showPayment=M,exports.useCppayPayment=L;
|