@dynamic-labs/wagmi-connector 0.18.7 → 0.18.8

package/CHANGELOG.md

@@ -1,4 +1,12 @@
 
+### [0.18.8](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.7...v0.18.8) (2023-08-24)
+
+
+### Bug Fixes
+
+* allow overriding contracts on wagmi chains ([#3107](https://github.com/dynamic-labs/DynamicAuth/issues/3107)) ([d078532](https://github.com/dynamic-labs/DynamicAuth/commit/d078532432415fc26402b9a5405059078be811eb))
+* send wagmi settings only once when DynamicWagmiConnector loads (v18) ([#3108](https://github.com/dynamic-labs/DynamicAuth/issues/3108)) ([d25de8f](https://github.com/dynamic-labs/DynamicAuth/commit/d25de8f8a4ee7be6e89cb74881ea390ef72e578f)), closes [#3103](https://github.com/dynamic-labs/DynamicAuth/issues/3103)
+
 ### [0.18.7](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.6...v0.18.7) (2023-08-23)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/wagmi-connector",
-  "version": "0.18.7",
+  "version": "0.18.8",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -11,8 +11,8 @@
     "react": "^17.0.2 || ^18.0.0",
     "ethers": "5.7.2",
     "wagmi": "~0.12.13",
-    "@dynamic-labs/sdk-react-core": "0.18.7",
-    "@dynamic-labs/types": "0.18.7",
+    "@dynamic-labs/sdk-react-core": "0.18.8",
+    "@dynamic-labs/types": "0.18.8",
     "eventemitter3": "5.0.1"
   },
   "license": "MIT",

package/src/lib/DynamicWagmiConnector.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { configureChains, mainnet, createClient, WagmiConfig } from 'wagmi';
 import { publicProvider } from 'wagmi/providers/public';
 import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
@@ -21,9 +21,13 @@ const DynamicWagmiConnector = ({ evmNetworks: customerSuppliedEvmNetworks, child
     var _a;
     const { networkConfigurations, handleLogOut, connectedWallets, linkedWallets, authMode, sendWagmiSettings, } = useDynamicContext();
     const wallets = authMode === 'connect-only' ? connectedWallets : linkedWallets;
-    sendWagmiSettings({
-        dynamicWagmiSettings: customerSuppliedEvmNetworks,
-    });
+    useEffect(() => {
+        // only send wagmi settings once, when the first time DynamicWagmiConnector renders
+        sendWagmiSettings({
+            dynamicWagmiSettings: customerSuppliedEvmNetworks,
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     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;

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;
+export declare const overrideWagmiChainWithDynamicSettings: (wagmiChain: Chain, dynamicChain: WagmiEvmNetworks) => Chain;

package/src/lib/mappers/chain.js

@@ -2,7 +2,7 @@ import * as allChains from 'wagmi/chains';
 import { resolveRpcUrlFromEvmNetworks } from '../utils/resolveRpcUrlFromEvmNetworks/resolveRpcUrlFromEvmNetworks.js';
 
 // eslint-disable-next-line import/no-namespace
-const findRpcProvider = (rpcUrls, privateCustomerRpcUrls, name) => {
+const updateRpcProvider = (rpcUrls, privateCustomerRpcUrls, name) => {
     const findRpcUrl = privateCustomerRpcUrls === null || privateCustomerRpcUrls === void 0 ? void 0 : privateCustomerRpcUrls.find((rpcUrl) => {
         if (typeof rpcUrl === 'string') {
             return rpcUrl.includes(name);
@@ -22,7 +22,14 @@ const findRpcProvider = (rpcUrls, privateCustomerRpcUrls, name) => {
     }
 };
 const mapDynamicChainToWagmi = (dynamicChain) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a;
+    /**
+     * Find the chain in Wagmi that matches the chainId of the dynamic chain.
+     */
+    const wagmiChain = ((_a = Object.values(allChains).find((chain) => chain.id === dynamicChain.chainId)) !== null && _a !== void 0 ? _a : {});
+    return overrideWagmiChainWithDynamicSettings(wagmiChain, dynamicChain);
+};
+const generateRpcUrls = (dynamicChain) => {
     const rpcUrlResolved = resolveRpcUrlFromEvmNetworks(dynamicChain);
     const rpcUrls = {
         default: {
@@ -33,12 +40,12 @@ const mapDynamicChainToWagmi = (dynamicChain) => {
         },
     };
     const rpcUrlProviders = ['alchemy', 'infura'];
-    rpcUrlProviders.forEach((name) => findRpcProvider(rpcUrls, dynamicChain.privateCustomerRpcUrls, name));
-    /**
-     * Find the chain in Wagmi that matches the chainId of the dynamic chain.
-     */
-    const wagmiChain = ((_a = Object.values(allChains).find((chain) => chain.id === dynamicChain.chainId)) !== null && _a !== void 0 ? _a : {});
-    return Object.assign(Object.assign({}, wagmiChain), { blockExplorers: Object.assign(Object.assign({}, wagmiChain === null || wagmiChain === void 0 ? void 0 : wagmiChain.blockExplorers), { default: Object.assign(Object.assign({}, (_b = wagmiChain.blockExplorers) === null || _b === void 0 ? void 0 : _b.default), { name: '', url: (_d = (_c = dynamicChain.blockExplorerUrls) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : '' }) }), id: (_e = dynamicChain.chainId) !== null && _e !== void 0 ? _e : wagmiChain.id, name: (_g = (_f = dynamicChain.vanityName) !== null && _f !== void 0 ? _f : dynamicChain.name) !== null && _g !== void 0 ? _g : wagmiChain.name, nativeCurrency: (_h = dynamicChain.nativeCurrency) !== null && _h !== void 0 ? _h : wagmiChain.nativeCurrency, network: (_j = dynamicChain.name) !== null && _j !== void 0 ? _j : wagmiChain.network, rpcUrls: rpcUrls !== null && rpcUrls !== void 0 ? rpcUrls : wagmiChain.rpcUrls });
+    rpcUrlProviders.forEach((name) => updateRpcProvider(rpcUrls, dynamicChain.privateCustomerRpcUrls, name));
+    return rpcUrls;
+};
+const overrideWagmiChainWithDynamicSettings = (wagmiChain, dynamicChain) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    return (Object.assign(Object.assign({}, wagmiChain), { blockExplorers: Object.assign(Object.assign({}, wagmiChain === null || wagmiChain === void 0 ? void 0 : wagmiChain.blockExplorers), { default: Object.assign(Object.assign({}, (_a = wagmiChain.blockExplorers) === null || _a === void 0 ? void 0 : _a.default), { name: '', url: (_c = (_b = dynamicChain.blockExplorerUrls) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : '' }) }), contracts: (_d = dynamicChain.contracts) !== null && _d !== void 0 ? _d : wagmiChain.contracts, id: (_e = dynamicChain.chainId) !== null && _e !== void 0 ? _e : wagmiChain.id, name: (_g = (_f = dynamicChain.vanityName) !== null && _f !== void 0 ? _f : dynamicChain.name) !== null && _g !== void 0 ? _g : wagmiChain.name, nativeCurrency: (_h = dynamicChain.nativeCurrency) !== null && _h !== void 0 ? _h : wagmiChain.nativeCurrency, network: (_j = dynamicChain.name) !== null && _j !== void 0 ? _j : wagmiChain.network, rpcUrls: generateRpcUrls(dynamicChain) }));
 };
 
-export { mapDynamicChainToWagmi };
+export { mapDynamicChainToWagmi, overrideWagmiChainWithDynamicSettings };

package/src/lib/types.d.ts

@@ -21,5 +21,8 @@ type CustomProviderOptions = {
 };
 export type WagmiEvmNetworks = Omit<PartialBy<EvmNetwork, 'iconUrls' | 'networkId' | 'vanityName'>, 'privateCustomerRpcUrls'> & {
     privateCustomerRpcUrls: (string | CustomProviderOptions)[];
+    contracts?: {
+        [key: string]: any;
+    };
 };
 export {};