@dynamic-labs/wagmi-connector 0.19.0-alpha.2 → 0.19.0-alpha.21

package/src/lib/Connector.js

@@ -1,127 +1,135 @@
 import { __awaiter } from '../../_virtual/_tslib.js';
 import { Connector as Connector$1 } from 'wagmi';
-import { getAddress, hexValue } from 'ethers/lib/utils.js';
+import { getAddress, createWalletClient, custom, toHex } from 'viem';
 
-class Connector extends Connector$1 {
-    constructor({ chains, handleLogOut, walletConnector, }) {
-        super({ chains, options: undefined });
-        // wagmi properties
-        this.id = 'dynamic';
-        this.name = 'Dynamic';
-        // also a wagmi prop, but is only used for auto-connect
-        // which we have implemented ourselves, so this value
-        // doesn't matter
-        this.ready = false;
-        this.onAccountsChanged = (accounts) => __awaiter(this, void 0, void 0, function* () {
-            this.emit('change', {
-                account: getAddress(accounts[0]),
-            });
-        });
-        this.onChainChanged = (chain) => __awaiter(this, void 0, void 0, function* () {
-            this.emit('change', {
-                chain: { id: Number(chain), unsupported: false },
-            });
-        });
-        this.onDisconnect = () => __awaiter(this, void 0, void 0, function* () { });
-        this.handleLogOut = handleLogOut;
-        this.walletConnector = walletConnector;
-        this.id = `dynamic-${walletConnector.key}`;
-        this.setupEventListeners();
-    }
-    setupEventListeners() {
-        this.walletConnector.setupEventListeners({
-            onAccountChange: this.onAccountsChanged,
-            onChainChange: this.onChainChanged,
-            onDisconnect: this.onDisconnect,
-        });
-    }
-    connect(config) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.walletConnector) {
-                throw new Error('WalletConnector is not defined');
-            }
-            const account = yield this.getAccount();
-            this.setupEventListeners();
-            this.emit('message', { type: 'connecting' });
-            const web3Provider = yield this.getProvider();
-            const { provider } = web3Provider;
-            return {
-                account,
-                chain: { id: yield this.getChainId(), unsupported: false },
-                provider,
-            };
-        });
-    }
-    disconnect() {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function* () {
-            const web3Provider = yield this.getProvider();
-            const { provider } = web3Provider;
-            provider.removeListener('accountsChanged', this.onAccountsChanged);
-            provider.removeListener('chainChanged', this.onChainChanged);
-            provider.removeListener('disconnect', this.onDisconnect);
-            yield ((_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.endSession());
-            yield ((_b = this.handleLogOut) === null || _b === void 0 ? void 0 : _b.call(this));
-        });
-    }
-    getAccount() {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            const address = yield ((_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.fetchPublicAddress());
-            if (!address) {
-                throw new Error('Not connected');
-            }
-            return getAddress(address);
-        });
-    }
-    getChainId() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.walletConnector) {
-                throw new Error('WalletConnector is not defined');
-            }
-            const network = yield this.walletConnector.getNetwork();
-            if (!network) {
-                throw new Error('Network is not defined');
-            }
-            return Number(network);
-        });
-    }
-    getProvider(config) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            return (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.getWeb3Provider();
-        });
-    }
-    getSigner(config) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            return (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.getSigner();
-        });
-    }
-    isAuthorized() {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function* () {
-            const accounts = (_b = (yield ((_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.getConnectedAccounts()))) !== null && _b !== void 0 ? _b : [];
-            return accounts.length > 0;
-        });
-    }
-    switchChain(chainId) {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function* () {
-            yield ((_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.switchNetwork({ networkChainId: chainId }));
-            const id = hexValue(chainId);
-            return ((_b = this.chains.find((x) => x.id === chainId)) !== null && _b !== void 0 ? _b : {
-                id: chainId,
-                name: `Chain ${id}`,
-                nativeCurrency: { decimals: 18, name: 'Ether', symbol: 'ETH' },
-                network: `${id}`,
-                rpcUrls: { default: { http: [''] }, public: { http: [''] } },
-            });
-        });
-    }
-    watchAsset(asset) {
-        throw new Error('Method not implemented.');
-    }
+class Connector extends Connector$1 {
+    constructor({ chains, handleLogOut, walletConnector, }) {
+        super({ chains, options: undefined });
+        // wagmi properties
+        this.id = 'dynamic';
+        this.name = 'Dynamic';
+        // also a wagmi prop, but is only used for auto-connect
+        // which we have implemented ourselves, so this value
+        // doesn't matter
+        this.ready = false;
+        this.onAccountsChanged = (accounts) => __awaiter(this, void 0, void 0, function* () {
+            this.emit('change', {
+                account: getAddress(accounts[0]),
+            });
+        });
+        this.onChainChanged = (chain) => __awaiter(this, void 0, void 0, function* () {
+            this.emit('change', {
+                chain: { id: Number(chain), unsupported: false },
+            });
+        });
+        this.onDisconnect = () => __awaiter(this, void 0, void 0, function* () { });
+        this.handleLogOut = handleLogOut;
+        this.walletConnector = walletConnector;
+        this.id = `dynamic-${walletConnector.key}`;
+    }
+    _onAccountsChanged({ accounts }) {
+        this.onAccountsChanged(accounts);
+    }
+    _onChainChanged({ chain }) {
+        this.onChainChanged(chain);
+    }
+    _onDisconnect() {
+        this.onDisconnect();
+    }
+    setupEventListeners() {
+        this.walletConnector.on('accountChange', this._onAccountsChanged, this);
+        this.walletConnector.on('chainChange', this._onChainChanged, this);
+        this.walletConnector.on('disconnect', this._onDisconnect, this);
+    }
+    connect(config) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.walletConnector) {
+                throw new Error('WalletConnector is not defined');
+            }
+            const account = yield this.getAccount();
+            this.setupEventListeners();
+            this.emit('message', { type: 'connecting' });
+            return {
+                account,
+                chain: { id: yield this.getChainId(), unsupported: false },
+            };
+        });
+    }
+    disconnect() {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.walletConnector.removeListener('accountChange', this._onAccountsChanged, this);
+            this.walletConnector.removeListener('chainChange', this._onChainChanged, this);
+            this.walletConnector.removeListener('disconnect', this._onDisconnect, this);
+            yield ((_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.endSession());
+            yield ((_b = this.handleLogOut) === null || _b === void 0 ? void 0 : _b.call(this));
+        });
+    }
+    getAccount() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const address = yield ((_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.fetchPublicAddress());
+            if (!address) {
+                throw new Error('Not connected');
+            }
+            return getAddress(address);
+        });
+    }
+    getChainId() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.walletConnector) {
+                throw new Error('WalletConnector is not defined');
+            }
+            const network = yield this.walletConnector.getNetwork();
+            if (!network) {
+                throw new Error('Network is not defined');
+            }
+            return Number(network);
+        });
+    }
+    getProvider(config) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            return (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.getWalletClient();
+        });
+    }
+    getWalletClient(config) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const signer = yield ((_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.getSigner());
+            if (signer === null || signer === void 0 ? void 0 : signer.account) {
+                return signer;
+            }
+            return createWalletClient({
+                account: yield this.getAccount(),
+                transport: custom(signer),
+            });
+        });
+    }
+    isAuthorized() {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            const accounts = (_b = (yield ((_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.getConnectedAccounts()))) !== null && _b !== void 0 ? _b : [];
+            return accounts.length > 0;
+        });
+    }
+    switchChain(chainId) {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            yield ((_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.switchNetwork({ networkChainId: chainId }));
+            const id = toHex(chainId);
+            return ((_b = this.chains.find((x) => x.id === chainId)) !== null && _b !== void 0 ? _b : {
+                id: chainId,
+                name: `Chain ${id}`,
+                nativeCurrency: { decimals: 18, name: 'Ether', symbol: 'ETH' },
+                network: `${id}`,
+                rpcUrls: { default: { http: [''] }, public: { http: [''] } },
+            });
+        });
+    }
+    watchAsset(asset) {
+        throw new Error('Method not implemented.');
+    }
 }
 
 export { Connector };

