@dynamic-labs/ethereum 2.1.0-alpha.0 → 2.1.0-alpha.10

package/src/coinbase/coinbase.js

@@ -1,10 +1,9 @@
+'use client'
 import { __rest, __awaiter } from '../../_virtual/_tslib.js';
-import { createWalletClient, custom } from 'viem';
-import { findWalletBookWallet } from '@dynamic-labs/wallet-book';
+import { toHex, toBytes, createWalletClient, custom } from 'viem';
 import { eventListenerHandlers } from '@dynamic-labs/wallet-connector-core';
-import { EthProviderHelper } from '../ethProviderHelper.js';
 import { EthWalletConnector } from '../EthWalletConnector.js';
-import { getCoinbaseClient, getAddress, signMessage, killCoinbaseSession } from './client/client.js';
+import { getCoinbaseProvider } from './helpers.js';
 
 class Coinbase extends EthWalletConnector {
     constructor(_a) {
@@ -14,89 +13,57 @@ class Coinbase extends EthWalletConnector {
         this.overrideKey = 'coinbase';
         this.supportedChains = ['EVM', 'ETH'];
         this.connectedChain = 'EVM';
-        this.canConnectViaQrCode = true;
-        this.coinbaseProviderOpts = {
-            appLogoUrl: appLogoUrl,
-            appName: appName,
-            evmNetworks: evmNetworks,
-        };
-        const wallet = findWalletBookWallet(this.walletBook, this.key);
-        if (!wallet)
-            return;
-        this.ethProviderHelper = new EthProviderHelper(wallet, this);
-    }
-    setupEventListeners() {
-        var _a, _b, _c;
-        if (!this.isInstalledOnBrowser()) {
-            this.setupCoinbaseProviderEventListeners();
-            return;
-        }
-        const provider = (_a = this.ethProviderHelper) === null || _a === void 0 ? void 0 : _a.findProvider();
-        if (!provider) {
-            return;
-        }
-        const setupResponse = (_c = (_b = this.ethProviderHelper) === null || _b === void 0 ? void 0 : _b._setupEventListeners) === null || _c === void 0 ? void 0 : _c.call(_b, this);
-        if (!(setupResponse === null || setupResponse === void 0 ? void 0 : setupResponse.tearDownEventListeners))
-            return;
-        this.teardownEventListeners = setupResponse.tearDownEventListeners;
-    }
-    getWalletClient(chainId) {
-        var _a;
-        if (this.isInstalledOnBrowser()) {
-            return (_a = this.ethProviderHelper) === null || _a === void 0 ? void 0 : _a.findWalletClient(chainId);
-        }
-        return createWalletClient({
-            transport: custom(getCoinbaseClient({
-                opts: this.coinbaseProviderOpts,
-            }).provider),
+        this.canConnectViaQrCode = false;
+        this.canConnectViaCustodialService = true;
+        this.coinbaseProvider = getCoinbaseProvider({
+            opts: {
+                appLogoUrl: appLogoUrl,
+                appName: appName,
+                evmNetworks: evmNetworks,
+            },
         });
     }
-    isInstalledOnBrowser() {
-        var _a;
-        return ((_a = this.ethProviderHelper) === null || _a === void 0 ? void 0 : _a.findProvider()) !== undefined;
-    }
-    getAddress(opts) {
-        var _a;
+    getAddress() {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.isInstalledOnBrowser()) {
-                return (_a = this.ethProviderHelper) === null || _a === void 0 ? void 0 : _a.getAddress();
-            }
-            return getAddress(this.coinbaseProviderOpts, opts);
+            const [address] = yield this.coinbaseProvider.request({
+                method: 'eth_requestAccounts',
+            });
+            return address;
         });
     }
     signMessage(messageToSign) {
-        var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.isInstalledOnBrowser()) {
-                return (_a = this.ethProviderHelper) === null || _a === void 0 ? void 0 : _a.signMessage(messageToSign);
+            const [address] = yield this.coinbaseProvider.request({
+                method: 'eth_requestAccounts',
+            });
+            try {
+                return yield this.coinbaseProvider.request({
+                    method: 'personal_sign',
+                    params: [toHex(toBytes(messageToSign)), address.toLowerCase()],
+                });
+            }
+            catch (err) {
+                return undefined;
             }
-            return signMessage(this.coinbaseProviderOpts, messageToSign);
-        });
-    }
-    endSession() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.isInstalledOnBrowser())
-                return;
-            killCoinbaseSession();
         });
     }
