@reown/appkit-ethers-react-native 0.0.0-chore-canary-20250722140131 → 0.0.0-chore-bump-builder-20250728194329

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.
Files changed (44) hide show
  1. package/lib/commonjs/adapter.js +79 -0
  2. package/lib/commonjs/adapter.js.map +1 -0
  3. package/lib/commonjs/helpers.js +33 -0
  4. package/lib/commonjs/helpers.js.map +1 -0
  5. package/lib/commonjs/index.js +3 -174
  6. package/lib/commonjs/index.js.map +1 -1
  7. package/lib/commonjs/package.json +1 -0
  8. package/lib/module/adapter.js +74 -0
  9. package/lib/module/adapter.js.map +1 -0
  10. package/lib/module/helpers.js +27 -0
  11. package/lib/module/helpers.js.map +1 -0
  12. package/lib/module/index.js +3 -132
  13. package/lib/module/index.js.map +1 -1
  14. package/lib/typescript/adapter.d.ts +13 -0
  15. package/lib/typescript/adapter.d.ts.map +1 -0
  16. package/lib/typescript/helpers.d.ts +3 -0
  17. package/lib/typescript/helpers.d.ts.map +1 -0
  18. package/lib/typescript/index.d.ts +2 -39
  19. package/lib/typescript/index.d.ts.map +1 -1
  20. package/package.json +8 -14
  21. package/src/adapter.ts +95 -0
  22. package/src/helpers.ts +25 -0
  23. package/src/index.tsx +2 -164
  24. package/lib/commonjs/client.js +0 -860
  25. package/lib/commonjs/client.js.map +0 -1
  26. package/lib/commonjs/utils/defaultConfig.js +0 -18
  27. package/lib/commonjs/utils/defaultConfig.js.map +0 -1
  28. package/lib/commonjs/utils/helpers.js +0 -27
  29. package/lib/commonjs/utils/helpers.js.map +0 -1
  30. package/lib/module/client.js +0 -853
  31. package/lib/module/client.js.map +0 -1
  32. package/lib/module/utils/defaultConfig.js +0 -12
  33. package/lib/module/utils/defaultConfig.js.map +0 -1
  34. package/lib/module/utils/helpers.js +0 -20
  35. package/lib/module/utils/helpers.js.map +0 -1
  36. package/lib/typescript/client.d.ts +0 -65
  37. package/lib/typescript/client.d.ts.map +0 -1
  38. package/lib/typescript/utils/defaultConfig.d.ts +0 -7
  39. package/lib/typescript/utils/defaultConfig.d.ts.map +0 -1
  40. package/lib/typescript/utils/helpers.d.ts +0 -10
  41. package/lib/typescript/utils/helpers.d.ts.map +0 -1
  42. package/src/client.ts +0 -1077
  43. package/src/utils/defaultConfig.ts +0 -19
  44. package/src/utils/helpers.ts +0 -27
