@dynamic-labs/wagmi-connector 0.19.0-alpha.14 → 0.19.0-alpha.16

package/CHANGELOG.md

@@ -1,4 +1,29 @@
 
+## [0.19.0-alpha.16](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.15...v0.19.0-alpha.16) (2023-10-17)
+
+
+### ⚠ BREAKING CHANGES
+
+* ethers extension integration and rename provider methods (#3573)
+
+### Features
+
+* add onDisconnect ([#3572](https://github.com/dynamic-labs/DynamicAuth/issues/3572)) ([3e612f7](https://github.com/dynamic-labs/DynamicAuth/commit/3e612f72540781b9246a47ac12a7c979fb6c0d88))
+* user callback on passkey creation complete ([#3591](https://github.com/dynamic-labs/DynamicAuth/issues/3591)) ([92d5f7d](https://github.com/dynamic-labs/DynamicAuth/commit/92d5f7df2ac1cc06338f7e9e75125f7bb71455ab))
+
+
+### Bug Fixes
+
+* argentX in-browser wallet ([#3588](https://github.com/dynamic-labs/DynamicAuth/issues/3588)) ([7f3b22d](https://github.com/dynamic-labs/DynamicAuth/commit/7f3b22d003182aa0d84406086a313fc4de25e4a8))
+* display a better message when transaction amount decimals are invalid ([#3577](https://github.com/dynamic-labs/DynamicAuth/issues/3577)) ([0238d9b](https://github.com/dynamic-labs/DynamicAuth/commit/0238d9b7712d6a52aec89193c751224dd8fd8b17))
+* remove passkey success view ([#3536](https://github.com/dynamic-labs/DynamicAuth/issues/3536)) ([b559de9](https://github.com/dynamic-labs/DynamicAuth/commit/b559de9c83096ed98e9f073b998ac08f876af24e))
+* **wagmi-connector:** use wallets list to sync wagmi client ([#3563](https://github.com/dynamic-labs/DynamicAuth/issues/3563)) ([1d551b9](https://github.com/dynamic-labs/DynamicAuth/commit/1d551b933aefe0c535285d68c2e6f819cd321e62))
+
+
+* ethers extension integration and rename provider methods ([#3573](https://github.com/dynamic-labs/DynamicAuth/issues/3573)) ([efd73c3](https://github.com/dynamic-labs/DynamicAuth/commit/efd73c3b8121df9a7d4ec8c1fb6c4fd76ecce6df))
+
+## [0.19.0-alpha.15](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.14...v0.19.0-alpha.15) (2023-10-11)
+
 ## [0.19.0-alpha.14](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.13...v0.19.0-alpha.14) (2023-10-10)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/wagmi-connector",
-  "version": "0.19.0-alpha.14",
+  "version": "0.19.0-alpha.16",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -11,9 +11,8 @@
     "react": "^17.0.2 || ^18.0.0",
     "viem": "^1.1.0",
     "wagmi": "^1.2.0",
-    "@dynamic-labs/sdk-react-core": "0.19.0-alpha.14",
-    "@dynamic-labs/types": "0.19.0-alpha.14",
-    "eventemitter3": "5.0.1"
+    "@dynamic-labs/sdk-react-core": "0.19.0-alpha.16",
+    "@dynamic-labs/types": "0.19.0-alpha.16"
   },
   "license": "MIT",
   "main": "./src/index.cjs",

package/src/lib/Connector.js

@@ -90,7 +90,7 @@ class Connector extends Connector$1 {
     getProvider(config) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            return (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.getWeb3Provider();
+            return (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.getWalletClient();
         });
     }
     getWalletClient(config) {

package/src/lib/DynamicWagmiConnector.js

@@ -8,18 +8,18 @@ import { getWagmiChainsFromDynamicChains } from './getWagmiChainsFromDynamicChai
 import { getWagmiProvidersFromDynamicChains } from './getWagmiProvidersFromDynamicChains.js';
 import { getConnector } from './getConnector.js';
 
-/**
- * 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 { publicClient } = configureChains([mainnet], [publicProvider()]);
 const config = createConfig({
     autoConnect: true,
     publicClient,
 });
 const DynamicWagmiConnector = ({ evmNetworks: customerSuppliedEvmNetworks, children, }) => {
-    const { networkConfigurations, handleLogOut, connectedWallets, linkedWallets, sendWagmiSettings, authMode, } = useDynamicContext();
+    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
@@ -28,7 +28,7 @@ const DynamicWagmiConnector = ({ evmNetworks: customerSuppliedEvmNetworks, child
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    const chains = useMemo(() => {
+    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());
@@ -36,20 +36,28 @@ const DynamicWagmiConnector = ({ evmNetworks: customerSuppliedEvmNetworks, child
         });
         const mappedChains = getWagmiChainsFromDynamicChains(evmNetworks);
         const mappedProviders = getWagmiProvidersFromDynamicChains(evmNetworks);
-        const { chains, publicClient, webSocketPublicClient } = configureChains(mappedChains, mappedProviders);
-        config.setPublicClient(publicClient);
-        config.setWebSocketPublicClient(webSocketPublicClient);
-        return chains;
+        return configureChains(mappedChains, mappedProviders);
     }, [customerSuppliedEvmNetworks, networkConfigurations === null || networkConfigurations === void 0 ? void 0 : networkConfigurations.evm]);
-    connector = getConnector(wallets, (wallet) => new Connector({
+    const connector = useMemo(() => getConnector(wallets, (wallet) => new Connector({
         chains,
         handleLogOut,
         walletConnector: wallet.connector,
-    }));
-    config.setConnectors(connector ? [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 }, children));
+    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 { 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, }: SyncDynamicWagmiProps) => React.FunctionComponentElement<{
+export declare const SyncDynamicWagmi: ({ children, connector, wallets, }: SyncDynamicWagmiProps) => React.FunctionComponentElement<{
     children?: React.ReactNode;
 }>;

package/src/lib/SyncDynamicWagmi.js

@@ -2,24 +2,34 @@ import React, { useRef, useEffect } from 'react';
 import { useConfig, useConnect, useDisconnect } from 'wagmi';
 import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
 
-const SyncDynamicWagmi = ({ children, connector, }) => {
+const SyncDynamicWagmi = ({ children, connector, wallets, }) => {
     const { status: clientStatus } = useConfig();
     const { connect } = useConnect();
     const { disconnect } = useDisconnect();
-    const { internalEvents, walletConnector } = useDynamicContext();
+    const { 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(() => {
+        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) {
@@ -33,6 +43,7 @@ const SyncDynamicWagmi = ({ children, connector, }) => {
         disconnect,
         lastConnectedConnectorId,
         walletConnector,
+        wallets,
     ]);
     // use React.createElement to prevent bunding react/jsx-runtime,
     // which is not compatible when bundling apps using React 17