-    setupCoinbaseProviderEventListeners() {
-        const { provider } = getCoinbaseClient({
-            opts: this.coinbaseProviderOpts,
-        });
-        if (!provider) {
-            return;
-        }
+    setupEventListeners() {
         const { handleAccountChange, handleChainChange, handleDisconnect } = eventListenerHandlers(this);
-        provider.on('accountsChanged', handleAccountChange);
-        provider.on('chainChanged', handleChainChange);
-        provider.on('disconnect', handleDisconnect);
+        this.coinbaseProvider.on('accountsChanged', handleAccountChange);
+        this.coinbaseProvider.on('chainChanged', handleChainChange);
+        this.coinbaseProvider.on('disconnect', handleDisconnect);
         this.teardownEventListeners = () => {
-            provider.removeListener('accountsChanged', handleAccountChange);
-            provider.removeListener('chainChanged', handleChainChange);
-            provider.removeListener('disconnect', handleDisconnect);
+            this.coinbaseProvider.removeListener('accountsChanged', handleAccountChange);
+            this.coinbaseProvider.removeListener('chainChanged', handleChainChange);
+            this.coinbaseProvider.removeListener('disconnect', handleDisconnect);
         };
     }
+    getWalletClient() {
+        return createWalletClient({
+            // add account and chain
+            transport: custom(this.coinbaseProvider),
+        });
+    }
 }
 
 export { Coinbase };

package/src/coinbase/helpers.cjs

@@ -0,0 +1,29 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var walletSdk = require('@coinbase/wallet-sdk');
+
+// storing a reference to the coinbase provider because the provider methods work better when
+// they are called on the same instance
+let coinbaseProvider;
+const getCoinbaseProvider = ({ opts: { appLogoUrl, appName } = {}, }) => {
+    if (!coinbaseProvider) {
+        const coinbaseSdk = new walletSdk.CoinbaseWalletSDK({
+            appChainIds: [
+                // hard code to work on base sepolia for now
+                84532,
+                // ...evmNetworks?.map((network) => Number(network.chainId)),
+            ],
+            appLogoUrl,
+            appName,
+        });
+        coinbaseProvider = coinbaseSdk.makeWeb3Provider({
+            options: 'all',
+        });
+    }
+    return coinbaseProvider;
+};
+
+exports.getCoinbaseProvider = getCoinbaseProvider;

package/src/coinbase/helpers.d.ts

@@ -0,0 +1,3 @@
+import { type GetCoinbaseProvider } from './types';
+export declare const getCoinbaseProvider: GetCoinbaseProvider;
+export declare const resetCoinbaseProvider: () => void;

package/src/coinbase/helpers.js

@@ -0,0 +1,25 @@
+'use client'
+import { CoinbaseWalletSDK } from '@coinbase/wallet-sdk';
+
+// storing a reference to the coinbase provider because the provider methods work better when
+// they are called on the same instance
+let coinbaseProvider;
+const getCoinbaseProvider = ({ opts: { appLogoUrl, appName } = {}, }) => {
+    if (!coinbaseProvider) {
+        const coinbaseSdk = new CoinbaseWalletSDK({
+            appChainIds: [
+                // hard code to work on base sepolia for now
+                84532,
+                // ...evmNetworks?.map((network) => Number(network.chainId)),
+            ],
+            appLogoUrl,
+            appName,
+        });
+        coinbaseProvider = coinbaseSdk.makeWeb3Provider({
+            options: 'all',
+        });
+    }
+    return coinbaseProvider;
+};
+
+export { getCoinbaseProvider };

package/src/coinbase/types.d.ts

@@ -0,0 +1,19 @@
+import { type ProviderInterface } from '@coinbase/wallet-sdk';
+import { type GenericNetwork } from '@dynamic-labs/types';
+import { type EthWalletConnectorOpts } from '../EthWalletConnector';
+export type GetCoinbaseProviderOpts = {
+    appLogoUrl?: string;
+    appName?: string;
+    evmNetworks?: GenericNetwork[];
+};
+export type CoinbaseProviderHandlerOpts = {
+    onDisconnect(): Promise<void>;
+};
+export type GetCoinbaseProvider = (args: {
+    handlers?: CoinbaseProviderHandlerOpts;
+    opts?: GetCoinbaseProviderOpts;
+}) => ProviderInterface;
+export type CoinbaseOpts = EthWalletConnectorOpts & {
+    appLogoUrl?: string;
+    appName?: string;
+};