package/src/lib/DynamicWagmiConnector.d.ts

@@ -1,8 +1,8 @@
-import React, { ReactNode } from 'react';
-import { WagmiEvmNetworks } from './types';
-type DynamicWagmiConnectorProps = {
-    children: ReactNode;
-    evmNetworks?: WagmiEvmNetworks[];
-};
-export declare const DynamicWagmiConnector: ({ evmNetworks: customerSuppliedEvmNetworks, children, }: DynamicWagmiConnectorProps) => React.FunctionComponentElement<React.PropsWithChildren<import("wagmi").WagmiConfigProps<import("@wagmi/core/dist/index-35b6525c").P, import("@wagmi/core/dist/index-35b6525c").W>>>;
-export {};
+import React, { ReactNode } from 'react';
+import { WagmiEvmNetworks } from './types';
+type DynamicWagmiConnectorProps = {
+    children: ReactNode;
+    evmNetworks?: WagmiEvmNetworks[];
+};
+export declare const DynamicWagmiConnector: ({ evmNetworks: customerSuppliedEvmNetworks, children, }: DynamicWagmiConnectorProps) => React.FunctionComponentElement<React.PropsWithChildren<import("wagmi").WagmiConfigProps<import("@wagmi/core/dist/index-e744bbc2").P, import("@wagmi/core/dist/index-e744bbc2").W>>>;
+export {};

