@dynamic-labs/ethereum 2.1.0-alpha.2 → 2.1.0-alpha.20

package/src/coinbase/coinbase.js

@@ -1,103 +1,70 @@
 '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) {
-        var { appName, appLogoUrl, evmNetworks } = _a, props = __rest(_a, ["appName", "appLogoUrl", "evmNetworks"]);
+        var { appName, appLogoUrl, evmNetworks, coinbaseWalletPreference } = _a, props = __rest(_a, ["appName", "appLogoUrl", "evmNetworks", "coinbaseWalletPreference"]);
         super(Object.assign({ evmNetworks }, props));
         this.name = 'Coinbase';
         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,
+                walletPreference: coinbaseWalletPreference,
+            },
         });
     }
-    isInstalledOnBrowser() {
-        var _a;
-        return ((_a = this.ethProviderHelper) === null || _a === void 0 ? void 0 : _a.findProvider()) !== undefined;
-    }
-    getAddress(opts) {
+    getAddress() {
         return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            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) {
         return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            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, walletPreference } = {}, }) => {
+    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: walletPreference !== null && walletPreference !== void 0 ? walletPreference : '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, walletPreference } = {}, }) => {
+    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: walletPreference !== null && walletPreference !== void 0 ? walletPreference : 'all',
+        });
+    }
+    return coinbaseProvider;
+};
+
+export { getCoinbaseProvider };

package/src/coinbase/types.d.ts

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

package/src/injected/fetchInjectedWalletConnectors.cjs

@@ -8,18 +8,15 @@ var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var InjectedWalletBase = require('./InjectedWalletBase.cjs');
 var PhantomEvm = require('./PhantomEvm.cjs');
 var ExodusEvm = require('./ExodusEvm.cjs');
-var Zerion = require('./Zerion.cjs');
 
 const injectedWalletOverrides = [
     PhantomEvm.PhantomEvm,
     ExodusEvm.ExodusEvm,
-    Zerion.Zerion,
 ];
 const filteredInjectedWalletKeysOverrides = [
     'phantomevm',
     'coinbase',
     'exodusevm',
-    'zerion',
 ];
 const fetchInjectedWalletConnector = ({ walletBook, }) => {
     var _a;

package/src/injected/fetchInjectedWalletConnectors.js

@@ -4,18 +4,15 @@ import { logger } from '@dynamic-labs/wallet-connector-core';
 import InjectedWalletBase from './InjectedWalletBase.js';
 import { PhantomEvm } from './PhantomEvm.js';
 import { ExodusEvm } from './ExodusEvm.js';
-import { Zerion } from './Zerion.js';
 
 const injectedWalletOverrides = [
     PhantomEvm,
     ExodusEvm,
-    Zerion,
 ];
 const filteredInjectedWalletKeysOverrides = [
     'phantomevm',
     'coinbase',
     'exodusevm',
-    'zerion',
 ];
 const fetchInjectedWalletConnector = ({ walletBook, }) => {
     var _a;