package/src/constants.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/constants.js

@@ -1,3 +1,4 @@
+'use client'
 const INFURA_ID = '87939db78f824920ada5c872db3e56b8';
 
 export { INFURA_ID };

package/src/eip6963Provider.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/eip6963Provider.js

@@ -1,3 +1,4 @@
+'use client'
 const isEip9693Event = (event) => event.type === 'eip6963:announceProvider' &&
     event.detail !== undefined;
 class Eip6963Provider {

package/src/ethProviderHelper.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/ethProviderHelper.js

@@ -1,3 +1,4 @@
+'use client'
 import { __awaiter } from '../_virtual/_tslib.js';
 import { createWalletClient, custom, getAddress } from 'viem';
 import { ProviderLookup, eventListenerHandlers, logger } from '@dynamic-labs/wallet-connector-core';

package/src/index.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -15,6 +16,7 @@ var EthWalletConnector = require('./EthWalletConnector.cjs');
 var ethProviderHelper = require('./ethProviderHelper.cjs');
 var constants = require('./constants.cjs');
 var isEthWalletConnector = require('./utils/isEthWalletConnector/isEthWalletConnector.cjs');
+var getNameservice = require('./utils/getNameservice.cjs');
 
 const EthereumWalletConnectors = (props) => [
     ...fetchInjectedWalletConnectors.injectedWalletOverrides,
@@ -33,4 +35,5 @@ exports.EthWalletConnector = EthWalletConnector.EthWalletConnector;
 exports.EthProviderHelper = ethProviderHelper.EthProviderHelper;
 exports.INFURA_ID = constants.INFURA_ID;
 exports.isEthWalletConnector = isEthWalletConnector.isEthWalletConnector;
+exports.getNameservice = getNameservice.getNameservice;
 exports.EthereumWalletConnectors = EthereumWalletConnectors;

package/src/index.js

@@ -1,3 +1,4 @@
+'use client'
 import './polyfills.js';
 import { TurnkeyEVMWalletConnectors } from '@dynamic-labs/turnkey';
 export { PhantomEvm } from './injected/PhantomEvm.js';
@@ -12,6 +13,7 @@ export { EthWalletConnector } from './EthWalletConnector.js';
 export { EthProviderHelper } from './ethProviderHelper.js';
 export { INFURA_ID } from './constants.js';
 export { isEthWalletConnector } from './utils/isEthWalletConnector/isEthWalletConnector.js';
+export { getNameservice } from './utils/getNameservice.js';
 
 const EthereumWalletConnectors = (props) => [
     ...injectedWalletOverrides,

package/src/injected/ExodusEvm.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/injected/ExodusEvm.js

@@ -1,3 +1,4 @@
+'use client'
 import { findWalletBookWallet } from '@dynamic-labs/wallet-book';
 import InjectedWalletBase from './InjectedWalletBase.js';
 

package/src/injected/InjectedWalletBase.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 var _tslib = require('../../_virtual/_tslib.cjs');
@@ -69,8 +70,8 @@ class InjectedWalletBase extends EthWalletConnector.EthWalletConnector {
         return ((_a = this.getEthProviderHelper()) === null || _a === void 0 ? void 0 : _a.findProvider()) !== undefined;
     }
     getAddress() {
-        var _a;
         return _tslib.__awaiter(this, void 0, void 0, function* () {
+            var _a;
             return (_a = this.getEthProviderHelper()) === null || _a === void 0 ? void 0 : _a.getAddress();
         });
     }
@@ -80,8 +81,8 @@ class InjectedWalletBase extends EthWalletConnector.EthWalletConnector {
         });
     }
     signMessage(messageToSign) {
-        var _a;
         return _tslib.__awaiter(this, void 0, void 0, function* () {
+            var _a;
             return (_a = this.getEthProviderHelper()) === null || _a === void 0 ? void 0 : _a.signMessage(messageToSign);
         });
     }
@@ -96,11 +97,11 @@ class InjectedWalletBase extends EthWalletConnector.EthWalletConnector {
             return;
         });
     }