package/src/lib/DynamicWagmiConnector.js

@@ -1,5 +1,5 @@
-import React from 'react';
-import { configureChains, mainnet, createClient, WagmiConfig } from 'wagmi';
+import React, { useEffect, useMemo } from 'react';
+import { configureChains, mainnet, createConfig, WagmiConfig } from 'wagmi';
 import { publicProvider } from 'wagmi/providers/public';
 import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
 import { Connector } from './Connector.js';
@@ -8,38 +8,56 @@ import { getWagmiChainsFromDynamicChains } from './getWagmiChainsFromDynamicChai
 import { getWagmiProvidersFromDynamicChains } from './getWagmiProvidersFromDynamicChains.js';
 import { getConnector } from './getConnector.js';
 
-const { provider } = configureChains([mainnet], [publicProvider()]);
-const client = createClient({
-    provider,
-});
-/**
- * we create a "default" (static chain and provider) client to use in the WagmiConfig
- * until we've loaded the dynamic chains and providers, at which point we update the client
- */
-let connector = undefined;
-const DynamicWagmiConnector = ({ evmNetworks: customerSuppliedEvmNetworks, children, }) => {
-    var _a;
-    const { networkConfigurations, handleLogOut, connectedWallets, linkedWallets, authMode, sendWagmiSettings, } = useDynamicContext();
-    const wallets = authMode === 'connect-only' ? connectedWallets : linkedWallets;
-    sendWagmiSettings({
-        dynamicWagmiSettings: customerSuppliedEvmNetworks,
-    });
-    const evmNetworks = ((_a = customerSuppliedEvmNetworks !== null && customerSuppliedEvmNetworks !== void 0 ? customerSuppliedEvmNetworks : networkConfigurations === null || networkConfigurations === void 0 ? void 0 : networkConfigurations.evm) !== null && _a !== void 0 ? _a : []).map((network) => {
-        network.chainId = parseInt(network.chainId.toString());
-        return network;
-    });
-    const mappedChains = getWagmiChainsFromDynamicChains(evmNetworks);
-    const mappedProviders = getWagmiProvidersFromDynamicChains(evmNetworks);
-    const { chains, provider } = configureChains(mappedChains, mappedProviders);
-    connector = getConnector(wallets, (wallet) => new Connector({
-        chains,
-        handleLogOut,
-        walletConnector: wallet.connector,
-    }));
-    client.config = Object.assign(Object.assign({}, client.config), { autoConnect: true, connectors: connector ? [connector] : [], provider: provider });
-    // use React.createElement to prevent bunding react/jsx-runtime,
-    // which is not compatible when bundling apps using React 17
-    return React.createElement(WagmiConfig, { client: client }, React.createElement(SyncDynamicWagmi, { connector }, children));
+const { publicClient } = configureChains([mainnet], [publicProvider()]);
+const config = createConfig({
+    autoConnect: true,
+    publicClient,
+});
+const DynamicWagmiConnector = ({ evmNetworks: customerSuppliedEvmNetworks, children, }) => {
+    const { networkConfigurations, handleLogOut, connectedWallets, linkedWallets, authMode, sendWagmiSettings, } = useDynamicContext();
+    /**
+     * Linked wallets are only available on connect-and-sign mode and the connected wallets
+     * are only available on connect-only mode, the wallet const represents the current available
+     * wallets to be used when creating an wagmi connector
+     */
+    const wallets = authMode === 'connect-and-sign' ? linkedWallets : connectedWallets;
+    useEffect(() => {
+        // only send wagmi settings once, when the first time DynamicWagmiConnector renders
+        sendWagmiSettings({
+            dynamicWagmiSettings: customerSuppliedEvmNetworks,
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const { chains, publicClient, webSocketPublicClient } = useMemo(() => {
+        var _a;
+        const evmNetworks = ((_a = customerSuppliedEvmNetworks !== null && customerSuppliedEvmNetworks !== void 0 ? customerSuppliedEvmNetworks : networkConfigurations === null || networkConfigurations === void 0 ? void 0 : networkConfigurations.evm) !== null && _a !== void 0 ? _a : []).map((network) => {
+            network.chainId = parseInt(network.chainId.toString());
+            return network;
+        });
+        const mappedChains = getWagmiChainsFromDynamicChains(evmNetworks);
+        const mappedProviders = getWagmiProvidersFromDynamicChains(evmNetworks);
+        return configureChains(mappedChains, mappedProviders);
+    }, [customerSuppliedEvmNetworks, networkConfigurations === null || networkConfigurations === void 0 ? void 0 : networkConfigurations.evm]);
+    const connector = useMemo(() => getConnector(wallets, (wallet) => new Connector({
+        chains,
+        handleLogOut,
+        walletConnector: wallet.connector,
+    })), [wallets, chains, handleLogOut]);
+    /**
+     * Updating the wagmi config must be done in a useEffect because
+     * when setting the public client and connectors, wagmi will fire
+     * an rerender.
+     * Keeping the update in a useEffect will prevent an state update
+     * while react is in the middle of rendering.
+     */
+    useEffect(() => {
+        config.setPublicClient(publicClient);
+        config.setWebSocketPublicClient(webSocketPublicClient);
+        config.setConnectors(connector ? [connector] : []);
+    }, [connector, publicClient, webSocketPublicClient]);
+    // use React.createElement to prevent bunding react/jsx-runtime,
+    // which is not compatible when bundling apps using React 17
+    return React.createElement(WagmiConfig, { config: config }, React.createElement(SyncDynamicWagmi, { connector, wallets }, children));
 };
 
 export { DynamicWagmiConnector };

package/src/lib/SyncDynamicWagmi.d.ts

@@ -1,8 +1,10 @@
-import React from 'react';
-import { Connector } from './Connector';
-export type SyncDynamicWagmiProps = React.PropsWithChildren<{
-    connector: Connector | undefined;
-}>;
-export declare const SyncDynamicWagmi: ({ children, connector, }: SyncDynamicWagmiProps) => React.FunctionComponentElement<{
-    children?: React.ReactNode;
-}>;
+import React from 'react';
+import { Wallet } from '@dynamic-labs/sdk-react-core';
+import { Connector } from './Connector';
+export type SyncDynamicWagmiProps = React.PropsWithChildren<{
+    connector: Connector | undefined;
+    wallets: Wallet[];
+}>;
+export declare const SyncDynamicWagmi: ({ children, connector, wallets, }: SyncDynamicWagmiProps) => React.FunctionComponentElement<{
+    children?: React.ReactNode;
+}>;

package/src/lib/SyncDynamicWagmi.js

@@ -1,42 +1,53 @@
 import React, { useRef, useEffect } from 'react';
-import { useClient, useConnect, useDisconnect } from 'wagmi';
+import { useConfig, useConnect, useDisconnect } from 'wagmi';
 import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
 
-const SyncDynamicWagmi = ({ children, connector, }) => {
-    const { status: clientStatus } = useClient();
-    const { connect } = useConnect();
-    const { disconnect } = useDisconnect();
-    const { internalEvents, walletConnector } = useDynamicContext();
-    const lastConnectedConnectorId = useRef(undefined);
-    useEffect(() => {
-        const events = internalEvents.current;
-        const handleDisconnect = () => {
-            lastConnectedConnectorId.current = undefined;
-            disconnect();
-        };
-        events.on('clearPrimaryWallet', handleDisconnect);
-        return () => {
-            events.off('clearPrimaryWallet', handleDisconnect);
-        };
-    }, [disconnect, internalEvents]);
-    useEffect(() => {
-        if (walletConnector &&
-            connector &&
-            (connector === null || connector === void 0 ? void 0 : connector.id) !== lastConnectedConnectorId.current) {
-            lastConnectedConnectorId.current = connector.id;
-            connect({ connector });
-        }
-    }, [
-        clientStatus,
-        connect,
-        connector,
-        disconnect,
-        lastConnectedConnectorId,
-        walletConnector,
-    ]);
-    // use React.createElement to prevent bunding react/jsx-runtime,
-    // which is not compatible when bundling apps using React 17
-    return React.createElement(React.Fragment, null, children);
+const SyncDynamicWagmi = ({ children, connector, wallets, }) => {
+    const { status: clientStatus } = useConfig();
+    const { connect } = useConnect();
+    const { disconnect } = useDisconnect();
+    const { walletConnector } = useDynamicContext();
+    const lastConnectedConnectorId = useRef(undefined);
+    useEffect(() => {
+        const isConnected = Boolean(lastConnectedConnectorId.current);
+        /**
+         * Disconnects from Wagmi when no more wallets are available
+         * and returns early to prevent re-connecting to the same connector
+         */
+        if (!wallets.length) {
+            /**
+             * Check if the connector is already disconnected to prevent
+             * disconnecting in a page transition on NextJS with multiple
+             * layouts
+             */
+            if (isConnected) {
+                disconnect();
+                lastConnectedConnectorId.current = undefined;
+            }
+            return;
+        }
+        /**
+         * Connects to Wagmi when a connector is available and
+         * the connector has changed since the last connection
+         */
+        if (walletConnector &&
+            connector &&
+            (connector === null || connector === void 0 ? void 0 : connector.id) !== lastConnectedConnectorId.current) {
+            lastConnectedConnectorId.current = connector.id;
+            connect({ connector });
+        }
+    }, [
+        clientStatus,
+        connect,
+        connector,
+        disconnect,
+        lastConnectedConnectorId,
+        walletConnector,
+        wallets,
+    ]);
+    // use React.createElement to prevent bunding react/jsx-runtime,
+    // which is not compatible when bundling apps using React 17
+    return React.createElement(React.Fragment, null, children);
 };
 
 export { SyncDynamicWagmi };

package/src/lib/getConnector.d.ts

@@ -1,3 +1,3 @@
-import { Wallet } from '@dynamic-labs/sdk-react-core';
-import { Connector } from './Connector';
-export declare const getConnector: (wallets: Wallet[], createConnector: (wallet: Wallet) => Connector) => Connector | undefined;
+import { Wallet } from '@dynamic-labs/sdk-react-core';
+import { Connector } from './Connector';
+export declare const getConnector: (wallets: Wallet[], createConnector: (wallet: Wallet) => Connector) => Connector | undefined;

package/src/lib/getConnector.js

@@ -1,9 +1,9 @@
-const getConnector = (wallets, createConnector) => {
-    for (const wallet of wallets) {
-        if (wallet.connected && wallet.connector.connectedChain === 'EVM') {
-            return createConnector(wallet);
-        }
-    }
+const getConnector = (wallets, createConnector) => {
+    for (const wallet of wallets) {
+        if (wallet.connected && wallet.connector.connectedChain === 'EVM') {
+            return createConnector(wallet);
+        }
+    }
 };
 
 export { getConnector };

package/src/lib/getWagmiChainsFromDynamicChains.d.ts

@@ -1,3 +1,3 @@
-import { Chain } from 'wagmi';
-import { WagmiEvmNetworks } from './types';
-export declare const getWagmiChainsFromDynamicChains: (dynamicChains: WagmiEvmNetworks[]) => Chain[];
+import { Chain } from 'viem/chains';
+import { WagmiEvmNetworks } from './types';
+export declare const getWagmiChainsFromDynamicChains: (dynamicChains: WagmiEvmNetworks[]) => Chain[];

package/src/lib/getWagmiChainsFromDynamicChains.js

@@ -1,9 +1,9 @@
-import { mainnet } from 'wagmi';
+import { mainnet } from 'viem/chains';
 import { mapDynamicChainToWagmi } from './mappers/chain.js';
 
-const getWagmiChainsFromDynamicChains = (dynamicChains) => {
-    const mappedChains = dynamicChains.map(mapDynamicChainToWagmi);
-    return mappedChains.length > 0 ? mappedChains : [mainnet];
+const getWagmiChainsFromDynamicChains = (dynamicChains) => {
+    const mappedChains = dynamicChains.map(mapDynamicChainToWagmi);
+    return mappedChains.length > 0 ? mappedChains : [mainnet];
 };
 
 export { getWagmiChainsFromDynamicChains };

package/src/lib/getWagmiProvidersFromDynamicChains.d.ts

@@ -1,4 +1,3 @@
-import { providers } from 'ethers';
-import { Chain, ChainProviderFn } from 'wagmi';
-import { WagmiEvmNetworks } from './types';
-export declare const getWagmiProvidersFromDynamicChains: (dynamicChains: WagmiEvmNetworks[]) => ChainProviderFn<Chain, providers.JsonRpcProvider, providers.WebSocketProvider>[];
+import { Chain, ChainProviderFn } from 'wagmi';
+import { WagmiEvmNetworks } from './types';
+export declare const getWagmiProvidersFromDynamicChains: (dynamicChains: WagmiEvmNetworks[]) => ChainProviderFn<Chain>[];

package/src/lib/getWagmiProvidersFromDynamicChains.js

@@ -1,43 +1,37 @@
 import { publicProvider } from 'wagmi/providers/public';
 import { jsonRpcProvider } from 'wagmi/providers/jsonRpc';
 
-/* eslint-disable prefer-destructuring */
-const getProvider = (dynamicChain, rpcUrl) => {
-    let http;
-    let webSocket;
-    let priority;
-    let stallTimeout;
-    if (typeof rpcUrl !== 'string') {
-        http = rpcUrl.http;
-        webSocket = rpcUrl.webSocket;
-        priority = rpcUrl.priority;
-        stallTimeout = rpcUrl.stallTimeout;
-    }
-    else {
-        http = rpcUrl;
-    }
-    return (chain) => {
-        if (chain.id !== dynamicChain.chainId)
-            return null;
-        return jsonRpcProvider({
-            priority,
-            rpc: () => ({
-                http,
-                webSocket,
-            }),
-            stallTimeout,
-        })(chain);
-    };
-};
-const getWagmiProvidersFromDynamicChains = (dynamicChains) => {
-    const wagmiProviders = [];
-    dynamicChains.forEach((dynamicChain) => {
-        var _a;
-        ((_a = dynamicChain.privateCustomerRpcUrls) !== null && _a !== void 0 ? _a : []).forEach((rpcUrl) => {
-            wagmiProviders.push(getProvider(dynamicChain, rpcUrl));
-        });
-    });
-    return [...wagmiProviders, publicProvider()];
+/* eslint-disable prefer-destructuring */
+const getProvider = (dynamicChain, rpcUrl) => {
+    let http;
+    let webSocket;
+    if (typeof rpcUrl !== 'string') {
+        http = rpcUrl.http;
+        webSocket = rpcUrl.webSocket;
+    }
+    else {
+        http = rpcUrl;
+    }
+    return (chain) => {
+        if (chain.id !== dynamicChain.chainId)
+            return null;
+        return jsonRpcProvider({
+            rpc: () => ({
+                http,
+                webSocket,
+            }),
+        })(chain);
+    };
+};
+const getWagmiProvidersFromDynamicChains = (dynamicChains) => {
+    const wagmiProviders = [];
+    dynamicChains.forEach((dynamicChain) => {
+        var _a;
+        ((_a = dynamicChain.privateCustomerRpcUrls) !== null && _a !== void 0 ? _a : []).forEach((rpcUrl) => {
+            wagmiProviders.push(getProvider(dynamicChain, rpcUrl));
+        });
+    });
+    return [...wagmiProviders, publicProvider()];
 };
 
 export { getWagmiProvidersFromDynamicChains };

package/src/lib/mappers/chain.d.ts

@@ -1,3 +1,4 @@
-import { Chain } from 'wagmi';
-import { WagmiEvmNetworks } from '../types';
-export declare const mapDynamicChainToWagmi: (dynamicChain: WagmiEvmNetworks) => Chain;
+import { Chain } from 'wagmi';
+import { WagmiEvmNetworks } from '../types';
+export declare const mapDynamicChainToWagmi: (dynamicChain: WagmiEvmNetworks) => Chain;
+export declare const overrideWagmiChainWithDynamicSettings: (wagmiChain: Chain, dynamicChain: WagmiEvmNetworks) => Chain;