@puga-labs/x402-mantle-sdk 0.2.0 → 0.3.1
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/chunk-CTI5CRDY.js +274 -0
- package/dist/chunk-DA6ZBXNO.js +275 -0
- package/dist/chunk-FD4HG7KR.js +135 -0
- package/dist/chunk-GWVWPS3R.js +277 -0
- package/dist/chunk-HTZ3QFY4.js +135 -0
- package/dist/chunk-MQALBRGV.js +135 -0
- package/dist/chunk-PYIYE3HI.js +135 -0
- package/dist/chunk-Q6SPMEIW.js +235 -0
- package/dist/chunk-RNKXSBT7.js +135 -0
- package/dist/chunk-SPCXFN7C.js +284 -0
- package/dist/chunk-T5DRYLNB.js +135 -0
- package/dist/chunk-TSEE5NSJ.js +297 -0
- package/dist/chunk-WELDWRDX.js +307 -0
- package/dist/chunk-XAQGMFSR.js +56 -0
- package/dist/client.cjs +328 -0
- package/dist/client.d.cts +17 -0
- package/dist/client.d.ts +17 -0
- package/dist/client.js +12 -0
- package/dist/constants-C7aY8u5b.d.cts +77 -0
- package/dist/constants-C7aY8u5b.d.ts +77 -0
- package/dist/constants-CVFF0ray.d.ts +17 -0
- package/dist/constants-DzCGK0Q3.d.cts +17 -0
- package/dist/createMantleClient-DS1Ghqrz.d.cts +51 -0
- package/dist/createMantleClient-DS1Ghqrz.d.ts +51 -0
- package/dist/createMantleClient-DVFkbBfS.d.ts +87 -0
- package/dist/createMantleClient-NN0Nitp9.d.cts +87 -0
- package/dist/index.cjs +244 -43
- package/dist/index.d.cts +8 -164
- package/dist/index.d.ts +8 -164
- package/dist/index.js +21 -485
- package/dist/react.cjs +453 -0
- package/dist/react.d.cts +90 -0
- package/dist/react.d.ts +90 -0
- package/dist/react.js +10 -0
- package/dist/server.cjs +292 -0
- package/dist/server.d.cts +116 -0
- package/dist/server.d.ts +116 -0
- package/dist/server.js +12 -0
- package/dist/types-2zqbJvcz.d.cts +63 -0
- package/dist/types-2zqbJvcz.d.ts +63 -0
- package/package.json +37 -3
|
@@ -0,0 +1,274 @@
|
|
|
1
|
+
import {
|
|
2
|
+
__require,
|
|
3
|
+
getChainIdForNetwork
|
|
4
|
+
} from "./chunk-XAQGMFSR.js";
|
|
5
|
+
|
|
6
|
+
// src/shared/utils.ts
|
|
7
|
+
function encodeJsonToBase64(value) {
|
|
8
|
+
const json = JSON.stringify(value);
|
|
9
|
+
if (typeof btoa === "function") {
|
|
10
|
+
const bytes = new TextEncoder().encode(json);
|
|
11
|
+
const binString = Array.from(
|
|
12
|
+
bytes,
|
|
13
|
+
(byte) => String.fromCodePoint(byte)
|
|
14
|
+
).join("");
|
|
15
|
+
return btoa(binString);
|
|
16
|
+
}
|
|
17
|
+
if (typeof globalThis.Buffer !== "undefined") {
|
|
18
|
+
return globalThis.Buffer.from(json, "utf8").toString("base64");
|
|
19
|
+
}
|
|
20
|
+
throw new Error("No base64 implementation found in this environment");
|
|
21
|
+
}
|
|
22
|
+
function randomBytes32Hex() {
|
|
23
|
+
if (typeof crypto !== "undefined" && "getRandomValues" in crypto) {
|
|
24
|
+
const arr = new Uint8Array(32);
|
|
25
|
+
crypto.getRandomValues(arr);
|
|
26
|
+
return "0x" + Array.from(arr).map((b) => b.toString(16).padStart(2, "0")).join("");
|
|
27
|
+
}
|
|
28
|
+
try {
|
|
29
|
+
const nodeCrypto = __require("crypto");
|
|
30
|
+
const buf = nodeCrypto.randomBytes(32);
|
|
31
|
+
return "0x" + buf.toString("hex");
|
|
32
|
+
} catch {
|
|
33
|
+
throw new Error(
|
|
34
|
+
"No cryptographically secure random number generator found. This environment does not support crypto.getRandomValues or Node.js crypto module."
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
// src/client/paymentClient.ts
|
|
40
|
+
function joinUrl(base, path) {
|
|
41
|
+
const normalizedBase = base.replace(/\/+$/, "");
|
|
42
|
+
const normalizedPath = path.startsWith("/") ? path : `/${path}`;
|
|
43
|
+
return `${normalizedBase}${normalizedPath}`;
|
|
44
|
+
}
|
|
45
|
+
function buildTypedDataForAuthorization(authorization, paymentRequirements) {
|
|
46
|
+
const chainId = getChainIdForNetwork(paymentRequirements.network);
|
|
47
|
+
const verifyingContract = paymentRequirements.asset;
|
|
48
|
+
const domain = {
|
|
49
|
+
name: "USD Coin",
|
|
50
|
+
version: "2",
|
|
51
|
+
chainId,
|
|
52
|
+
verifyingContract
|
|
53
|
+
};
|
|
54
|
+
const types = {
|
|
55
|
+
TransferWithAuthorization: [
|
|
56
|
+
{ name: "from", type: "address" },
|
|
57
|
+
{ name: "to", type: "address" },
|
|
58
|
+
{ name: "value", type: "uint256" },
|
|
59
|
+
{ name: "validAfter", type: "uint256" },
|
|
60
|
+
{ name: "validBefore", type: "uint256" },
|
|
61
|
+
{ name: "nonce", type: "bytes32" }
|
|
62
|
+
]
|
|
63
|
+
};
|
|
64
|
+
return {
|
|
65
|
+
domain,
|
|
66
|
+
types,
|
|
67
|
+
primaryType: "TransferWithAuthorization",
|
|
68
|
+
message: authorization
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
async function signAuthorizationWithProvider(provider, authorization, paymentRequirements) {
|
|
72
|
+
const { BrowserProvider } = await import("ethers");
|
|
73
|
+
const chainId = getChainIdForNetwork(paymentRequirements.network);
|
|
74
|
+
const browserProvider = new BrowserProvider(provider, chainId);
|
|
75
|
+
const signer = await browserProvider.getSigner();
|
|
76
|
+
const from = await signer.getAddress();
|
|
77
|
+
const authWithFrom = {
|
|
78
|
+
...authorization,
|
|
79
|
+
from
|
|
80
|
+
};
|
|
81
|
+
const typedData = buildTypedDataForAuthorization(
|
|
82
|
+
authWithFrom,
|
|
83
|
+
paymentRequirements
|
|
84
|
+
);
|
|
85
|
+
const signature = await signer.signTypedData(
|
|
86
|
+
typedData.domain,
|
|
87
|
+
typedData.types,
|
|
88
|
+
typedData.message
|
|
89
|
+
);
|
|
90
|
+
return { signature, from };
|
|
91
|
+
}
|
|
92
|
+
function createPaymentClient(config) {
|
|
93
|
+
const {
|
|
94
|
+
resourceUrl,
|
|
95
|
+
facilitatorUrl,
|
|
96
|
+
provider,
|
|
97
|
+
userAddress: userAddressOverride,
|
|
98
|
+
projectKey
|
|
99
|
+
} = config;
|
|
100
|
+
if (!resourceUrl) {
|
|
101
|
+
throw new Error("resourceUrl is required");
|
|
102
|
+
}
|
|
103
|
+
if (!facilitatorUrl) {
|
|
104
|
+
throw new Error("facilitatorUrl is required");
|
|
105
|
+
}
|
|
106
|
+
if (!provider) {
|
|
107
|
+
throw new Error("provider is required (e.g. window.ethereum)");
|
|
108
|
+
}
|
|
109
|
+
return {
|
|
110
|
+
async callWithPayment(path, options) {
|
|
111
|
+
const method = options?.method ?? "GET";
|
|
112
|
+
const headers = {
|
|
113
|
+
...options?.headers ?? {}
|
|
114
|
+
};
|
|
115
|
+
let body;
|
|
116
|
+
if (options?.body !== void 0) {
|
|
117
|
+
headers["Content-Type"] = headers["Content-Type"] ?? "application/json";
|
|
118
|
+
body = JSON.stringify(options.body);
|
|
119
|
+
}
|
|
120
|
+
const initialUrl = joinUrl(resourceUrl, path);
|
|
121
|
+
const initialRes = await fetch(initialUrl, {
|
|
122
|
+
method,
|
|
123
|
+
headers,
|
|
124
|
+
body
|
|
125
|
+
});
|
|
126
|
+
if (initialRes.status !== 402) {
|
|
127
|
+
const json = await initialRes.json().catch((err) => {
|
|
128
|
+
console.error("[x402] Failed to parse initial response JSON:", err);
|
|
129
|
+
return null;
|
|
130
|
+
});
|
|
131
|
+
return {
|
|
132
|
+
response: json,
|
|
133
|
+
txHash: void 0
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
|
+
const bodyJson = await initialRes.json();
|
|
137
|
+
const paymentRequirements = bodyJson.paymentRequirements;
|
|
138
|
+
if (!paymentRequirements) {
|
|
139
|
+
throw new Error(
|
|
140
|
+
"402 response did not include paymentRequirements field"
|
|
141
|
+
);
|
|
142
|
+
}
|
|
143
|
+
const nowSec = Math.floor(Date.now() / 1e3);
|
|
144
|
+
const validAfter = "0";
|
|
145
|
+
const validBefore = String(nowSec + 10 * 60);
|
|
146
|
+
const nonce = randomBytes32Hex();
|
|
147
|
+
const valueAtomic = options?.valueOverrideAtomic ?? paymentRequirements.maxAmountRequired;
|
|
148
|
+
let authorization = {
|
|
149
|
+
from: "0x0000000000000000000000000000000000000000",
|
|
150
|
+
to: paymentRequirements.payTo,
|
|
151
|
+
value: valueAtomic,
|
|
152
|
+
validAfter,
|
|
153
|
+
validBefore,
|
|
154
|
+
nonce
|
|
155
|
+
};
|
|
156
|
+
const { signature, from } = await signAuthorizationWithProvider(
|
|
157
|
+
provider,
|
|
158
|
+
authorization,
|
|
159
|
+
paymentRequirements
|
|
160
|
+
);
|
|
161
|
+
authorization = {
|
|
162
|
+
...authorization,
|
|
163
|
+
from
|
|
164
|
+
};
|
|
165
|
+
if (userAddressOverride && userAddressOverride.toLowerCase() !== from.toLowerCase()) {
|
|
166
|
+
console.warn(
|
|
167
|
+
"[SDK WARNING] userAddress override differs from signer address",
|
|
168
|
+
{ override: userAddressOverride, signer: from }
|
|
169
|
+
);
|
|
170
|
+
}
|
|
171
|
+
const paymentHeaderObject = {
|
|
172
|
+
x402Version: 1,
|
|
173
|
+
scheme: paymentRequirements.scheme,
|
|
174
|
+
network: paymentRequirements.network,
|
|
175
|
+
payload: {
|
|
176
|
+
signature,
|
|
177
|
+
authorization
|
|
178
|
+
}
|
|
179
|
+
};
|
|
180
|
+
const paymentHeader = encodeJsonToBase64(paymentHeaderObject);
|
|
181
|
+
const settleUrl = joinUrl(facilitatorUrl, "/settle");
|
|
182
|
+
const settleRes = await fetch(settleUrl, {
|
|
183
|
+
method: "POST",
|
|
184
|
+
headers: {
|
|
185
|
+
"Content-Type": "application/json",
|
|
186
|
+
...projectKey ? { "X-Project-Key": projectKey } : {}
|
|
187
|
+
},
|
|
188
|
+
body: JSON.stringify({
|
|
189
|
+
x402Version: 1,
|
|
190
|
+
paymentHeader,
|
|
191
|
+
paymentRequirements
|
|
192
|
+
})
|
|
193
|
+
});
|
|
194
|
+
if (!settleRes.ok) {
|
|
195
|
+
const text = await settleRes.text().catch((err) => {
|
|
196
|
+
console.error("[x402] Failed to read settle response text:", err);
|
|
197
|
+
return "";
|
|
198
|
+
});
|
|
199
|
+
throw new Error(
|
|
200
|
+
`Facilitator /settle failed with HTTP ${settleRes.status}: ${text}`
|
|
201
|
+
);
|
|
202
|
+
}
|
|
203
|
+
const settleJson = await settleRes.json();
|
|
204
|
+
if (!settleJson.success) {
|
|
205
|
+
throw new Error(
|
|
206
|
+
`Facilitator /settle returned error: ${settleJson.error ?? "unknown error"}`
|
|
207
|
+
);
|
|
208
|
+
}
|
|
209
|
+
const txHash = settleJson.txHash ?? void 0;
|
|
210
|
+
const retryHeaders = {
|
|
211
|
+
...headers,
|
|
212
|
+
"X-PAYMENT": paymentHeader
|
|
213
|
+
};
|
|
214
|
+
const retryRes = await fetch(initialUrl, {
|
|
215
|
+
method,
|
|
216
|
+
headers: retryHeaders,
|
|
217
|
+
body
|
|
218
|
+
});
|
|
219
|
+
if (!retryRes.ok) {
|
|
220
|
+
const text = await retryRes.text().catch((err) => {
|
|
221
|
+
console.error("[x402] Failed to read retry response text:", err);
|
|
222
|
+
return "";
|
|
223
|
+
});
|
|
224
|
+
throw new Error(
|
|
225
|
+
`Protected request with X-PAYMENT failed: HTTP ${retryRes.status} ${text}`
|
|
226
|
+
);
|
|
227
|
+
}
|
|
228
|
+
const finalJson = await retryRes.json();
|
|
229
|
+
return {
|
|
230
|
+
response: finalJson,
|
|
231
|
+
txHash,
|
|
232
|
+
paymentHeader,
|
|
233
|
+
paymentRequirements
|
|
234
|
+
};
|
|
235
|
+
}
|
|
236
|
+
};
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
// src/client/createMantleClient.ts
|
|
240
|
+
function createMantleClient(config) {
|
|
241
|
+
const resourceUrl = config?.resourceUrl ?? (typeof window !== "undefined" ? window.location.origin : "");
|
|
242
|
+
const facilitatorUrl = config?.facilitatorUrl ?? (typeof process !== "undefined" ? process.env?.NEXT_PUBLIC_FACILITATOR_URL : void 0) ?? "http://localhost:8080";
|
|
243
|
+
return {
|
|
244
|
+
async postWithPayment(url, body) {
|
|
245
|
+
const account = await config?.getAccount?.();
|
|
246
|
+
if (!account) {
|
|
247
|
+
throw new Error(
|
|
248
|
+
"Wallet not connected. Please connect your wallet first."
|
|
249
|
+
);
|
|
250
|
+
}
|
|
251
|
+
const provider = config?.getProvider?.();
|
|
252
|
+
if (!provider) {
|
|
253
|
+
throw new Error("Wallet provider not available");
|
|
254
|
+
}
|
|
255
|
+
const client = createPaymentClient({
|
|
256
|
+
resourceUrl,
|
|
257
|
+
facilitatorUrl,
|
|
258
|
+
provider,
|
|
259
|
+
userAddress: account,
|
|
260
|
+
projectKey: config?.projectKey
|
|
261
|
+
});
|
|
262
|
+
const result = await client.callWithPayment(url, {
|
|
263
|
+
method: "POST",
|
|
264
|
+
body
|
|
265
|
+
});
|
|
266
|
+
return result;
|
|
267
|
+
}
|
|
268
|
+
};
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
export {
|
|
272
|
+
createPaymentClient,
|
|
273
|
+
createMantleClient
|
|
274
|
+
};
|
|
@@ -0,0 +1,275 @@
|
|
|
1
|
+
import {
|
|
2
|
+
__require,
|
|
3
|
+
getChainIdForNetwork
|
|
4
|
+
} from "./chunk-XAQGMFSR.js";
|
|
5
|
+
|
|
6
|
+
// src/shared/utils.ts
|
|
7
|
+
function encodeJsonToBase64(value) {
|
|
8
|
+
const json = JSON.stringify(value);
|
|
9
|
+
if (typeof btoa === "function") {
|
|
10
|
+
const bytes = new TextEncoder().encode(json);
|
|
11
|
+
const binString = Array.from(
|
|
12
|
+
bytes,
|
|
13
|
+
(byte) => String.fromCodePoint(byte)
|
|
14
|
+
).join("");
|
|
15
|
+
return btoa(binString);
|
|
16
|
+
}
|
|
17
|
+
if (typeof globalThis.Buffer !== "undefined") {
|
|
18
|
+
return globalThis.Buffer.from(json, "utf8").toString("base64");
|
|
19
|
+
}
|
|
20
|
+
throw new Error("No base64 implementation found in this environment");
|
|
21
|
+
}
|
|
22
|
+
function randomBytes32Hex() {
|
|
23
|
+
if (typeof crypto !== "undefined" && "getRandomValues" in crypto) {
|
|
24
|
+
const arr = new Uint8Array(32);
|
|
25
|
+
crypto.getRandomValues(arr);
|
|
26
|
+
return "0x" + Array.from(arr).map((b) => b.toString(16).padStart(2, "0")).join("");
|
|
27
|
+
}
|
|
28
|
+
try {
|
|
29
|
+
const nodeCrypto = __require("crypto");
|
|
30
|
+
const buf = nodeCrypto.randomBytes(32);
|
|
31
|
+
return "0x" + buf.toString("hex");
|
|
32
|
+
} catch {
|
|
33
|
+
throw new Error(
|
|
34
|
+
"No cryptographically secure random number generator found. This environment does not support crypto.getRandomValues or Node.js crypto module."
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
// src/client/paymentClient.ts
|
|
40
|
+
function joinUrl(base, path) {
|
|
41
|
+
const normalizedBase = base.replace(/\/+$/, "");
|
|
42
|
+
const normalizedPath = path.startsWith("/") ? path : `/${path}`;
|
|
43
|
+
return `${normalizedBase}${normalizedPath}`;
|
|
44
|
+
}
|
|
45
|
+
function buildTypedDataForAuthorization(authorization, paymentRequirements) {
|
|
46
|
+
const chainId = getChainIdForNetwork(paymentRequirements.network);
|
|
47
|
+
const verifyingContract = paymentRequirements.asset;
|
|
48
|
+
const domain = {
|
|
49
|
+
name: "USD Coin",
|
|
50
|
+
version: "2",
|
|
51
|
+
chainId,
|
|
52
|
+
verifyingContract
|
|
53
|
+
};
|
|
54
|
+
const types = {
|
|
55
|
+
TransferWithAuthorization: [
|
|
56
|
+
{ name: "from", type: "address" },
|
|
57
|
+
{ name: "to", type: "address" },
|
|
58
|
+
{ name: "value", type: "uint256" },
|
|
59
|
+
{ name: "validAfter", type: "uint256" },
|
|
60
|
+
{ name: "validBefore", type: "uint256" },
|
|
61
|
+
{ name: "nonce", type: "bytes32" }
|
|
62
|
+
]
|
|
63
|
+
};
|
|
64
|
+
return {
|
|
65
|
+
domain,
|
|
66
|
+
types,
|
|
67
|
+
primaryType: "TransferWithAuthorization",
|
|
68
|
+
message: authorization
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
async function signAuthorizationWithProvider(provider, authorization, paymentRequirements) {
|
|
72
|
+
const { BrowserProvider } = await import("ethers");
|
|
73
|
+
const chainId = getChainIdForNetwork(paymentRequirements.network);
|
|
74
|
+
const browserProvider = new BrowserProvider(provider, chainId);
|
|
75
|
+
const signer = await browserProvider.getSigner();
|
|
76
|
+
const from = await signer.getAddress();
|
|
77
|
+
const authWithFrom = {
|
|
78
|
+
...authorization,
|
|
79
|
+
from
|
|
80
|
+
};
|
|
81
|
+
const typedData = buildTypedDataForAuthorization(
|
|
82
|
+
authWithFrom,
|
|
83
|
+
paymentRequirements
|
|
84
|
+
);
|
|
85
|
+
const signature = await signer.signTypedData(
|
|
86
|
+
typedData.domain,
|
|
87
|
+
typedData.types,
|
|
88
|
+
typedData.message
|
|
89
|
+
);
|
|
90
|
+
return { signature, from };
|
|
91
|
+
}
|
|
92
|
+
function createPaymentClient(config) {
|
|
93
|
+
const {
|
|
94
|
+
resourceUrl,
|
|
95
|
+
facilitatorUrl,
|
|
96
|
+
provider,
|
|
97
|
+
userAddress: userAddressOverride,
|
|
98
|
+
projectKey
|
|
99
|
+
} = config;
|
|
100
|
+
if (!resourceUrl) {
|
|
101
|
+
throw new Error("resourceUrl is required");
|
|
102
|
+
}
|
|
103
|
+
if (!facilitatorUrl) {
|
|
104
|
+
throw new Error("facilitatorUrl is required");
|
|
105
|
+
}
|
|
106
|
+
if (!provider) {
|
|
107
|
+
throw new Error("provider is required (e.g. window.ethereum)");
|
|
108
|
+
}
|
|
109
|
+
return {
|
|
110
|
+
async callWithPayment(path, options) {
|
|
111
|
+
const method = options?.method ?? "GET";
|
|
112
|
+
const headers = {
|
|
113
|
+
...options?.headers ?? {}
|
|
114
|
+
};
|
|
115
|
+
let body;
|
|
116
|
+
if (options?.body !== void 0) {
|
|
117
|
+
headers["Content-Type"] = headers["Content-Type"] ?? "application/json";
|
|
118
|
+
body = JSON.stringify(options.body);
|
|
119
|
+
}
|
|
120
|
+
const initialUrl = joinUrl(resourceUrl, path);
|
|
121
|
+
const initialRes = await fetch(initialUrl, {
|
|
122
|
+
method,
|
|
123
|
+
headers,
|
|
124
|
+
body
|
|
125
|
+
});
|
|
126
|
+
if (initialRes.status !== 402) {
|
|
127
|
+
const json = await initialRes.json().catch((err) => {
|
|
128
|
+
console.error("[x402] Failed to parse initial response JSON:", err);
|
|
129
|
+
return null;
|
|
130
|
+
});
|
|
131
|
+
return {
|
|
132
|
+
response: json,
|
|
133
|
+
txHash: void 0
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
|
+
const bodyJson = await initialRes.json();
|
|
137
|
+
const paymentRequirements = bodyJson.paymentRequirements;
|
|
138
|
+
if (!paymentRequirements) {
|
|
139
|
+
throw new Error(
|
|
140
|
+
"402 response did not include paymentRequirements field"
|
|
141
|
+
);
|
|
142
|
+
}
|
|
143
|
+
const nowSec = Math.floor(Date.now() / 1e3);
|
|
144
|
+
const validAfter = "0";
|
|
145
|
+
const validBefore = String(nowSec + 10 * 60);
|
|
146
|
+
const nonce = randomBytes32Hex();
|
|
147
|
+
const valueAtomic = options?.valueOverrideAtomic ?? paymentRequirements.maxAmountRequired;
|
|
148
|
+
let authorization = {
|
|
149
|
+
from: "0x0000000000000000000000000000000000000000",
|
|
150
|
+
to: paymentRequirements.payTo,
|
|
151
|
+
value: valueAtomic,
|
|
152
|
+
validAfter,
|
|
153
|
+
validBefore,
|
|
154
|
+
nonce
|
|
155
|
+
};
|
|
156
|
+
const { signature, from } = await signAuthorizationWithProvider(
|
|
157
|
+
provider,
|
|
158
|
+
authorization,
|
|
159
|
+
paymentRequirements
|
|
160
|
+
);
|
|
161
|
+
authorization = {
|
|
162
|
+
...authorization,
|
|
163
|
+
from
|
|
164
|
+
};
|
|
165
|
+
if (userAddressOverride && userAddressOverride.toLowerCase() !== from.toLowerCase()) {
|
|
166
|
+
console.warn(
|
|
167
|
+
"[SDK WARNING] userAddress override differs from signer address",
|
|
168
|
+
{ override: userAddressOverride, signer: from }
|
|
169
|
+
);
|
|
170
|
+
}
|
|
171
|
+
console.log("[SDK] Using authorization.from:", authorization.from);
|
|
172
|
+
const paymentHeaderObject = {
|
|
173
|
+
x402Version: 1,
|
|
174
|
+
scheme: paymentRequirements.scheme,
|
|
175
|
+
network: paymentRequirements.network,
|
|
176
|
+
payload: {
|
|
177
|
+
signature,
|
|
178
|
+
authorization
|
|
179
|
+
}
|
|
180
|
+
};
|
|
181
|
+
const paymentHeader = encodeJsonToBase64(paymentHeaderObject);
|
|
182
|
+
const settleUrl = joinUrl(facilitatorUrl, "/settle");
|
|
183
|
+
const settleRes = await fetch(settleUrl, {
|
|
184
|
+
method: "POST",
|
|
185
|
+
headers: {
|
|
186
|
+
"Content-Type": "application/json",
|
|
187
|
+
...projectKey ? { "X-Project-Key": projectKey } : {}
|
|
188
|
+
},
|
|
189
|
+
body: JSON.stringify({
|
|
190
|
+
x402Version: 1,
|
|
191
|
+
paymentHeader,
|
|
192
|
+
paymentRequirements
|
|
193
|
+
})
|
|
194
|
+
});
|
|
195
|
+
if (!settleRes.ok) {
|
|
196
|
+
const text = await settleRes.text().catch((err) => {
|
|
197
|
+
console.error("[x402] Failed to read settle response text:", err);
|
|
198
|
+
return "";
|
|
199
|
+
});
|
|
200
|
+
throw new Error(
|
|
201
|
+
`Facilitator /settle failed with HTTP ${settleRes.status}: ${text}`
|
|
202
|
+
);
|
|
203
|
+
}
|
|
204
|
+
const settleJson = await settleRes.json();
|
|
205
|
+
if (!settleJson.success) {
|
|
206
|
+
throw new Error(
|
|
207
|
+
`Facilitator /settle returned error: ${settleJson.error ?? "unknown error"}`
|
|
208
|
+
);
|
|
209
|
+
}
|
|
210
|
+
const txHash = settleJson.txHash ?? void 0;
|
|
211
|
+
const retryHeaders = {
|
|
212
|
+
...headers,
|
|
213
|
+
"X-PAYMENT": paymentHeader
|
|
214
|
+
};
|
|
215
|
+
const retryRes = await fetch(initialUrl, {
|
|
216
|
+
method,
|
|
217
|
+
headers: retryHeaders,
|
|
218
|
+
body
|
|
219
|
+
});
|
|
220
|
+
if (!retryRes.ok) {
|
|
221
|
+
const text = await retryRes.text().catch((err) => {
|
|
222
|
+
console.error("[x402] Failed to read retry response text:", err);
|
|
223
|
+
return "";
|
|
224
|
+
});
|
|
225
|
+
throw new Error(
|
|
226
|
+
`Protected request with X-PAYMENT failed: HTTP ${retryRes.status} ${text}`
|
|
227
|
+
);
|
|
228
|
+
}
|
|
229
|
+
const finalJson = await retryRes.json();
|
|
230
|
+
return {
|
|
231
|
+
response: finalJson,
|
|
232
|
+
txHash,
|
|
233
|
+
paymentHeader,
|
|
234
|
+
paymentRequirements
|
|
235
|
+
};
|
|
236
|
+
}
|
|
237
|
+
};
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
// src/client/createMantleClient.ts
|
|
241
|
+
function createMantleClient(config) {
|
|
242
|
+
const resourceUrl = config?.resourceUrl ?? (typeof window !== "undefined" ? window.location.origin : "");
|
|
243
|
+
const facilitatorUrl = config?.facilitatorUrl ?? (typeof process !== "undefined" ? process.env?.NEXT_PUBLIC_FACILITATOR_URL : void 0) ?? "http://localhost:8080";
|
|
244
|
+
return {
|
|
245
|
+
async postWithPayment(url, body) {
|
|
246
|
+
const account = await config?.getAccount?.();
|
|
247
|
+
if (!account) {
|
|
248
|
+
throw new Error(
|
|
249
|
+
"Wallet not connected. Please connect your wallet first."
|
|
250
|
+
);
|
|
251
|
+
}
|
|
252
|
+
const provider = config?.getProvider?.();
|
|
253
|
+
if (!provider) {
|
|
254
|
+
throw new Error("Wallet provider not available");
|
|
255
|
+
}
|
|
256
|
+
const client = createPaymentClient({
|
|
257
|
+
resourceUrl,
|
|
258
|
+
facilitatorUrl,
|
|
259
|
+
provider,
|
|
260
|
+
userAddress: account,
|
|
261
|
+
projectKey: config?.projectKey
|
|
262
|
+
});
|
|
263
|
+
const result = await client.callWithPayment(url, {
|
|
264
|
+
method: "POST",
|
|
265
|
+
body
|
|
266
|
+
});
|
|
267
|
+
return result.response;
|
|
268
|
+
}
|
|
269
|
+
};
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
export {
|
|
273
|
+
createPaymentClient,
|
|
274
|
+
createMantleClient
|
|
275
|
+
};
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import {
|
|
2
|
+
createMantleClient
|
|
3
|
+
} from "./chunk-GWVWPS3R.js";
|
|
4
|
+
|
|
5
|
+
// src/client/react/useEthersWallet.ts
|
|
6
|
+
import { useState, useEffect, useCallback } from "react";
|
|
7
|
+
import { ethers } from "ethers";
|
|
8
|
+
function useEthersWallet(options) {
|
|
9
|
+
const [address, setAddress] = useState(void 0);
|
|
10
|
+
const [isConnected, setIsConnected] = useState(false);
|
|
11
|
+
const [provider, setProvider] = useState(
|
|
12
|
+
void 0
|
|
13
|
+
);
|
|
14
|
+
const [chainId, setChainId] = useState(void 0);
|
|
15
|
+
const [error, setError] = useState(void 0);
|
|
16
|
+
const connect = useCallback(async () => {
|
|
17
|
+
try {
|
|
18
|
+
setError(void 0);
|
|
19
|
+
if (typeof window === "undefined" || !window.ethereum) {
|
|
20
|
+
throw new Error(
|
|
21
|
+
"No Ethereum wallet detected. Please install MetaMask or another wallet."
|
|
22
|
+
);
|
|
23
|
+
}
|
|
24
|
+
const browserProvider = new ethers.BrowserProvider(
|
|
25
|
+
window.ethereum
|
|
26
|
+
);
|
|
27
|
+
setProvider(browserProvider);
|
|
28
|
+
const accounts = await window.ethereum.request({
|
|
29
|
+
method: "eth_requestAccounts"
|
|
30
|
+
});
|
|
31
|
+
if (!accounts || accounts.length === 0) {
|
|
32
|
+
throw new Error("No accounts returned from wallet");
|
|
33
|
+
}
|
|
34
|
+
const userAddress = accounts[0];
|
|
35
|
+
setAddress(userAddress);
|
|
36
|
+
setIsConnected(true);
|
|
37
|
+
const network = await browserProvider.getNetwork();
|
|
38
|
+
setChainId(Number(network.chainId));
|
|
39
|
+
} catch (err) {
|
|
40
|
+
const errorObj = err instanceof Error ? err : new Error(String(err));
|
|
41
|
+
setError(errorObj);
|
|
42
|
+
setIsConnected(false);
|
|
43
|
+
setAddress(void 0);
|
|
44
|
+
setChainId(void 0);
|
|
45
|
+
throw errorObj;
|
|
46
|
+
}
|
|
47
|
+
}, []);
|
|
48
|
+
const disconnect = useCallback(() => {
|
|
49
|
+
setAddress(void 0);
|
|
50
|
+
setIsConnected(false);
|
|
51
|
+
setChainId(void 0);
|
|
52
|
+
setError(void 0);
|
|
53
|
+
}, []);
|
|
54
|
+
useEffect(() => {
|
|
55
|
+
if (typeof window === "undefined" || !window.ethereum) return;
|
|
56
|
+
const ethereum = window.ethereum;
|
|
57
|
+
const handleAccountsChanged = (accounts) => {
|
|
58
|
+
const accountsArray = accounts;
|
|
59
|
+
if (!accountsArray || accountsArray.length === 0) {
|
|
60
|
+
disconnect();
|
|
61
|
+
} else {
|
|
62
|
+
setAddress(accountsArray[0]);
|
|
63
|
+
setIsConnected(true);
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
if (ethereum.on) {
|
|
67
|
+
ethereum.on("accountsChanged", handleAccountsChanged);
|
|
68
|
+
}
|
|
69
|
+
return () => {
|
|
70
|
+
if (ethereum.removeListener) {
|
|
71
|
+
ethereum.removeListener("accountsChanged", handleAccountsChanged);
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
}, [disconnect]);
|
|
75
|
+
useEffect(() => {
|
|
76
|
+
if (typeof window === "undefined" || !window.ethereum) return;
|
|
77
|
+
const ethereum = window.ethereum;
|
|
78
|
+
const handleChainChanged = (chainIdHex) => {
|
|
79
|
+
const newChainId = parseInt(chainIdHex, 16);
|
|
80
|
+
setChainId(newChainId);
|
|
81
|
+
};
|
|
82
|
+
if (ethereum.on) {
|
|
83
|
+
ethereum.on("chainChanged", handleChainChanged);
|
|
84
|
+
}
|
|
85
|
+
return () => {
|
|
86
|
+
if (ethereum.removeListener) {
|
|
87
|
+
ethereum.removeListener("chainChanged", handleChainChanged);
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
}, []);
|
|
91
|
+
useEffect(() => {
|
|
92
|
+
if (options?.autoConnect) {
|
|
93
|
+
connect().catch((err) => {
|
|
94
|
+
console.warn("[useEthersWallet] Auto-connect failed:", err);
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
}, [options?.autoConnect, connect]);
|
|
98
|
+
return {
|
|
99
|
+
address,
|
|
100
|
+
isConnected,
|
|
101
|
+
provider,
|
|
102
|
+
chainId,
|
|
103
|
+
connect,
|
|
104
|
+
disconnect,
|
|
105
|
+
error
|
|
106
|
+
};
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
// src/client/react/useMantleX402.ts
|
|
110
|
+
function useMantleX402(opts) {
|
|
111
|
+
const { address, isConnected } = useEthersWallet({
|
|
112
|
+
autoConnect: opts?.autoConnect ?? false
|
|
113
|
+
});
|
|
114
|
+
const client = createMantleClient({
|
|
115
|
+
facilitatorUrl: opts?.facilitatorUrl,
|
|
116
|
+
resourceUrl: opts?.resourceUrl,
|
|
117
|
+
projectKey: opts?.projectKey,
|
|
118
|
+
getAccount: () => {
|
|
119
|
+
if (!isConnected || !address) return void 0;
|
|
120
|
+
return address;
|
|
121
|
+
},
|
|
122
|
+
getProvider: () => {
|
|
123
|
+
if (typeof window !== "undefined" && window.ethereum) {
|
|
124
|
+
return window.ethereum;
|
|
125
|
+
}
|
|
126
|
+
return void 0;
|
|
127
|
+
}
|
|
128
|
+
});
|
|
129
|
+
return client;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
export {
|
|
133
|
+
useEthersWallet,
|
|
134
|
+
useMantleX402
|
|
135
|
+
};
|