-    providerSwitchNetwork({ network, provider, }) {
+    providerSwitchNetwork(_a) {
         const _super = Object.create(null, {
             providerSwitchNetwork: { get: () => super.providerSwitchNetwork }
         });
-        return _tslib.__awaiter(this, void 0, void 0, function* () {
+        return _tslib.__awaiter(this, arguments, void 0, function* ({ network, provider, }) {
             return _super.providerSwitchNetwork.call(this, { network, provider });
         });
     }

package/src/injected/InjectedWalletBase.js

@@ -1,3 +1,4 @@
+'use client'
 import { __awaiter } from '../../_virtual/_tslib.js';
 import { findWalletBookWallet } from '@dynamic-labs/wallet-book';
 import { isMobile } from '@dynamic-labs/utils';
@@ -67,8 +68,8 @@ class InjectedWalletBase extends EthWalletConnector {
         return ((_a = this.getEthProviderHelper()) === null || _a === void 0 ? void 0 : _a.findProvider()) !== undefined;
     }
     getAddress() {
-        var _a;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a;
             return (_a = this.getEthProviderHelper()) === null || _a === void 0 ? void 0 : _a.getAddress();
         });
     }
@@ -78,8 +79,8 @@ class InjectedWalletBase extends EthWalletConnector {
         });
     }
     signMessage(messageToSign) {
-        var _a;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a;
             return (_a = this.getEthProviderHelper()) === null || _a === void 0 ? void 0 : _a.signMessage(messageToSign);
         });
     }
@@ -94,11 +95,11 @@ class InjectedWalletBase extends EthWalletConnector {
             return;
         });
     }
