@reown/appkit-ethers-react-native 1.2.4 → 2.0.0-alpha.0

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