@dynamic-labs/wagmi-connector 0.16.0-RC.8 → 0.16.0

package/CHANGELOG.md

@@ -1,4 +1,112 @@
 
+## [0.16.0](https://github.com/dynamic-labs/DynamicAuth/compare/v0.15.0...v0.16.0) (2023-04-14)
+It is has been a bit over a month since our last stable launch, and here comes V0.16.0!
+We have some cool features for you and one breaking change that you should be aware of (We try our best to minimize these, but we gotta keep on cleaning legacy stuff).
+
+### ⚠ BREAKING CHANGES
+* With the introduction of email login and social verification we moved to `verifiedCredentials` instead of `blockchainAccounts`. `blockChainAccounts` was removed from the [user's object](https://dash.readme.com/project/dynamic/v2.5/docs/userprofile) and from the [JWT payload](https://docs.dynamic.xyz/docs/user-payload).
+
+### Feature Highlights
+* Support for social verifications (Github, Google, Facebook, Twitter, and Discord).
+* Support for Cosmos and Keplr Wallet.
+* Support for hCaptcha.
+* Magic Wallet improvements: OTP authentication, network switching, send transaction/sign-message page, and performance improvements.
+* Improvements to the Starknet integration.
+* Expose updateSelf method that handles all the side effects that involve in updating a profile.
+* User profile has a new boolean (newUser) to indicate (suprise) whether it is a new user that was just created.
+* [defaultNumberOfWalletsToShow](https://docs.dynamic.xyz/docs/sort-and-filter-wallets#sortwallets) is a param that can control how many wallets to show on the wallet listing when a walletFilter is applied.
+* Two new callbacks were added: [onConnectSuccess](https://docs.dynamic.xyz/docs/onconnectsuccess), and [onUserProfileUpdate](https://docs.dynamic.xyz/docs/onuserprofileupdate)
+* Added support for multiple additional wallets (such as: Uniswap and Dawn).
+
+And tons of other small improvements and bug fixes.
+
+
+## [0.16.0-RC.14](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.0-RC.13...v0.16.0-RC.14) (2023-04-12)
+
+
+### Features
+
+* **DYN-2073:** use emailOnly property to decide whether to show wallet list or not ([#1855](https://github.com/dynamic-labs/DynamicAuth/issues/1855)) ([9f98713](https://github.com/dynamic-labs/DynamicAuth/commit/9f9871343811e9bcaa4bad3b01407fcab7401630))
+* **Keplr:** sign message with walletconnect and authorize ([699d438](https://github.com/dynamic-labs/DynamicAuth/commit/699d438e9c14ce5f562cbebe9c4895530bbeb0cf))
+* **Keplr:** support network switch ([28c98b3](https://github.com/dynamic-labs/DynamicAuth/commit/28c98b31010bfd74b0a1a767165311a7ca1bca8a))
+* **KeplrWalletCnnect:** fetch balance ([d42aad9](https://github.com/dynamic-labs/DynamicAuth/commit/d42aad9c848ced5eff782da23fd0ed50a1727f74))
+* **KeplrWalletCnnect:** fetch balance ([bd0f854](https://github.com/dynamic-labs/DynamicAuth/commit/bd0f854ea95425dabdc918f87a3e85c1f30e42c9))
+* **magic:** handle network switching ([c9636ef](https://github.com/dynamic-labs/DynamicAuth/commit/c9636ef61bc72970fde4182f7c2e5c05fcccf1bf))
+
+
+### Bug Fixes
+
+* **Keplr:** authorize with persited network ([82e9e94](https://github.com/dynamic-labs/DynamicAuth/commit/82e9e945039d9ee39a64193d6b14f993b9f980f0))
+* remove extend WalletConnect from keplrWalletConnect ([9ae62be](https://github.com/dynamic-labs/DynamicAuth/commit/9ae62be5d47e1b17a986bd4c84aba3a8d3583743))
+
+## [0.16.0-RC.13](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.0-RC.12...v0.16.0-RC.13) (2023-04-11)
+
+
+### Features
+
+* add cosmos to the new wallet chain options ([ba93570](https://github.com/dynamic-labs/DynamicAuth/commit/ba93570a1b51d79135e985273c9a8ac7b417b690))
+* add glow and starknet to shouldManuallyReconnectOnRefresh ([a971787](https://github.com/dynamic-labs/DynamicAuth/commit/a97178750aa2ff6b2e6c8b84bf8587f43faaf243))
+* starknet update signature for getWeb3Provider and updated isInstalled ([94e84ac](https://github.com/dynamic-labs/DynamicAuth/commit/94e84ac04e4ceb20a6b13ede4ff22230b0bb08f5))
+
+
+### Bug Fixes
+
+* **connect-only:** manually reconnect connector based on shouldManuallyReconnectOnRefresh ([e81ec1c](https://github.com/dynamic-labs/DynamicAuth/commit/e81ec1ccee9fe4361dc4e12e358a4d199b750478))
+* remove useFetchPublicAddress ([5cb5659](https://github.com/dynamic-labs/DynamicAuth/commit/5cb5659aa8b3d03589f6e6a065a087ff54afe863))
+* starknet properly teardown the listeners ([1212251](https://github.com/dynamic-labs/DynamicAuth/commit/121225146ed2d7e6dff58f00681f7876ba20bd6e))
+* update kycEnabled value when projectSettings change ([#1836](https://github.com/dynamic-labs/DynamicAuth/issues/1836)) ([56f4312](https://github.com/dynamic-labs/DynamicAuth/commit/56f431218648d34275d4ea0ab5e5dbfadd8ed7b3))
+
+## [0.16.0-RC.12](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.0-RC.11...v0.16.0-RC.12) (2023-04-06)
+
+
+### Bug Fixes
+
+* only display ouath providers in social accounts profile section ([1d11297](https://github.com/dynamic-labs/DynamicAuth/commit/1d11297bad425867068b5f6bf90473aa014166cc))
+* social auth updates ([#1819](https://github.com/dynamic-labs/DynamicAuth/issues/1819)) ([ade0aba](https://github.com/dynamic-labs/DynamicAuth/commit/ade0aba4f02be756456c947cd634f605517942e3))
+* update multi-wallet list ([#1814](https://github.com/dynamic-labs/DynamicAuth/issues/1814)) ([3d97ebd](https://github.com/dynamic-labs/DynamicAuth/commit/3d97ebd50b8458bece4ad1946d0c397232e28a48))
+* update wallets list so the tiles look stacked again ([#1813](https://github.com/dynamic-labs/DynamicAuth/issues/1813)) ([299f46b](https://github.com/dynamic-labs/DynamicAuth/commit/299f46b89e3dcddc0886509502ede9c2e72d58f3))
+
+## [0.16.0-RC.11](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.0-RC.10...v0.16.0-RC.11) (2023-04-05)
+
+
+### Features
+
+* **DYN-1710:** Add Manual Switch Network view ([3526a5d](https://github.com/dynamic-labs/DynamicAuth/commit/3526a5d869e2b8b8b404959f02360b1e7db75f97))
+* **DYN-2030:** replace hardcoded network properties to api response ([5af6d5e](https://github.com/dynamic-labs/DynamicAuth/commit/5af6d5efba280bfffa196075cf7b9d9ca702296e))
+* enable social profiles integration ([#1729](https://github.com/dynamic-labs/DynamicAuth/issues/1729)) ([d33ae28](https://github.com/dynamic-labs/DynamicAuth/commit/d33ae2859cbe097de58b9caa654c3c5aec13f9fa))
+* export the type of DynamicContextProp ([452fe1b](https://github.com/dynamic-labs/DynamicAuth/commit/452fe1b066b293659357b9722c5383025639f197))
+
+
+### Bug Fixes
+
+* add missing dependecy to the useEffect ([cacbcc4](https://github.com/dynamic-labs/DynamicAuth/commit/cacbcc4bc2ec813bb8b4298eefee8e893377434d))
+* **Button:** loading state ([af7a9b0](https://github.com/dynamic-labs/DynamicAuth/commit/af7a9b0e937bbc859f551ba7fc5463e61d7fc1c4))
+* make Wallets the 1st option in widget switcher ([#1794](https://github.com/dynamic-labs/DynamicAuth/issues/1794)) ([7156b37](https://github.com/dynamic-labs/DynamicAuth/commit/7156b37ee4a94fd4e74e3889d93a5613f39fdf0f))
+* only show ens name/avatar if there's any for the selected wallet ([#1779](https://github.com/dynamic-labs/DynamicAuth/issues/1779)) ([1a6cf6b](https://github.com/dynamic-labs/DynamicAuth/commit/1a6cf6b583f55c67d190bc962451073839b3ecfb))
+* update 'wallet not connected' pop up (update copy, add logout button and spinner) ([#1780](https://github.com/dynamic-labs/DynamicAuth/issues/1780)) ([0b2701f](https://github.com/dynamic-labs/DynamicAuth/commit/0b2701fbfb07b23c646f77608a21eff183fdc0ab))
+* update 'wallet not connected' prompt ([#1793](https://github.com/dynamic-labs/DynamicAuth/issues/1793)) ([a9b9064](https://github.com/dynamic-labs/DynamicAuth/commit/a9b906438255d46ac1a4e3b0dd8efaa3c5d92e1c))
+
+## [0.16.0-RC.10](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.0-RC.9...v0.16.0-RC.10) (2023-03-31)
+
+
+### Features
+
+* **DYN-2093:** add new_user boolean flag to UserProfile ([4150047](https://github.com/dynamic-labs/DynamicAuth/commit/4150047ae5598ec949f1e1e4484d08be6e84eba5))
+
+
+### Bug Fixes
+
+* **magic-otp:** reload the page on click edit email ([11af506](https://github.com/dynamic-labs/DynamicAuth/commit/11af506b50462b8e121d5b95b1b1ec53ed09992b))
+* **multi-wallet:** display OTP view when reconnecting wallet ([4a3ad0a](https://github.com/dynamic-labs/DynamicAuth/commit/4a3ad0a96912edba8451697252de47ea5858fe31))
+* **Portal:** allow for custom element id ([d27589d](https://github.com/dynamic-labs/DynamicAuth/commit/d27589de093e0933c69041a90fe18bb35325cfc8))
+
+## [0.16.0-RC.9](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.0-RC.8...v0.16.0-RC.9) (2023-03-30)
+
+
+### Features
+
+* **DYN-2030:** cosmos/keplr integration ([#1756](https://github.com/dynamic-labs/DynamicAuth/issues/1756)) ([1521dac](https://github.com/dynamic-labs/DynamicAuth/commit/1521dac370b6dbecfedf7eaa367c436ce4d9286d))
+
 ## [0.16.0-RC.8](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.0-RC.7...v0.16.0-RC.8) (2023-03-29)
 
 

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Dynamic Labs, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/_virtual/_tslib.es.js

@@ -0,0 +1,26 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+export { __awaiter };

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@dynamic-labs/wagmi-connector",
-  "version": "0.16.0-RC.8",
-  "type": "module",
+  "version": "0.16.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -12,18 +11,21 @@
     "react": "^17.0.2 || ^18.0.0",
     "ethers": "^5.7.2",
     "wagmi": "~0.10.3",
-    "@dynamic-labs/sdk-react": "0.16.0-RC.8"
+    "@dynamic-labs/sdk-react": "0.16.0",
+    "@dynamic-labs/sdk-react-core": "0.16.0"
   },
   "license": "MIT",
-  "module": "./index.js",
-  "main": "./index.cjs",
+  "main": "./src/index.es.js",
+  "module": "./src/index.es.js",
   "types": "./src/index.d.ts",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./src/index.d.ts",
-      "import": "./index.js",
-      "require": "./index.cjs"
-    }
+      "import": "./src/index.es.js",
+      "require": "./src/index.es.js"
+    },
+    "./package.json": "./package.json"
   },
   "dependencies": {}
-}
+}

package/src/index.es.js

@@ -0,0 +1 @@
+export { DynamicWagmiConnector } from './lib/DynamicWagmiConnector.es.js';

package/src/lib/Connector.d.ts

@@ -1,6 +1,6 @@
 import { ethers } from 'ethers';
 import { Address, Connector as BaseWagmiConnector, ConnectorData, Chain } from 'wagmi';
-import { WalletConnector } from '@dynamic-labs/sdk-react';
+import { WalletConnector } from '@dynamic-labs/sdk-react-core';
 export declare class Connector extends BaseWagmiConnector<ethers.providers.Web3Provider, undefined, ethers.providers.JsonRpcSigner> {
     handleLogOut: () => void;
     walletConnector: WalletConnector;

package/src/lib/Connector.es.js

@@ -0,0 +1,126 @@
+import { __awaiter } from '../../_virtual/_tslib.es.js';
+import { Connector as Connector$1 } from 'wagmi';
+import { getAddress, hexValue } from 'ethers/lib/utils.js';
+
+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.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, _c;
+        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 ((_b = (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.endSession) === null || _b === void 0 ? void 0 : _b.call(_a));
+            (_c = this.handleLogOut) === null || _c === void 0 ? void 0 : _c.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 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: [''] } },
+            });
+        });
+    }
+    watchAsset(asset) {
+        throw new Error('Method not implemented.');
+    }
+}
+
+export { Connector };

package/src/lib/DynamicWagmiConnector.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { EvmNetwork } from '@dynamic-labs/sdk-react';
+import { EvmNetwork } from '@dynamic-labs/sdk-react-core';
 type DynamicWagmiConnectorProps = {
     children: ReactNode;
     evmNetworks?: EvmNetwork[];

package/src/lib/DynamicWagmiConnector.es.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { configureChains, mainnet, createClient, WagmiConfig } from 'wagmi';
+import { publicProvider } from 'wagmi/providers/public';
+import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
+import { Connector } from './Connector.es.js';
+import { SyncDynamicWagmi } from './SyncDynamicWagmi.es.js';
+import { getWagmiChainsFromDynamicChains } from './getWagmiChainsFromDynamicChains.es.js';
+import { getWagmiProvidersFromDynamicChains } from './getWagmiProvidersFromDynamicChains.es.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, walletConnector, handleLogOut } = useDynamicContext();
+    const evmNetworks = (_a = customerSuppliedEvmNetworks !== null && customerSuppliedEvmNetworks !== void 0 ? customerSuppliedEvmNetworks : networkConfigurations === null || networkConfigurations === void 0 ? void 0 : networkConfigurations.evm) !== null && _a !== void 0 ? _a : [];
+    const mappedChains = getWagmiChainsFromDynamicChains(evmNetworks);
+    const mappedProviders = getWagmiProvidersFromDynamicChains(evmNetworks);
+    const { chains, provider } = configureChains(mappedChains, mappedProviders);
+    if (!connector && walletConnector) {
+        connector = new Connector({
+            chains,
+            handleLogOut,
+            walletConnector,
+        });
+    }
+    else if (connector && !walletConnector) {
+        connector = undefined;
+    }
+    client.config = Object.assign(Object.assign({}, client.config), { connectors: connector ? [connector] : [], 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));
+};
+
+export { DynamicWagmiConnector };

package/src/lib/SyncDynamicWagmi.es.js

@@ -0,0 +1,32 @@
+import React, { useEffect } from 'react';
+import { useClient, useConnect, useDisconnect } from 'wagmi';
+import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
+
+const SyncDynamicWagmi = ({ children, connector, }) => {
+    const { status: clientStatus } = useClient();
+    const { walletConnector } = useDynamicContext();
+    const { connect, status } = useConnect();
+    const { disconnect } = useDisconnect();
+    if (walletConnector) {
+        // after connection is successful, re-setup event listeners after a short delay
+        // so that they are not cleared by the teardown in useWalletEventListeners
+        if (status === 'success') {
+            setTimeout(() => {
+                connector === null || connector === void 0 ? void 0 : connector.setupEventListeners();
+            }, 100);
+        }
+    }
+    useEffect(() => {
+        if (!walletConnector) {
+            disconnect();
+        }
+        else if (connector && clientStatus !== 'connected') {
+            connect({ connector });
+        }
+    }, [clientStatus, connect, connector, disconnect, 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);
+};
+
+export { SyncDynamicWagmi };

package/src/lib/getWagmiChainsFromDynamicChains.d.ts

@@ -1,3 +1,3 @@
 import { Chain } from 'wagmi';
-import { EvmNetwork } from '@dynamic-labs/sdk-react';
+import { EvmNetwork } from '@dynamic-labs/sdk-react-core';
 export declare const getWagmiChainsFromDynamicChains: (dynamicChains: EvmNetwork[]) => Chain[];

package/src/lib/getWagmiChainsFromDynamicChains.es.js

@@ -0,0 +1,9 @@
+import { mainnet } from 'wagmi';
+import { mapDynamicChainToWagmi } from './mappers/chain.es.js';
+
+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,4 @@
 import { providers } from 'ethers';
 import { Chain, ChainProviderFn } from 'wagmi';
-import { EvmNetwork } from '@dynamic-labs/sdk-react';
+import { EvmNetwork } from '@dynamic-labs/sdk-react-core';
 export declare const getWagmiProvidersFromDynamicChains: (dynamicChains: EvmNetwork[]) => ChainProviderFn<providers.JsonRpcProvider, providers.WebSocketProvider, Chain>[];

package/src/lib/getWagmiProvidersFromDynamicChains.es.js

@@ -0,0 +1,22 @@
+import { publicProvider } from 'wagmi/providers/public';
+import { providers } from 'ethers';
+
+const getWagmiProvidersFromDynamicChains = (dynamicChains) => {
+    var _a;
+    const wagmiProviders = [];
+    for (const dynamicChain of dynamicChains) {
+        for (const url of (_a = dynamicChain.privateCustomerRpcUrls) !== null && _a !== void 0 ? _a : []) {
+            wagmiProviders.push((chain) => {
+                if (chain.id !== dynamicChain.chainId)
+                    return null;
+                return {
+                    chain,
+                    provider: () => new providers.JsonRpcProvider(url, chain.id),
+                };
+            });
+        }
+    }
+    return [...wagmiProviders, publicProvider()];
+};
+
+export { getWagmiProvidersFromDynamicChains };

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

@@ -1,3 +1,3 @@
 import { Chain } from 'wagmi';
-import { EvmNetwork } from '@dynamic-labs/sdk-react';
+import { EvmNetwork } from '@dynamic-labs/sdk-react-core';
 export declare const mapDynamicChainToWagmi: (dynamicChain: EvmNetwork) => Chain;

package/src/lib/mappers/chain.es.js

@@ -0,0 +1,47 @@
+import * as allChains from 'wagmi/chains';
+
+// eslint-disable-next-line import/no-namespace
+/**
+ * this is to map chains from Dynamic to the corresponding chain in Wagmi, if it exists.
+ * this is so that the exact same chain object is used across renders, which is important for
+ * the underlying ethers library to work correctly.
+ */
+const mapping = {};
+Object.values(allChains).forEach((chain) => {
+    mapping[chain.id] = chain;
+});
+const mapDynamicChainToWagmi = (dynamicChain) => {
+    var _a, _b, _c, _d, _e;
+    const wagmiChain = mapping[dynamicChain.chainId];
+    if (wagmiChain) {
+        return wagmiChain;
+    }
+    const rpcUrls = {
+        default: {
+            http: dynamicChain.rpcUrls,
+        },
+    };
+    const alchemyUrl = (_a = dynamicChain.privateCustomerRpcUrls) === null || _a === void 0 ? void 0 : _a.find((url) => url.includes('alchemy'));
+    if (alchemyUrl) {
+        rpcUrls.alchemy = { http: [alchemyUrl] };
+    }
+    const infuraUrl = (_b = dynamicChain.privateCustomerRpcUrls) === null || _b === void 0 ? void 0 : _b.find((url) => url.includes('infura'));
+    if (infuraUrl) {
+        rpcUrls.infura = { http: [infuraUrl] };
+    }
+    return {
+        blockExplorers: {
+            default: {
+                name: '',
+                url: (_d = (_c = dynamicChain.blockExplorerUrls) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : '',
+            },
+        },
+        id: dynamicChain.chainId,
+        name: (_e = dynamicChain.vanityName) !== null && _e !== void 0 ? _e : dynamicChain.chainName,
+        nativeCurrency: dynamicChain.nativeCurrency,
+        network: dynamicChain.chainName,
+        rpcUrls,
+    };
+};
+
+export { mapDynamicChainToWagmi };