-    providerSwitchNetwork({ network, provider, }) {
+    providerSwitchNetwork(_a) {
         const _super = Object.create(null, {
             providerSwitchNetwork: { get: () => super.providerSwitchNetwork }
         });
-        return __awaiter(this, void 0, void 0, function* () {
+        return __awaiter(this, arguments, void 0, function* ({ network, provider, }) {
             return _super.providerSwitchNetwork.call(this, { network, provider });
         });
     }

package/src/injected/PhantomEvm.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/injected/PhantomEvm.js

@@ -1,3 +1,4 @@
+'use client'
 import { __awaiter } from '../../_virtual/_tslib.js';
 import { isMobile, handleMobileWalletRedirect } from '@dynamic-labs/utils';
 import { findWalletBookWallet } from '@dynamic-labs/wallet-book';

package/src/injected/Zerion.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/injected/Zerion.js

@@ -1,3 +1,4 @@
+'use client'
 import InjectedWalletBase from './InjectedWalletBase.js';
 
 // on desktop, we use EIP-6963 to connect to the wallet so the injectedConfig

package/src/injected/fetchInjectedWalletConnectors.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -45,8 +46,8 @@ const fetchInjectedWalletConnector = ({ walletBook, }) => {
                 const _super = Object.create(null, {
                     getAddress: { get: () => super.getAddress }
                 });
-                var _a;
                 return _tslib.__awaiter(this, void 0, void 0, function* () {
+                    var _a;
                     if (this.isInstalledOnBrowser()) {
                         return _super.getAddress.call(this);
                     }

package/src/injected/fetchInjectedWalletConnectors.js

@@ -1,3 +1,4 @@
+'use client'
 import { __awaiter } from '../../_virtual/_tslib.js';
 import { logger } from '@dynamic-labs/wallet-connector-core';
 import InjectedWalletBase from './InjectedWalletBase.js';
@@ -41,8 +42,8 @@ const fetchInjectedWalletConnector = ({ walletBook, }) => {
                 const _super = Object.create(null, {
                     getAddress: { get: () => super.getAddress }
                 });
-                var _a;
                 return __awaiter(this, void 0, void 0, function* () {
+                    var _a;
                     if (this.isInstalledOnBrowser()) {
                         return _super.getAddress.call(this);
                     }

package/src/polyfills.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 var _ = require('buffer/');

package/src/polyfills.js

@@ -1,3 +1,4 @@
+'use client'
 import { Buffer } from 'buffer/index.js';
 
 /* eslint-disable */

package/src/types.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="node" />
+/// <reference types="node" />
 import { EventEmitter } from 'stream';
 import { PublicClient } from 'viem';
 import { ProviderCondition } from '@dynamic-labs/wallet-connector-core';

package/src/utils/findEvmNetwork.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/utils/findEvmNetwork.d.ts

@@ -1,6 +1,6 @@
 import { EvmNetwork } from '@dynamic-labs/types';
 export declare const findEvmNetwork: ({ chainId, name, networks, }: {
-    chainId?: number | undefined;
-    name?: string | undefined;
+    chainId?: number;
+    name?: string;
     networks: EvmNetwork[];
 }) => EvmNetwork | undefined;

package/src/utils/findEvmNetwork.js

@@ -1,3 +1,4 @@
+'use client'
 const findEvmNetwork = ({ chainId, name, networks, }) => {
     if (!chainId && !name) {
         return undefined;

package/src/utils/getNameservice.cjs

@@ -0,0 +1,46 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../_virtual/_tslib.cjs');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+
+const getNameservice = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ rpcProvider, address, }) {
+    var _b;
+    const nsData = {
+        avatar: undefined,
+        name: undefined,
+    };
+    const network = yield rpcProvider.getChainId();
+    if (!network) {
+        return nsData;
+    }
+    // Handle Base name service requests
+    if (network === 8453) {
+        try {
+            const response = yield fetch(`https://resolver-api.basename.app/v1/addresses/${address}`);
+            if (response.ok) {
+                const data = yield response.json();
+                nsData.name = (_b = data.name) !== null && _b !== void 0 ? _b : undefined;
+            }
+        }
+        catch (e) {
+            walletConnectorCore.logger.debug('Failed to fetch ens data', e);
+        }
+        return nsData;
+    }
+    else {
+        nsData.name = (yield rpcProvider.getEnsName({
+            address: address,
+        }));
+        nsData.avatar = nsData.name
+            ? (yield rpcProvider.getEnsAvatar({
+                name: nsData.name,
+            }))
+            : undefined;
+    }
+    return nsData;
+});
+
+exports.getNameservice = getNameservice;

package/src/utils/getNameservice.d.ts

@@ -0,0 +1,6 @@
+import { PublicClient } from 'viem';
+import { NameServiceData } from '@dynamic-labs/sdk-api-core';
+export declare const getNameservice: ({ rpcProvider, address, }: {
+    rpcProvider: PublicClient;
+    address: string;
+}) => Promise<NameServiceData>;

package/src/utils/getNameservice.js

@@ -0,0 +1,42 @@
+'use client'
+import { __awaiter } from '../../_virtual/_tslib.js';
+import { logger } from '@dynamic-labs/wallet-connector-core';
+
+const getNameservice = (_a) => __awaiter(void 0, [_a], void 0, function* ({ rpcProvider, address, }) {
+    var _b;
+    const nsData = {
+        avatar: undefined,
+        name: undefined,
+    };
+    const network = yield rpcProvider.getChainId();
+    if (!network) {
+        return nsData;
+    }
+    // Handle Base name service requests
+    if (network === 8453) {
+        try {
+            const response = yield fetch(`https://resolver-api.basename.app/v1/addresses/${address}`);
+            if (response.ok) {
+                const data = yield response.json();
+                nsData.name = (_b = data.name) !== null && _b !== void 0 ? _b : undefined;
+            }
+        }
+        catch (e) {
+            logger.debug('Failed to fetch ens data', e);
+        }
+        return nsData;
+    }
+    else {
+        nsData.name = (yield rpcProvider.getEnsName({
+            address: address,
+        }));
+        nsData.avatar = nsData.name
+            ? (yield rpcProvider.getEnsAvatar({
+                name: nsData.name,
+            }))
+            : undefined;
+    }
+    return nsData;
+});
+
+export { getNameservice };

package/src/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './isEthWalletConnector';
+export * from './getNameservice';

package/src/utils/isEthWalletConnector/isEthWalletConnector.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/utils/isEthWalletConnector/isEthWalletConnector.js

@@ -1,3 +1,4 @@
+'use client'
 const isEthWalletConnector = (connector) => Boolean(connector === null || connector === void 0 ? void 0 : connector.getActiveAccount);
 
 export { isEthWalletConnector };

package/src/utils/parseIntSafe.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/utils/parseIntSafe.js

@@ -1,3 +1,4 @@
+'use client'
 import { logger } from '@dynamic-labs/wallet-connector-core';
 
 const parseIntSafe = (value, radix = 10) => {

package/src/walletConnect/fetchWalletConnectWallets.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/walletConnect/fetchWalletConnectWallets.js

@@ -1,3 +1,4 @@
+'use client'
 import { WalletConnect } from './walletConnect.js';
 
 const fetchWalletConnectWallets = ({ walletBook, }) => {