@@ -1,860 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.AppKit = void 0;
7
- var _ethers = require("ethers");
8
- var _appkitScaffoldReactNative = require("@reown/appkit-scaffold-react-native");
9
- var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
10
- var _appkitScaffoldUtilsReactNative = require("@reown/appkit-scaffold-utils-react-native");
11
- var _appkitSiweReactNative = require("@reown/appkit-siwe-react-native");
12
- var _ethereumProvider = _interopRequireWildcard(require("@walletconnect/ethereum-provider"));
13
- var _helpers = require("./utils/helpers");
14
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
15
- // -- Types ---------------------------------------------------------------------
16
-
17
- // @ts-expect-error: Overriden state type is correct
18
-
19
- // -- Client --------------------------------------------------------------------
20
- class AppKit extends _appkitScaffoldReactNative.AppKitScaffold {
21
- hasSyncedConnectedAccount = false;
22
- options = undefined;
23
- constructor(options) {
24
- const {
25
- config,
26
- siweConfig,
27
- chains,
28
- defaultChain,
29
- tokens,
30
- chainImages,
31
- _sdkVersion,
32
- ...appKitOptions
33
- } = options;
34
- if (!config) {
35
- throw new Error('appkit:constructor - config is undefined');
36
- }
37
- if (!appKitOptions.projectId) {
38
- throw new Error(_appkitCommonReactNative.ErrorUtil.ALERT_ERRORS.PROJECT_ID_NOT_CONFIGURED.shortMessage);
39
- }
40
- const networkControllerClient = {
41
- switchCaipNetwork: async caipNetwork => {
42
- const chainId = _appkitCommonReactNative.NetworkUtil.caipNetworkIdToNumber(caipNetwork?.id);
43
- if (chainId) {
44
- try {
45
- await this.switchNetwork(chainId);
46
- } catch (error) {
47
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setError(error);
48
- }
49
- }
50
- },
51
- getApprovedCaipNetworksData: async () => new Promise(async resolve => {
52
- const walletChoice = await _appkitScaffoldUtilsReactNative.StorageUtil.getConnectedConnector();
53
- const walletConnectType = _appkitCommonReactNative.PresetsUtil.ConnectorTypesMap[_appkitCommonReactNative.ConstantsUtil.WALLET_CONNECT_CONNECTOR_ID];
54
- const authType = _appkitCommonReactNative.PresetsUtil.ConnectorTypesMap[_appkitCommonReactNative.ConstantsUtil.AUTH_CONNECTOR_ID];
55
- if (walletChoice?.includes(walletConnectType)) {
56
- const provider = await this.getWalletConnectProvider();
57
- const result = (0, _helpers.getWalletConnectCaipNetworks)(provider);
58
- resolve(result);
59
- } else if (walletChoice?.includes(authType)) {
60
- const result = (0, _helpers.getAuthCaipNetworks)();
61
- resolve(result);
62
- } else {
63
- const result = {
64
- approvedCaipNetworkIds: undefined,
65
- supportsAllNetworks: true
66
- };
67
- resolve(result);
68
- }
69
- })
70
- };
71
- const connectionControllerClient = {
72
- connectWalletConnect: async onUri => {
73
- const WalletConnectProvider = await this.getWalletConnectProvider();
74
- if (!WalletConnectProvider) {
75
- throw new Error('connectionControllerClient:getWalletConnectUri - provider is undefined');
76
- }
77
- WalletConnectProvider.on('display_uri', uri => {
78
- onUri(uri);
79
- });
80
-
81
- // When connecting through walletconnect, we need to set the clientId in the store
82
- const clientId = await WalletConnectProvider.signer?.client?.core?.crypto?.getClientId();
83
- if (clientId) {
84
- this.setClientId(clientId);
85
- }
86
-
87
- // SIWE
88
- const params = await siweConfig?.getMessageParams?.();
89
- if (siweConfig?.options?.enabled && params && Object.keys(params).length > 0) {
90
- const result = await WalletConnectProvider.authenticate({
91
- nonce: await siweConfig.getNonce(),
92
- methods: _ethereumProvider.OPTIONAL_METHODS,
93
- ...params
94
- });
95
- // Auths is an array of signed CACAO objects https://github.com/ChainAgnostic/CAIPs/blob/main/CAIPs/caip-74.md
96
- const signedCacao = result?.auths?.[0];
97
- if (signedCacao) {
98
- const {
99
- p,
100
- s
101
- } = signedCacao;
102
- const chainId = (0, _appkitSiweReactNative.getDidChainId)(p.iss);
103
- const address = (0, _appkitSiweReactNative.getDidAddress)(p.iss);
104
- try {
105
- // Kicks off verifyMessage and populates external states
106
- const message = WalletConnectProvider.signer.client.formatAuthMessage({
107
- request: p,
108
- iss: p.iss
109
- });
110
- await _appkitSiweReactNative.SIWEController.verifyMessage({
111
- message,
112
- signature: s.s,
113
- cacao: signedCacao
114
- });
115
- if (address && chainId) {
116
- const session = {
117
- address,
118
- chainId: parseInt(chainId, 10)
119
- };
120
- _appkitSiweReactNative.SIWEController.setSession(session);
121
- _appkitSiweReactNative.SIWEController.onSignIn?.(session);
122
- }
123
- } catch (error) {
124
- // eslint-disable-next-line no-console
125
- console.error('Error verifying message', error);
126
- // eslint-disable-next-line no-console
127
- await WalletConnectProvider.disconnect().catch(console.error);
128
- // eslint-disable-next-line no-console
129
- await _appkitSiweReactNative.SIWEController.signOut().catch(console.error);
130
- throw error;
131
- }
132
- }
133
- } else {
134
- await WalletConnectProvider.connect({
135
- chains: [],
136
- optionalChains: [...this.chains.map(chain => chain.chainId)]
137
- });
138
- }
139
- await this.setWalletConnectProvider();
140
- },
141
- // @ts-expect-error TODO expected types in arguments are incomplete
142
- connectExternal: async ({
143
- id
144
- }) => {
145
- // If connecting with something else than walletconnect, we need to clear the clientId in the store
146
- this.setClientId(null);
147
- if (id === _appkitCommonReactNative.ConstantsUtil.COINBASE_CONNECTOR_ID) {
148
- const coinbaseProvider = config.extraConnectors?.find(connector => connector.id === id);
149
- if (!coinbaseProvider) {
150
- throw new Error('connectionControllerClient:connectCoinbase - connector is undefined');
151
- }
152
- try {
153
- await coinbaseProvider.request({
154
- method: 'eth_requestAccounts'
155
- });
156
- await this.setCoinbaseProvider(coinbaseProvider);
157
- } catch (error) {
158
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setError(error);
159
- }
160
- } else if (id === _appkitCommonReactNative.ConstantsUtil.AUTH_CONNECTOR_ID) {
161
- await this.setAuthProvider();
162
- }
163
- },
164
- disconnect: async () => {
165
- const provider = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.provider;
166
- const providerType = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.providerType;
167
- const walletConnectType = _appkitCommonReactNative.PresetsUtil.ConnectorTypesMap[_appkitCommonReactNative.ConstantsUtil.WALLET_CONNECT_CONNECTOR_ID];
168
- const authType = _appkitCommonReactNative.PresetsUtil.ConnectorTypesMap[_appkitCommonReactNative.ConstantsUtil.AUTH_CONNECTOR_ID];
169
- if (siweConfig?.options?.signOutOnDisconnect) {
170
- await _appkitSiweReactNative.SIWEController.signOut();
171
- }
172
- if (providerType === walletConnectType) {
173
- const WalletConnectProvider = provider;
174
- await WalletConnectProvider.disconnect();
175
- } else if (providerType === authType) {
176
- await this.authProvider?.disconnect();
177
- } else if (provider) {
178
- provider.emit('disconnect');
179
- }
180
- _appkitScaffoldUtilsReactNative.StorageUtil.removeItem(_appkitScaffoldUtilsReactNative.EthersConstantsUtil.WALLET_ID);
181
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.reset();
182
- this.setClientId(null);
183
- },
184
- signMessage: async message => {
185
- const provider = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.provider;
186
- if (!provider) {
187
- throw new Error('connectionControllerClient:signMessage - provider is undefined');
188
- }
189
- const hexMessage = (0, _ethers.isHexString)(message) ? message : (0, _ethers.hexlify)((0, _ethers.toUtf8Bytes)(message));
190
- const signature = await provider.request({
191
- method: 'personal_sign',
192
- params: [hexMessage, this.getAddress()]
193
- });
194
- return signature;
195
- },
196
- estimateGas: async ({
197
- address,
198
- to,
199
- data,
200
- chainNamespace
201
- }) => {
202
- const caipNetwork = this.getCaipNetwork();
203
- const provider = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.provider;
204
- if (!provider) {
205
- throw new Error('Provider is undefined');
206
- }
207
- try {
208
- if (!provider) {
209
- throw new Error('estimateGas - provider is undefined');
210
- }
211
- if (!address) {
212
- throw new Error('estimateGas - address is undefined');
213
- }
214
- if (chainNamespace && chainNamespace !== 'eip155') {
215
- throw new Error('estimateGas - chainNamespace is not eip155');
216
- }
217
- const txParams = {
218
- from: address,
219
- to,
220
- data,
221
- type: 0
222
- };
223
- const browserProvider = new _ethers.BrowserProvider(provider, Number(caipNetwork?.id));
224
- const signer = new _ethers.JsonRpcSigner(browserProvider, address);
225
- return await signer.estimateGas(txParams);
226
- } catch (error) {
227
- throw new Error('Ethers: estimateGas - Estimate gas failed');
228
- }
229
- },
230
- parseUnits: (value, decimals) => (0, _ethers.parseUnits)(value, decimals),
231
- formatUnits: (value, decimals) => (0, _ethers.formatUnits)(value, decimals),
232
- sendTransaction: async data => {
233
- const {
234
- chainId,
235
- provider,
236
- address
237
- } = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state;
238
- if (!provider) {
239
- throw new Error('ethersClient:sendTransaction - provider is undefined');
240
- }
241
- if (!address) {
242
- throw new Error('ethersClient:sendTransaction - address is undefined');
243
- }
244
- const txParams = {
245
- to: data.to,
246
- value: data.value,
247
- gasLimit: data.gas,
248
- gasPrice: data.gasPrice,
249
- data: data.data,
250
- type: 0
251
- };
252
- const browserProvider = new _ethers.BrowserProvider(provider, chainId);
253
- const signer = new _ethers.JsonRpcSigner(browserProvider, address);
254
- const txResponse = await signer.sendTransaction(txParams);
255
- const txReceipt = await txResponse.wait();
256
- return txReceipt?.hash || null;
257
- },
258
- writeContract: async data => {
259
- const {
260
- chainId,
261
- provider,
262
- address
263
- } = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state;
264
- if (!provider) {
265
- throw new Error('ethersClient:writeContract - provider is undefined');
266
- }
267
- if (!address) {
268
- throw new Error('ethersClient:writeContract - address is undefined');
269
- }
270
- const browserProvider = new _ethers.BrowserProvider(provider, chainId);
271
- const signer = new _ethers.JsonRpcSigner(browserProvider, address);
272
- const contract = new _ethers.Contract(data.tokenAddress, data.abi, signer);
273
- if (!contract || !data.method) {
274
- throw new Error('Contract method is undefined');
275
- }
276
- const method = contract[data.method];
277
- if (method) {
278
- const tx = await method(data.receiverAddress, data.tokenAmount);
279
- return tx;
280
- }
281
- throw new Error('Contract method is undefined');
282
- },
283
- getEnsAddress: async value => {
284
- try {
285
- const chainId = Number(this.getCaipNetwork()?.id);
286
- let ensName = null;
287
- let wcName = false;
288
- if (_appkitCommonReactNative.NamesUtil.isReownName(value)) {
289
- wcName = (await this?.resolveReownName(value)) || false;
290
- }
291
-
292
- // If on mainnet, fetch from ENS
293
- if (chainId === 1) {
294
- const ensProvider = new _ethers.InfuraProvider('mainnet');
295
- ensName = await ensProvider.resolveName(value);
296
- }
297
- return ensName || wcName || false;
298
- } catch {
299
- return false;
300
- }
301
- },
302
- getEnsAvatar: async value => {
303
- const chainId = Number(_appkitCommonReactNative.NetworkUtil.caipNetworkIdToNumber(this.getCaipNetwork()?.id));
304
- if (chainId === 1) {
305
- const ensProvider = new _ethers.InfuraProvider('mainnet');
306
- const avatar = await ensProvider.getAvatar(value);
307
- return avatar || false;
308
- }
309
- return false;
310
- }
311
- };
312
- super({
313
- networkControllerClient,
314
- connectionControllerClient,
315
- siweControllerClient: siweConfig,
316
- defaultChain: _appkitScaffoldUtilsReactNative.EthersHelpersUtil.getCaipDefaultChain(defaultChain),
317
- tokens: _appkitScaffoldUtilsReactNative.HelpersUtil.getCaipTokens(tokens),
318
- _sdkVersion: _sdkVersion ?? `react-native-ethers-${_appkitCommonReactNative.ConstantsUtil.VERSION}`,
319
- ...appKitOptions
320
- });
321
- this.options = options;
322
- this.metadata = config.metadata;
323
- this.projectId = appKitOptions.projectId;
324
- this.chains = chains;
325
- this.createProvider();
326
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.subscribeKey('address', address => {
327
- this.syncAccount({
328
- address
329
- });
330
- });
331
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.subscribeKey('chainId', () => {
332
- this.syncNetwork(chainImages);
333
- });
334
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.subscribeKey('provider', provider => {
335
- this.syncConnectedWalletInfo(provider);
336
- });
337
- this.syncRequestedNetworks(chains, chainImages);
338
- this.syncConnectors(config);
339
- this.syncAuthConnector(config);
340
- }
341
-
342
- // -- Public ------------------------------------------------------------------
343
-
344
- // @ts-expect-error: Overriden state type is correct
345
- getState() {
346
- const state = super.getState();
347
- return {
348
- ...state,
349
- selectedNetworkId: _appkitCommonReactNative.NetworkUtil.caipNetworkIdToNumber(state.selectedNetworkId)
350
- };
351
- }
352
-
353
- // @ts-expect-error: Overriden state type is correct
354
- subscribeState(callback) {
355
- return super.subscribeState(state => callback({
356
- ...state,
357
- selectedNetworkId: _appkitCommonReactNative.NetworkUtil.caipNetworkIdToNumber(state.selectedNetworkId)
358
- }));
359
- }
360
- setAddress(address) {
361
- const originalAddress = address ? (0, _ethers.getAddress)(address) : undefined;
362
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setAddress(originalAddress);
363
- }
364
- getAddress() {
365
- const {
366
- address
367
- } = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state;
368
- return address ? (0, _ethers.getAddress)(address) : address;
369
- }
370
- getError() {
371
- return _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.error;
372
- }
373
- getChainId() {
374
- return _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.chainId;
375
- }
376
- getIsConnected() {
377
- return _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.isConnected;
378
- }
379
- getWalletProvider() {
380
- return _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.provider;
381
- }
382
- getWalletProviderType() {
383
- return _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.providerType;
384
- }
385
- subscribeProvider(callback) {
386
- return _appkitScaffoldUtilsReactNative.EthersStoreUtil.subscribe(callback);
387
- }
388
- async disconnect() {
389
- const {
390
- provider
391
- } = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state;
392
- _appkitScaffoldUtilsReactNative.StorageUtil.removeItem(_appkitScaffoldUtilsReactNative.EthersConstantsUtil.WALLET_ID);
393
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.reset();
394
- this.setClientId(null);
395
- await provider.disconnect();
396
- }
397
-
398
- // -- Private -----------------------------------------------------------------
399
- createProvider() {
400
- if (!this.walletConnectProviderInitPromise) {
401
- this.walletConnectProviderInitPromise = this.initWalletConnectProvider();
402
- }
403
- return this.walletConnectProviderInitPromise;
404
- }
405
- async initWalletConnectProvider() {
406
- const rpcMap = this.chains ? this.chains.reduce((map, chain) => {
407
- map[chain.chainId] = chain.rpcUrl;
408
- return map;
409
- }, {}) : {};
410
- const walletConnectProviderOptions = {
411
- projectId: this.projectId,
412
- showQrModal: false,
413
- rpcMap,
414
- chains: [],
415
- optionalChains: [...this.chains.map(chain => chain.chainId)],
416
- metadata: this.metadata
417
- };
418
- this.walletConnectProvider = await _ethereumProvider.default.init(walletConnectProviderOptions);
419
- this.addWalletConnectListeners(this.walletConnectProvider);
420
- await this.checkActiveWalletConnectProvider();
421
- }
422
- async getWalletConnectProvider() {
423
- if (!this.walletConnectProvider) {
424
- try {
425
- await this.createProvider();
426
- } catch (error) {
427
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setError(error);
428
- }
429
- }
430
- return this.walletConnectProvider;
431
- }
432
- syncRequestedNetworks(chains, chainImages) {
433
- const requestedCaipNetworks = chains?.map(chain => ({
434
- id: `${_appkitCommonReactNative.ConstantsUtil.EIP155}:${chain.chainId}`,
435
- name: chain.name,
436
- imageId: _appkitCommonReactNative.PresetsUtil.EIP155NetworkImageIds[chain.chainId],
437
- imageUrl: chainImages?.[chain.chainId]
438
- }));
439
- this.setRequestedCaipNetworks(requestedCaipNetworks ?? []);
440
- }
441
- async checkActiveWalletConnectProvider() {
442
- const WalletConnectProvider = await this.getWalletConnectProvider();
443
- const walletId = await _appkitScaffoldUtilsReactNative.StorageUtil.getItem(_appkitScaffoldUtilsReactNative.EthersConstantsUtil.WALLET_ID);
444
- if (WalletConnectProvider) {
445
- if (walletId === _appkitCommonReactNative.ConstantsUtil.WALLET_CONNECT_CONNECTOR_ID) {
446
- await this.setWalletConnectProvider();
447
- }
448
- }
449
- }
450
- async checkActiveCoinbaseProvider(provider) {
451
- const CoinbaseProvider = provider;
452
- const walletId = await _appkitScaffoldUtilsReactNative.StorageUtil.getItem(_appkitScaffoldUtilsReactNative.EthersConstantsUtil.WALLET_ID);
453
- if (CoinbaseProvider) {
454
- if (walletId === _appkitCommonReactNative.ConstantsUtil.COINBASE_CONNECTOR_ID) {
455
- if (CoinbaseProvider.address) {
456
- await this.setCoinbaseProvider(provider);
457
- await this.watchCoinbase(provider);
458
- } else {
459
- await _appkitScaffoldUtilsReactNative.StorageUtil.removeItem(_appkitScaffoldUtilsReactNative.EthersConstantsUtil.WALLET_ID);
460
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.reset();
461
- }
462
- }
463
- }
464
- }
465
- async setWalletConnectProvider() {
466
- _appkitScaffoldUtilsReactNative.StorageUtil.setItem(_appkitScaffoldUtilsReactNative.EthersConstantsUtil.WALLET_ID, _appkitCommonReactNative.ConstantsUtil.WALLET_CONNECT_CONNECTOR_ID);
467
- const WalletConnectProvider = await this.getWalletConnectProvider();
468
- if (WalletConnectProvider) {
469
- const providerType = _appkitCommonReactNative.PresetsUtil.ConnectorTypesMap[_appkitCommonReactNative.ConstantsUtil.WALLET_CONNECT_CONNECTOR_ID];
470
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setChainId(WalletConnectProvider.chainId);
471
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setProviderType(providerType);
472
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setProvider(WalletConnectProvider);
473
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setIsConnected(true);
474
- this.setAddress(WalletConnectProvider.accounts?.[0]);
475
- await this.watchWalletConnect();
476
- }
477
- }
478
- async setCoinbaseProvider(provider) {
479
- await _appkitScaffoldUtilsReactNative.StorageUtil.setItem(_appkitScaffoldUtilsReactNative.EthersConstantsUtil.WALLET_ID, _appkitCommonReactNative.ConstantsUtil.COINBASE_CONNECTOR_ID);
480
- if (provider) {
481
- const {
482
- address,
483
- chainId
484
- } = await _appkitScaffoldUtilsReactNative.EthersHelpersUtil.getUserInfo(provider);
485
- if (address && chainId) {
486
- const providerType = _appkitCommonReactNative.PresetsUtil.ConnectorTypesMap[_appkitCommonReactNative.ConstantsUtil.COINBASE_CONNECTOR_ID];
487
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setChainId(chainId);
488
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setProviderType(providerType);
489
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setProvider(provider);
490
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setIsConnected(true);
491
- this.setAddress(address);
492
- await this.watchCoinbase(provider);
493
- }
494
- }
495
- }
496
- async setAuthProvider() {
497
- _appkitScaffoldUtilsReactNative.StorageUtil.setItem(_appkitScaffoldUtilsReactNative.EthersConstantsUtil.WALLET_ID, _appkitCommonReactNative.ConstantsUtil.AUTH_CONNECTOR_ID);
498
- if (this.authProvider) {
499
- const {
500
- address,
501
- chainId
502
- } = await this.authProvider.connect();
503
- super.setLoading(false);
504
- if (address && chainId) {
505
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setChainId(chainId);
506
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setProviderType(_appkitCommonReactNative.PresetsUtil.ConnectorTypesMap[_appkitCommonReactNative.ConstantsUtil.AUTH_CONNECTOR_ID]);
507
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setProvider(this.authProvider);
508
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setIsConnected(true);
509
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setAddress(address);
510
- }
511
- }
512
- }
513
- async watchWalletConnect() {
514
- const WalletConnectProvider = await this.getWalletConnectProvider();
515
- function disconnectHandler() {
516
- _appkitScaffoldUtilsReactNative.StorageUtil.removeItem(_appkitScaffoldUtilsReactNative.EthersConstantsUtil.WALLET_ID);
517
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.reset();
518
- WalletConnectProvider?.removeListener('disconnect', disconnectHandler);
519
- WalletConnectProvider?.removeListener('accountsChanged', accountsChangedHandler);
520
- WalletConnectProvider?.removeListener('chainChanged', chainChangedHandler);
521
- }
522
- function chainChangedHandler(chainId) {
523
- if (chainId) {
524
- const chain = _appkitScaffoldUtilsReactNative.EthersHelpersUtil.hexStringToNumber(chainId);
525
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setChainId(chain);
526
- }
527
- }
528
- const accountsChangedHandler = async accounts => {
529
- if (accounts.length > 0) {
530
- await this.setWalletConnectProvider();
531
- }
532
- };
533
- if (WalletConnectProvider) {
534
- WalletConnectProvider.on('disconnect', disconnectHandler);
535
- WalletConnectProvider.on('accountsChanged', accountsChangedHandler);
536
- WalletConnectProvider.on('chainChanged', chainChangedHandler);
537
- }
538
- }
539
- async watchCoinbase(provider) {
540
- const walletId = await _appkitScaffoldUtilsReactNative.StorageUtil.getItem(_appkitScaffoldUtilsReactNative.EthersConstantsUtil.WALLET_ID);
541
- function disconnectHandler() {
542
- _appkitScaffoldUtilsReactNative.StorageUtil.removeItem(_appkitScaffoldUtilsReactNative.EthersConstantsUtil.WALLET_ID);
543
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.reset();
544
- provider?.removeListener('disconnect', disconnectHandler);
545
- provider?.removeListener('accountsChanged', accountsChangedHandler);
546
- provider?.removeListener('chainChanged', chainChangedHandler);
547
- }
548
- function accountsChangedHandler(accounts) {
549
- if (accounts.length === 0) {
550
- _appkitScaffoldUtilsReactNative.StorageUtil.removeItem(_appkitScaffoldUtilsReactNative.EthersConstantsUtil.WALLET_ID);
551
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.reset();
552
- } else {
553
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setAddress(accounts[0]);
554
- }
555
- }
556
- function chainChangedHandler(chainId) {
557
- if (chainId && walletId === _appkitCommonReactNative.ConstantsUtil.COINBASE_CONNECTOR_ID) {
558
- const chain = Number(chainId);
559
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setChainId(chain);
560
- }
561
- }
562
- if (provider) {
563
- provider.on('disconnect', disconnectHandler);
564
- provider.on('accountsChanged', accountsChangedHandler);
565
- provider.on('chainChanged', chainChangedHandler);
566
- }
567
- }
568
- async syncAccount({
569
- address
570
- }) {
571
- const chainId = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.chainId;
572
- const isConnected = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.isConnected;
573
- if (isConnected && address && chainId) {
574
- const caipAddress = `${_appkitCommonReactNative.ConstantsUtil.EIP155}:${chainId}:${address}`;
575
- this.setIsConnected(isConnected);
576
- this.setCaipAddress(caipAddress);
577
- await Promise.all([this.syncProfile(address), this.syncBalance(address), this.getApprovedCaipNetworksData()]);
578
- this.hasSyncedConnectedAccount = true;
579
- } else if (!isConnected && this.hasSyncedConnectedAccount) {
580
- this.close();
581
- this.resetAccount();
582
- this.resetWcConnection();
583
- this.resetNetwork();
584
- }
585
- }
586
- async syncNetwork(chainImages) {
587
- const address = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.address;
588
- const chainId = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.chainId;
589
- const isConnected = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.isConnected;
590
- if (this.chains) {
591
- const chain = this.chains.find(c => c.chainId === chainId);
592
- if (chain) {
593
- const caipChainId = `${_appkitCommonReactNative.ConstantsUtil.EIP155}:${chain.chainId}`;
594
- this.setCaipNetwork({
595
- id: caipChainId,
596
- name: chain.name,
597
- imageId: _appkitCommonReactNative.PresetsUtil.EIP155NetworkImageIds[chain.chainId],
598
- imageUrl: chainImages?.[chain.chainId]
599
- });
600
- if (isConnected && address) {
601
- const caipAddress = `${_appkitCommonReactNative.ConstantsUtil.EIP155}:${chainId}:${address}`;
602
- this.setCaipAddress(caipAddress);
603
- if (chain.explorerUrl) {
604
- const url = `${chain.explorerUrl}/address/${address}`;
605
- this.setAddressExplorerUrl(url);
606
- } else {
607
- this.setAddressExplorerUrl(undefined);
608
- }
609
- if (this.hasSyncedConnectedAccount) {
610
- await this.syncBalance(address);
611
- }
612
- }
613
- }
614
- }
615
- }
616
- async syncProfile(address) {
617
- const chainId = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.chainId;
618
- try {
619
- const response = await this.fetchIdentity({
620
- address
621
- });
622
- if (!response) {
623
- throw new Error('Couldnt fetch idendity');
624
- }
625
- this.setProfileName(response.name);
626
- this.setProfileImage(response.avatar);
627
- } catch {
628
- if (chainId === 1) {
629
- const ensProvider = new _ethers.InfuraProvider('mainnet');
630
- const name = await ensProvider.lookupAddress(address);
631
- const avatar = await ensProvider.getAvatar(address);
632
- if (name) {
633
- this.setProfileName(name);
634
- }
635
- if (avatar) {
636
- this.setProfileImage(avatar);
637
- }
638
- } else {
639
- this.setProfileName(undefined);
640
- this.setProfileImage(undefined);
641
- }
642
- }
643
- }
644
- async syncBalance(address) {
645
- const chainId = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.chainId;
646
- if (chainId && this.chains) {
647
- const chain = this.chains.find(c => c.chainId === chainId);
648
- const token = this.options?.tokens?.[chainId];
649
- try {
650
- if (chain) {
651
- const jsonRpcProvider = new _ethers.JsonRpcProvider(chain.rpcUrl, {
652
- chainId,
653
- name: chain.name
654
- });
655
- if (jsonRpcProvider) {
656
- if (token) {
657
- // Get balance from custom token address
658
- const erc20 = new _ethers.Contract(token.address, _appkitCommonReactNative.erc20ABI, jsonRpcProvider);
659
- // @ts-expect-error
660
- const decimals = await erc20.decimals();
661
- // @ts-expect-error
662
- const symbol = await erc20.symbol();
663
- // @ts-expect-error
664
- const balanceOf = await erc20.balanceOf(address);
665
- this.setBalance((0, _ethers.formatUnits)(balanceOf, decimals), symbol);
666
- } else {
667
- const balance = await jsonRpcProvider.getBalance(address);
668
- const formattedBalance = (0, _ethers.formatEther)(balance);
669
- this.setBalance(formattedBalance, chain.currency);
670
- }
671
- }
672
- }
673
- } catch {
674
- this.setBalance(undefined, undefined);
675
- }
676
- }
677
- }
678
- async switchNetwork(chainId) {
679
- const provider = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.provider;
680
- const providerType = _appkitScaffoldUtilsReactNative.EthersStoreUtil.state.providerType;
681
- if (this.chains) {
682
- const chain = this.chains.find(c => c.chainId === chainId);
683
- const walletConnectType = _appkitCommonReactNative.PresetsUtil.ConnectorTypesMap[_appkitCommonReactNative.ConstantsUtil.WALLET_CONNECT_CONNECTOR_ID];
684
- const coinbaseType = _appkitCommonReactNative.PresetsUtil.ConnectorTypesMap[_appkitCommonReactNative.ConstantsUtil.COINBASE_CONNECTOR_ID];
685
- const authType = _appkitCommonReactNative.PresetsUtil.ConnectorTypesMap[_appkitCommonReactNative.ConstantsUtil.AUTH_CONNECTOR_ID];
686
- if (providerType === walletConnectType && chain) {
687
- const WalletConnectProvider = provider;
688
- if (WalletConnectProvider) {
689
- try {
690
- await WalletConnectProvider.request({
691
- method: 'wallet_switchEthereumChain',
692
- params: [{
693
- chainId: _appkitScaffoldUtilsReactNative.EthersHelpersUtil.numberToHexString(chain.chainId)
694
- }]
695
- });
696
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setChainId(chainId);
697
- } catch (switchError) {
698
- const message = switchError?.message;
699
- if (/(?<temp1>user rejected)/u.test(message?.toLowerCase())) {
700
- throw new Error('Chain is not supported');
701
- }
702
- await _appkitScaffoldUtilsReactNative.EthersHelpersUtil.addEthereumChain(WalletConnectProvider, chain);
703
- }
704
- }
705
- } else if (providerType === coinbaseType && chain) {
706
- const CoinbaseProvider = provider;
707
- if (CoinbaseProvider) {
708
- try {
709
- await CoinbaseProvider.request({
710
- method: 'wallet_switchEthereumChain',
711
- params: [{
712
- chainId: _appkitScaffoldUtilsReactNative.EthersHelpersUtil.numberToHexString(chain.chainId)
713
- }]
714
- });
715
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setChainId(chain.chainId);
716
- } catch (switchError) {
717
- if (switchError.code === _appkitScaffoldUtilsReactNative.EthersConstantsUtil.ERROR_CODE_UNRECOGNIZED_CHAIN_ID || switchError.code === _appkitScaffoldUtilsReactNative.EthersConstantsUtil.ERROR_CODE_DEFAULT || switchError?.data?.originalError?.code === _appkitScaffoldUtilsReactNative.EthersConstantsUtil.ERROR_CODE_UNRECOGNIZED_CHAIN_ID) {
718
- await _appkitScaffoldUtilsReactNative.EthersHelpersUtil.addEthereumChain(CoinbaseProvider, chain);
719
- } else {
720
- throw new Error('Error switching network');
721
- }
722
- }
723
- }
724
- } else if (providerType === authType) {
725
- if (this.authProvider && chain?.chainId) {
726
- try {
727
- await this.authProvider?.switchNetwork(chain?.chainId);
728
- _appkitScaffoldUtilsReactNative.EthersStoreUtil.setChainId(chain.chainId);
729
- } catch {
730
- throw new Error('Switching chain failed');
731
- }
732
- }
733
- }
734
- }
735
- }
736
- async handleAuthSetPreferredAccount(address, type) {
737
- if (!address) {
738
- return;
739
- }
740
- const chainId = this.getCaipNetwork()?.id;
741
- const caipAddress = `${_appkitCommonReactNative.ConstantsUtil.EIP155}:${chainId}:${address}`;
742
- this.setCaipAddress(caipAddress);
743
- this.setPreferredAccountType(type);
744
- await this.syncAccount({
745
- address: address
746
- });
747
- this.setLoading(false);
748
- }
749
- syncConnectors(config) {
750
- const _connectors = [];
751
- const EXCLUDED_CONNECTORS = [_appkitCommonReactNative.ConstantsUtil.AUTH_CONNECTOR_ID];
752
- _connectors.push({
753
- id: _appkitCommonReactNative.ConstantsUtil.WALLET_CONNECT_CONNECTOR_ID,
754
- explorerId: _appkitCommonReactNative.PresetsUtil.ConnectorExplorerIds[_appkitCommonReactNative.ConstantsUtil.WALLET_CONNECT_CONNECTOR_ID],
755
- imageId: _appkitCommonReactNative.PresetsUtil.ConnectorImageIds[_appkitCommonReactNative.ConstantsUtil.WALLET_CONNECT_CONNECTOR_ID],
756
- imageUrl: this.options?.connectorImages?.[_appkitCommonReactNative.ConstantsUtil.WALLET_CONNECT_CONNECTOR_ID],
757
- name: _appkitCommonReactNative.PresetsUtil.ConnectorNamesMap[_appkitCommonReactNative.ConstantsUtil.WALLET_CONNECT_CONNECTOR_ID],
758
- type: _appkitCommonReactNative.PresetsUtil.ConnectorTypesMap[_appkitCommonReactNative.ConstantsUtil.WALLET_CONNECT_CONNECTOR_ID]
759
- });
760
- config.extraConnectors?.forEach(connector => {
761
- if (!EXCLUDED_CONNECTORS.includes(connector.id)) {
762
- if (connector.id === _appkitCommonReactNative.ConstantsUtil.COINBASE_CONNECTOR_ID) {
763
- _connectors.push({
764
- id: _appkitCommonReactNative.ConstantsUtil.COINBASE_CONNECTOR_ID,
765
- explorerId: _appkitCommonReactNative.PresetsUtil.ConnectorExplorerIds[_appkitCommonReactNative.ConstantsUtil.COINBASE_CONNECTOR_ID],
766
- imageId: _appkitCommonReactNative.PresetsUtil.ConnectorImageIds[_appkitCommonReactNative.ConstantsUtil.COINBASE_CONNECTOR_ID],
767
- imageUrl: this.options?.connectorImages?.[_appkitCommonReactNative.ConstantsUtil.COINBASE_CONNECTOR_ID],
768
- name: connector?.name ?? _appkitCommonReactNative.PresetsUtil.ConnectorNamesMap[_appkitCommonReactNative.ConstantsUtil.COINBASE_CONNECTOR_ID],
769
- type: _appkitCommonReactNative.PresetsUtil.ConnectorTypesMap[_appkitCommonReactNative.ConstantsUtil.COINBASE_CONNECTOR_ID]
770
- });
771
- this.checkActiveCoinbaseProvider(connector);
772
- } else {
773
- _connectors.push({
774
- id: connector.id,
775
- name: connector.name ?? _appkitCommonReactNative.PresetsUtil.ConnectorNamesMap[connector.id],
776
- type: 'EXTERNAL'
777
- });
778
- }
779
- }
780
- });
781
- this.setConnectors(_connectors);
782
- }
783
- async syncAuthConnector(config) {
784
- const authConnector = config.extraConnectors?.find(connector => connector.id === _appkitCommonReactNative.ConstantsUtil.AUTH_CONNECTOR_ID);
785
- if (!authConnector) {
786
- return;
787
- }
788
- this.authProvider = authConnector;
789
- this.addConnector({
790
- id: _appkitCommonReactNative.ConstantsUtil.AUTH_CONNECTOR_ID,
791
- name: _appkitCommonReactNative.PresetsUtil.ConnectorNamesMap[_appkitCommonReactNative.ConstantsUtil.AUTH_CONNECTOR_ID],
792
- type: _appkitCommonReactNative.PresetsUtil.ConnectorTypesMap[_appkitCommonReactNative.ConstantsUtil.AUTH_CONNECTOR_ID],
793
- provider: authConnector
794
- });
795
- const connectedConnector = await _appkitScaffoldUtilsReactNative.StorageUtil.getItem('@w3m/connected_connector');
796
- if (connectedConnector === 'AUTH') {
797
- // Set loader until it reconnects
798
- this.setLoading(true);
799
- }
800
- const {
801
- isConnected
802
- } = await this.authProvider.isConnected();
803
- if (isConnected) {
804
- this.setAuthProvider();
805
- }
806
- this.addAuthListeners(this.authProvider);
807
- }
808
- async syncConnectedWalletInfo(provider) {
809
- if (!provider) {
810
- this.setConnectedWalletInfo(undefined);
811
- return;
812
- }
813
- if (provider?.session?.peer?.metadata) {
814
- const metadata = provider?.session?.peer.metadata;
815
- if (metadata) {
816
- this.setConnectedWalletInfo({
817
- ...metadata,
818
- name: metadata.name,
819
- icon: metadata.icons?.[0]
820
- });
821
- }
822
- } else if (provider?.id) {
823
- this.setConnectedWalletInfo({
824
- id: provider.id,
825
- name: provider?.name ?? _appkitCommonReactNative.PresetsUtil.ConnectorNamesMap[provider.id],
826
- icon: this.options?.connectorImages?.[provider.id]
827
- });
828
- } else {
829
- this.setConnectedWalletInfo(undefined);
830
- }
831
- }
832
- async addAuthListeners(authProvider) {
833
- authProvider.onSetPreferredAccount(async ({
834
- address,
835
- type
836
- }) => {
837
- if (address) {
838
- await this.handleAuthSetPreferredAccount(address, type);
839
- }
840
- this.setLoading(false);
841
- });
842
- authProvider.setOnTimeout(async () => {
843
- this.handleAlertError(_appkitCommonReactNative.ErrorUtil.ALERT_ERRORS.SOCIALS_TIMEOUT);
844
- this.setLoading(false);
845
- });
846
- }
847
- async addWalletConnectListeners(provider) {
848
- if (provider) {
849
- provider.signer.client.core.relayer.on('relayer_connect', () => {
850
- provider.signer.client.core.relayer?.provider?.on('payload', payload => {
851
- if (payload?.error) {
852
- this.handleAlertError(payload?.error.message);
853
- }
854
- });
855
- });
856
- }
857
- }
858
- }
859
- exports.AppKit = AppKit;
860
- //# sourceMappingURL=client.js.map