@dynamic-labs/sdk-react-core 1.4.1 → 1.4.3

package/src/lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
+import 'react';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
@@ -17,17 +17,15 @@ import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
-import { useConnectAndSign } from '../../utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
-import '../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/multi-wallet';
 import { getWalletConnectorNetworks } from '../../utils/functions/getWalletConnectorNetworks/getWalletConnectorNetworks.js';
-import { isSupportedNetwork } from '../../utils/functions/isSupportedNetwork/isSupportedNetwork.js';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
 import 'viem/chains';
-import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../config/ApiEndpoint.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
 import '../../context/ThemeContext/ThemeContext.js';
@@ -63,7 +61,7 @@ import '@dynamic-labs/viem-utils';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { useWalletConnectorNetwork } from '../../utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.js';
+import { useNetworkNotSupported } from '../../utils/hooks/useNetworkNotSupported/useNetworkNotSupported.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
@@ -78,30 +76,9 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 //   as the wallet does not support programmatic network change.
 const NetworkNotSupportedSwitchManual = () => {
     var _a, _b;
-    const { user, selectedWalletConnector: walletConnector, isFullyConnected, setShowAuthFlow, bridgeChainsToConnect, } = useInternalDynamicContext();
+    const { user, selectedWalletConnector: walletConnector } = useInternalDynamicContext();
+    useNetworkNotSupported();
     const { t } = useTranslation();
-    const { network: walletConnectorNetwork } = useWalletConnectorNetwork(walletConnector);
-    const finishConnectAndSign = useConnectAndSign({
-        shouldCallCallback: false,
-        shouldUpdateWallets: !isFullyConnected ||
-            (isFullyConnected && Boolean(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length)),
-    });
-    // Finishes auth flow when wallet switches to proper network
-    useEffect(() => {
-        if (isSupportedNetwork({ network: walletConnectorNetwork, walletConnector })) {
-            finishConnectAndSign({
-                walletConnector: walletConnector,
-            });
-            // there are two scenarios here, one in not connected state and the other one in connected state.
-            // previously we were calling setShowAuthFlow(false) in useHandleWalletsToConnect.
-            // now, we don't call it in network-not-supported view, so we need to handle that scenario and close modal here
-            // this should be gone, once we're done with the useConnectAndSign hook refactor.
-            // TODO: https://linear.app/dynamic-labs/issue/QNTM-117/break-useconnectandsign-hook-to-small-parts
-            if (isFullyConnected) {
-                setShowAuthFlow(false);
-            }
-        }
-    }, [walletConnectorNetwork, setShowAuthFlow, isFullyConnected]);
     const iconSize = 80;
     const icon = (jsx(WalletIcon, { walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, style: {
             height: pixelToRem(iconSize * iconRatio),