@dynamic-labs/wagmi-connector 0.17.0-RC.26 → 0.17.0-RC.28

package/CHANGELOG.md

@@ -1,4 +1,29 @@
 
+## [0.17.0-RC.28](https://github.com/dynamic-labs/DynamicAuth/compare/v0.17.0-RC.27...v0.17.0-RC.28) (2023-06-06)
+
+
+### Features
+
+* lower username minimum length requirement ([#2265](https://github.com/dynamic-labs/DynamicAuth/issues/2265)) ([ed891ca](https://github.com/dynamic-labs/DynamicAuth/commit/ed891cac8cceaf9e0556b679eda7a3575725805d))
+
+
+### Bug Fixes
+
+* **send_balance:** add amount validation to form ([#2261](https://github.com/dynamic-labs/DynamicAuth/issues/2261)) ([9a57cfe](https://github.com/dynamic-labs/DynamicAuth/commit/9a57cfe0dd7f97aa16351b091ab385b2b5c7c5e4))
+* shrink dynamic widget in smaller containers ([#2260](https://github.com/dynamic-labs/DynamicAuth/issues/2260)) ([353f447](https://github.com/dynamic-labs/DynamicAuth/commit/353f44724db83e9f1500c606fdea7d50a8067711))
+
+## [0.17.0-RC.27](https://github.com/dynamic-labs/DynamicAuth/compare/v0.17.0-RC.26...v0.17.0-RC.27) (2023-06-06)
+
+
+### Features
+
+* sync wagmi to first connected eth wallet ([#2253](https://github.com/dynamic-labs/DynamicAuth/issues/2253)) ([c00aed7](https://github.com/dynamic-labs/DynamicAuth/commit/c00aed73a1014c668311c8cb59e5a466b5ee6779))
+
+
+### Bug Fixes
+
+* include username in userFieldsSchema ([#2257](https://github.com/dynamic-labs/DynamicAuth/issues/2257)) ([6e5431d](https://github.com/dynamic-labs/DynamicAuth/commit/6e5431d08323d718b11accf3790ef56fc7325b5c))
+
 ## [0.17.0-RC.26](https://github.com/dynamic-labs/DynamicAuth/compare/v0.17.0-RC.25...v0.17.0-RC.26) (2023-06-05)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/wagmi-connector",
-  "version": "0.17.0-RC.26",
+  "version": "0.17.0-RC.28",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -11,9 +11,9 @@
     "react": "^17.0.2 || ^18.0.0",
     "ethers": "5.7.2",
     "wagmi": "~0.12.13",
-    "@dynamic-labs/sdk-react-core": "0.17.0-RC.26",
-    "@dynamic-labs/types": "0.17.0-RC.26",
-    "@dynamic-labs/wallet-connector-core": "0.17.0-RC.26"
+    "@dynamic-labs/sdk-react-core": "0.17.0-RC.28",
+    "@dynamic-labs/types": "0.17.0-RC.28",
+    "@dynamic-labs/wallet-connector-core": "0.17.0-RC.28"
   },
   "license": "MIT",
   "main": "./src/index.cjs",

package/src/lib/Connector.js

@@ -25,6 +25,7 @@ class Connector extends Connector$1 {
         this.onDisconnect = () => __awaiter(this, void 0, void 0, function* () { });
         this.handleLogOut = handleLogOut;
         this.walletConnector = walletConnector;
+        this.id = `dynamic-${walletConnector.key}`;
         this.setupEventListeners();
     }
     setupEventListeners() {

package/src/lib/DynamicWagmiConnector.js

@@ -6,6 +6,7 @@ import { Connector } from './Connector.js';
 import { SyncDynamicWagmi } from './SyncDynamicWagmi.js';
 import { getWagmiChainsFromDynamicChains } from './getWagmiChainsFromDynamicChains.js';
 import { getWagmiProvidersFromDynamicChains } from './getWagmiProvidersFromDynamicChains.js';
+import { getConnector } from './getConnector.js';
 
 const { provider } = configureChains([mainnet], [publicProvider()]);
 const client = createClient({
@@ -18,7 +19,7 @@ const client = createClient({
 let connector = undefined;
 const DynamicWagmiConnector = ({ evmNetworks: customerSuppliedEvmNetworks, children, }) => {
     var _a;
-    const { networkConfigurations, walletConnector, handleLogOut } = useDynamicContext();
+    const { networkConfigurations, handleLogOut, connectedWallets } = useDynamicContext();
     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;
@@ -26,16 +27,11 @@ const DynamicWagmiConnector = ({ evmNetworks: customerSuppliedEvmNetworks, child
     const mappedChains = getWagmiChainsFromDynamicChains(evmNetworks);
     const mappedProviders = getWagmiProvidersFromDynamicChains(evmNetworks);
     const { chains, provider } = configureChains(mappedChains, mappedProviders);
-    if (!connector && (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'EVM') {
-        connector = new Connector({
-            chains,
-            handleLogOut,
-            walletConnector,
-        });
-    }
-    else if (connector && !walletConnector) {
-        connector = undefined;
-    }
+    connector = getConnector(connectedWallets, (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

package/src/lib/getConnector.d.ts

@@ -0,0 +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;

package/src/lib/getConnector.js

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

package/src/lib/hooks/useSyncConnectState/usePrevious.d.ts

@@ -0,0 +1,19 @@
+/**
+ * This is used to track a previous value of a variable.
+ *
+ * Example:
+ *   const someHook = ({ value }) => {
+ *     const previousValue = usePrevious(value);
+ *     useEffect(() => {
+ *      if (previousValue !== value) {
+ *        // do something
+ *      }
+ *     }, [value, previousValue]);
+ *   }
+ *
+ * When someHook is rendered for the first time with value = true, previousValue will be undefined
+ * so the condition will be true and the effect will run. When someHook is rendered again with
+ * value = true, previousValue will have been set to true so the condition will be false and the
+ * effect will not run.
+ */
+export declare const usePrevious: <T>(value: T) => T | undefined;

package/src/lib/hooks/useSyncConnectState/usePrevious.js

@@ -0,0 +1,29 @@
+import { useRef, useEffect } from 'react';
+
+/**
+ * This is used to track a previous value of a variable.
+ *
+ * Example:
+ *   const someHook = ({ value }) => {
+ *     const previousValue = usePrevious(value);
+ *     useEffect(() => {
+ *      if (previousValue !== value) {
+ *        // do something
+ *      }
+ *     }, [value, previousValue]);
+ *   }
+ *
+ * When someHook is rendered for the first time with value = true, previousValue will be undefined
+ * so the condition will be true and the effect will run. When someHook is rendered again with
+ * value = true, previousValue will have been set to true so the condition will be false and the
+ * effect will not run.
+ */
+const usePrevious = (value) => {
+    const ref = useRef();
+    useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+};
+
+export { usePrevious };

package/src/lib/hooks/useSyncConnectState/useSyncConnectState.js

@@ -1,15 +1,17 @@
 import { useEffect } from 'react';
 import { useWalletConnectorEverPresent } from '../useWalletConnectorEverPresent/useWalletConnectorEverPresent.js';
+import { usePrevious } from './usePrevious.js';
 
 const useSyncConnectState = ({ walletConnector, disconnect, clientStatus, connect, connector, }) => {
     const wasWalletConnectEverPresent = useWalletConnectorEverPresent(walletConnector);
+    const prevConnectorId = usePrevious(connector === null || connector === void 0 ? void 0 : connector.id);
     useEffect(() => {
         if (!walletConnector) {
             if (wasWalletConnectEverPresent) {
                 disconnect();
             }
         }
-        else if (connector && clientStatus !== 'connected') {
+        else if ((connector === null || connector === void 0 ? void 0 : connector.id) !== prevConnectorId) {
             connect({ connector });
         }
     }, [
@@ -17,6 +19,7 @@ const useSyncConnectState = ({ walletConnector, disconnect, clientStatus, connec
         connect,
         connector,
         disconnect,
+        prevConnectorId,
         walletConnector,
         wasWalletConnectEverPresent,
     ]);