@dynamic-labs/wagmi-connector 0.16.13 → 0.16.14

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+### [0.16.14](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.13...v0.16.14) (2023-05-08)
+
+
+### Bug Fixes
+
+* **DynamicWagmiConnector:** prevent disconnect when WC is not present… ([#2071](https://github.com/dynamic-labs/DynamicAuth/issues/2071)) ([bb8d023](https://github.com/dynamic-labs/DynamicAuth/commit/bb8d023f097d80c69dcf08282dec3823069e129e)), closes [#2063](https://github.com/dynamic-labs/DynamicAuth/issues/2063) [#2060](https://github.com/dynamic-labs/DynamicAuth/issues/2060)
+
 ### [0.16.13](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.12...v0.16.13) (2023-05-08)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/wagmi-connector",
-  "version": "0.16.13",
+  "version": "0.16.14",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -11,7 +11,8 @@
     "react": "^17.0.2 || ^18.0.0",
     "ethers": "^5.7.2",
     "wagmi": "~0.10.3",
-    "@dynamic-labs/sdk-react-core": "0.16.13"
+    "@dynamic-labs/sdk-react-core": "0.16.14",
+    "@dynamic-labs/wallet-connector-core": "0.16.14"
   },
   "license": "MIT",
   "main": "./src/index.cjs",

package/src/lib/SyncDynamicWagmi.js

@@ -1,6 +1,7 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import { useClient, useConnect, useDisconnect } from 'wagmi';
 import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
+import { useSyncConnectState } from './hooks/useSyncConnectState/useSyncConnectState.js';
 
 const SyncDynamicWagmi = ({ children, connector, }) => {
     const { status: clientStatus } = useClient();
@@ -16,14 +17,13 @@ const SyncDynamicWagmi = ({ children, connector, }) => {
             }, 100);
         }
     }
-    useEffect(() => {
-        if (!walletConnector) {
-            disconnect();
-        }
-        else if (connector && clientStatus !== 'connected') {
-            connect({ connector });
-        }
-    }, [clientStatus, connect, connector, disconnect, walletConnector]);
+    useSyncConnectState({
+        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);

package/src/lib/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useWalletConnectorEverPresent';
+export * from './useSyncConnectState';

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

@@ -0,0 +1 @@
+export { useSyncConnectState } from './useSyncConnectState';

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

@@ -0,0 +1,11 @@
+import { Connector } from 'wagmi';
+import { ConnectArgs } from '@wagmi/core';
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+export type SyncConnectStateHookProps = {
+    clientStatus: 'connected' | 'connecting' | 'reconnecting' | 'disconnected';
+    connect: (args?: Partial<ConnectArgs> | undefined) => void;
+    connector: Connector | undefined;
+    disconnect: () => void;
+    walletConnector: WalletConnector | null;
+};
+export declare const useSyncConnectState: ({ walletConnector, disconnect, clientStatus, connect, connector, }: SyncConnectStateHookProps) => void;

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

@@ -0,0 +1,25 @@
+import { useEffect } from 'react';
+import { useWalletConnectorEverPresent } from '../useWalletConnectorEverPresent/useWalletConnectorEverPresent.js';
+
+const useSyncConnectState = ({ walletConnector, disconnect, clientStatus, connect, connector, }) => {
+    const wasWalletConnectEverPresent = useWalletConnectorEverPresent(walletConnector);
+    useEffect(() => {
+        if (!walletConnector) {
+            if (wasWalletConnectEverPresent) {
+                disconnect();
+            }
+        }
+        else if (connector && clientStatus !== 'connected') {
+            connect({ connector });
+        }
+    }, [
+        clientStatus,
+        connect,
+        connector,
+        disconnect,
+        walletConnector,
+        wasWalletConnectEverPresent,
+    ]);
+};
+
+export { useSyncConnectState };

package/src/lib/hooks/useWalletConnectorEverPresent/index.d.ts

@@ -0,0 +1 @@
+export { useWalletConnectorEverPresent } from './useWalletConnectorEverPresent';

package/src/lib/hooks/useWalletConnectorEverPresent/useWalletConnectorEverPresent.d.ts

@@ -0,0 +1,2 @@
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+export declare const useWalletConnectorEverPresent: (walletConnector: WalletConnector | null) => boolean;

package/src/lib/hooks/useWalletConnectorEverPresent/useWalletConnectorEverPresent.js

@@ -0,0 +1,13 @@
+import { useState, useEffect } from 'react';
+
+const useWalletConnectorEverPresent = (walletConnector) => {
+    const [present, setPresent] = useState(false);
+    useEffect(() => {
+        if (walletConnector) {
+            setPresent(true);
+        }
+    }, [walletConnector]);
+    return present;
+};
+
+export { useWalletConnectorEverPresent };