@dynamic-labs/sdk-react-core 4.8.6 → 4.9.1-preview.0

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 
+### [4.9.1-preview.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.9.0...v4.9.1-preview.0) (2025-03-07)
+
+
+### Bug Fixes
+
+* 7702 on sepolia ([#8242](https://github.com/dynamic-labs/dynamic-auth/issues/8242)) ([8e1c63f](https://github.com/dynamic-labs/dynamic-auth/commit/8e1c63f240024f419e12787636dd2ebaacf8da94))
+* embedded widget race condition that would show both embedded and non-embedded widgets at the same time ([8a52778](https://github.com/dynamic-labs/dynamic-auth/commit/8a5277888489e03871532331760c197aa6216495))
+
+## [4.9.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.8.6...v4.9.0) (2025-03-07)
+
+
+### Features
+
+* add utility to use sdk-react-core in iframe ([#8219](https://github.com/dynamic-labs/dynamic-auth/issues/8219)) ([b7b0429](https://github.com/dynamic-labs/dynamic-auth/commit/b7b04292b18085d9cc95edae80100fd8dd667ed6))
+
 ### [4.8.6](https://github.com/dynamic-labs/dynamic-auth/compare/v4.8.5...v4.8.6) (2025-03-07)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.8.6";
+var version = "4.9.1-preview.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.638",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.8.6";
+var version = "4.9.1-preview.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.638",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.8.6",
+  "version": "4.9.1-preview.0",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.638",
     "@hcaptcha/react-hcaptcha": "1.4.4",
@@ -14,16 +14,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.8.6",
-    "@dynamic-labs/iconic": "4.8.6",
-    "@dynamic-labs/logger": "4.8.6",
-    "@dynamic-labs/multi-wallet": "4.8.6",
-    "@dynamic-labs/rpc-providers": "4.8.6",
-    "@dynamic-labs/store": "4.8.6",
-    "@dynamic-labs/types": "4.8.6",
-    "@dynamic-labs/utils": "4.8.6",
-    "@dynamic-labs/wallet-book": "4.8.6",
-    "@dynamic-labs/wallet-connector-core": "4.8.6",
+    "@dynamic-labs/assert-package-version": "4.9.1-preview.0",
+    "@dynamic-labs/iconic": "4.9.1-preview.0",
+    "@dynamic-labs/logger": "4.9.1-preview.0",
+    "@dynamic-labs/multi-wallet": "4.9.1-preview.0",
+    "@dynamic-labs/rpc-providers": "4.9.1-preview.0",
+    "@dynamic-labs/store": "4.9.1-preview.0",
+    "@dynamic-labs/types": "4.9.1-preview.0",
+    "@dynamic-labs/utils": "4.9.1-preview.0",
+    "@dynamic-labs/wallet-book": "4.9.1-preview.0",
+    "@dynamic-labs/wallet-connector-core": "4.9.1-preview.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/NetworkPicker/components/NetworkDropdown/NetworkDropdown.cjs

@@ -6,15 +6,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 var MenuList = require('../../../MenuList/MenuList/MenuList.cjs');
 var NetworkAction = require('../NetworkAction/NetworkAction.cjs');
 var isNetworkUnsupported = require('../../../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.cjs');
-var usePromise = require('../../../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
@@ -24,13 +23,6 @@ require('../../../../shared/consts/index.cjs');
 
 const NetworkDropdown = ({ anchorRef, connector, customCallbackOnSuccess, setIsNetworkPickerOpen, isNetworkPickerOpen, currentNetwork, className, checkboxClassName, }) => {
     const [newNetworkId, setNewNetworkId] = React.useState(undefined);
-    const { data: wcSupportedWalletNetworks } = usePromise.usePromise(() => walletConnectorCore.isWalletConnectConnector(connector)
-        ? connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks()
-        : Promise.resolve(undefined), {
-        deps: [connector, isNetworkPickerOpen],
-        enabled: connector.isWalletConnect,
-        initialData: undefined,
-    });
     if (!connector) {
         return null;
     }
@@ -60,8 +52,7 @@ const NetworkDropdown = ({ anchorRef, connector, customCallbackOnSuccess, setIsN
     return (jsxRuntime.jsx(MenuList.MenuList, { className: className, isOpen: isNetworkPickerOpen, onClickClose: () => setIsNetworkPickerOpen(false), popperProps: {
             anchorOrigin: 'bottom-left',
             anchorRef,
-        }, mobileTitle: 'Select network', children: enabledNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsxRuntime.jsx(NetworkAction.NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: currentNetwork, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId, notSupported: wcSupportedWalletNetworks &&
-                !wcSupportedWalletNetworks.includes(`${networkId}`) }, networkId))) }));
+        }, mobileTitle: 'Select network', children: enabledNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsxRuntime.jsx(NetworkAction.NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: currentNetwork, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId }, networkId))) }));
 };
 
 exports.NetworkDropdown = NetworkDropdown;

package/src/lib/components/NetworkPicker/components/NetworkDropdown/NetworkDropdown.js

@@ -2,15 +2,14 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { isWalletConnectConnector } from '@dynamic-labs/wallet-connector-core';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import { MenuList } from '../../../MenuList/MenuList/MenuList.js';
 import { NetworkAction } from '../NetworkAction/NetworkAction.js';
 import { isNetworkUnsupported } from '../../../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.js';
-import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
@@ -20,13 +19,6 @@ import '../../../../shared/consts/index.js';
 
 const NetworkDropdown = ({ anchorRef, connector, customCallbackOnSuccess, setIsNetworkPickerOpen, isNetworkPickerOpen, currentNetwork, className, checkboxClassName, }) => {
     const [newNetworkId, setNewNetworkId] = useState(undefined);
-    const { data: wcSupportedWalletNetworks } = usePromise(() => isWalletConnectConnector(connector)
-        ? connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks()
-        : Promise.resolve(undefined), {
-        deps: [connector, isNetworkPickerOpen],
-        enabled: connector.isWalletConnect,
-        initialData: undefined,
-    });
     if (!connector) {
         return null;
     }
@@ -56,8 +48,7 @@ const NetworkDropdown = ({ anchorRef, connector, customCallbackOnSuccess, setIsN
     return (jsx(MenuList, { className: className, isOpen: isNetworkPickerOpen, onClickClose: () => setIsNetworkPickerOpen(false), popperProps: {
             anchorOrigin: 'bottom-left',
             anchorRef,
-        }, mobileTitle: 'Select network', children: enabledNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsx(NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: currentNetwork, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId, notSupported: wcSupportedWalletNetworks &&
-                !wcSupportedWalletNetworks.includes(`${networkId}`) }, networkId))) }));
+        }, mobileTitle: 'Select network', children: enabledNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsx(NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: currentNetwork, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId }, networkId))) }));
 };
 
 export { NetworkDropdown };

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -291,7 +291,7 @@ const InnerDynamicContextProvider = (props) => {
     // which are only available further down and have would have circular dependencies
     const [requiredWalletsConnected, setRequiredWalletsConnected] = React.useState(false);
     const isUserAuthenticated = Boolean(authMode === 'connect-and-sign' ? user$1 : requiredWalletsConnected);
-    const isRenderingEmbeddedAuthFlow = React.useRef(false);
+    const [isRenderingEmbeddedAuthFlow, setIsRenderingEmbeddedAuthFlow] = React.useState(false);
     const [showAuthFlow, setShowAuthFlow] = useShowAuthFlow.useShowAuthFlow({
         isAuthenticated: isUserAuthenticated,
         isMultiWalletEnabled: multiWallet,
@@ -560,6 +560,7 @@ const InnerDynamicContextProvider = (props) => {
             setBridgeOnboardingCompleted,
             setCallback,
             setDesktopUri,
+            setIsRenderingEmbeddedAuthFlow,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
             setLogInWithEmail,
@@ -636,6 +637,7 @@ const InnerDynamicContextProvider = (props) => {
         handlers,
         i18nSDKInstance,
         isBridgeFlow,
+        isRenderingEmbeddedAuthFlow,
         isSingleWalletAccount,
         legacyIsVerifying,
         linkedWallets,

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { createContext, useState, useMemo, useRef, useEffect, useCallback } from 'react';
+import { createContext, useState, useMemo, useEffect, useCallback } from 'react';
 import { I18nextProvider } from 'react-i18next';
 import { getIconicSpriteUrl } from '@dynamic-labs/iconic';
 import { Logger } from '@dynamic-labs/logger';
@@ -287,7 +287,7 @@ const InnerDynamicContextProvider = (props) => {
     // which are only available further down and have would have circular dependencies
     const [requiredWalletsConnected, setRequiredWalletsConnected] = useState(false);
     const isUserAuthenticated = Boolean(authMode === 'connect-and-sign' ? user : requiredWalletsConnected);
-    const isRenderingEmbeddedAuthFlow = useRef(false);
+    const [isRenderingEmbeddedAuthFlow, setIsRenderingEmbeddedAuthFlow] = useState(false);
     const [showAuthFlow, setShowAuthFlow] = useShowAuthFlow({
         isAuthenticated: isUserAuthenticated,
         isMultiWalletEnabled: multiWallet,
@@ -556,6 +556,7 @@ const InnerDynamicContextProvider = (props) => {
             setBridgeOnboardingCompleted,
             setCallback,
             setDesktopUri,
+            setIsRenderingEmbeddedAuthFlow,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
             setLogInWithEmail,
@@ -632,6 +633,7 @@ const InnerDynamicContextProvider = (props) => {
         handlers,
         i18nSDKInstance,
         isBridgeFlow,
+        isRenderingEmbeddedAuthFlow,
         isSingleWalletAccount,
         legacyIsVerifying,
         linkedWallets,

package/src/lib/context/DynamicContext/hooks/useShowAuthFlow/useShowAuthFlow.cjs

@@ -43,7 +43,7 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
             dynamicEvents.dynamicEvents.emit('authFlowClose');
         }
         if (value) {
-            if (ignoreIfIsEmbeddedWidget && isRenderingEmbeddedAuthFlow.current)
+            if (ignoreIfIsEmbeddedWidget && isRenderingEmbeddedAuthFlow)
                 return;
             if (performMultiWalletChecks && isAuthenticated) {
                 if (!isMultiWalletEnabled) {

package/src/lib/context/DynamicContext/hooks/useShowAuthFlow/useShowAuthFlow.js

@@ -39,7 +39,7 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
             dynamicEvents.emit('authFlowClose');
         }
         if (value) {
-            if (ignoreIfIsEmbeddedWidget && isRenderingEmbeddedAuthFlow.current)
+            if (ignoreIfIsEmbeddedWidget && isRenderingEmbeddedAuthFlow)
                 return;
             if (performMultiWalletChecks && isAuthenticated) {
                 if (!isMultiWalletEnabled) {

package/src/lib/context/DynamicContext/types/IDynamicContext.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { changeLanguage } from 'i18next';
 import { CountryIso2 } from 'react-international-phone';
 import { NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api-core';
@@ -64,7 +64,7 @@ export interface IDynamicContext {
     handlers?: DynamicHandlers;
     isBridgeFlow: boolean;
     /** Whether there is an instance of DynamicEmbeddedAuthFlow being rendered */
-    isRenderingEmbeddedAuthFlow: MutableRefObject<boolean>;
+    isRenderingEmbeddedAuthFlow: boolean;
     isSingleWalletAccount: boolean;
     /**
      * Legacy boolean flag used in useVerifyOnAwaitingSignature. Used to be called "isVerifying"
@@ -80,6 +80,7 @@ export interface IDynamicContext {
     loginWithEmail: boolean;
     selectedTabIndex: number;
     selectedTabSettings: WalletListViewTabItem | undefined;
+    setIsRenderingEmbeddedAuthFlow: Dispatch<SetStateAction<boolean>>;
     tabsItems: WalletListViewTabItem[] | undefined;
     setSelectedTabIndex: Dispatch<SetStateAction<number>>;
     multiAsset: boolean;

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.cjs

@@ -112,7 +112,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
         setSocialProvider(socialSignInProvider);
         clearStackAndPush('social-redirect-view');
         // Only open the auth flow when the embedded widget is not rendered
-        if (!isRenderingEmbeddedAuthFlow.current) {
+        if (!isRenderingEmbeddedAuthFlow) {
             setShowAuthFlow(true);
         }
     }, [

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.js

@@ -108,7 +108,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
         setSocialProvider(socialSignInProvider);
         clearStackAndPush('social-redirect-view');
         // Only open the auth flow when the embedded widget is not rendered
-        if (!isRenderingEmbeddedAuthFlow.current) {
+        if (!isRenderingEmbeddedAuthFlow) {
             setShowAuthFlow(true);
         }
     }, [

package/src/lib/utils/hooks/useGlobalLoading/useGlobalLoading.cjs

@@ -9,6 +9,7 @@ var logger = require('../../../shared/logger.cjs');
 var index = require('../../../shared/utils/functions/lastAuthenticatedAccount/index.cjs');
 var shouldFetchNonce = require('../../../shared/utils/functions/shouldFetchNonce/shouldFetchNonce.cjs');
 var loadingAndLifecycle = require('../../../store/state/loadingAndLifecycle.cjs');
+var connectorsInitializing = require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 
 const useGlobalLoading = ({ authMode, connectedInfo, connectedWallets, projectSettings, primaryWalletId, primaryWallet, user, isUserLoading, walletBook: walletBook$1, enableInstrumentation, appName, environmentId, nonce, }) => {
     var _a;
@@ -16,6 +17,8 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallets, projectSe
     const hasLoaded = React.useRef(false);
     const loadingStart = React.useRef(new Date().getTime());
     const { sessionValidation } = loadingAndLifecycle.useLoadingAndLifecycle();
+    const connectorsInitializingState = connectorsInitializing.useConnectorsInitializing();
+    const isWaitingForConnectorsInitialization = React.useMemo(() => Object.values(connectorsInitializingState).some(Boolean), [connectorsInitializingState]);
     const isFetchingNonce = React.useMemo(() => shouldFetchNonce.shouldFetchNonce({
         authMode,
     }) && !nonce, [authMode, nonce]);
@@ -56,12 +59,14 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallets, projectSe
         connectedWallets.length === 0;
     const isValidatingSession = !sessionValidation;
     logger.logger.logVerboseTroubleshootingMessage('[useGlobalLoading] SDK loading', {
+        connectorsInitializingState,
         isConnectOnlyWalletsLoading,
         isFetchingNonce,
         isPrimaryWalletLoading,
         isProjectSettingsLoading,
         isUserLoading,
         isValidatingSession,
+        isWaitingForConnectorsInitialization,
         isWalletBookLoading,
     });
     if (!isWalletBookLoading &&
@@ -70,7 +75,8 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallets, projectSe
         !isPrimaryWalletLoading &&
         !isConnectOnlyWalletsLoading &&
         !isValidatingSession &&
-        !isFetchingNonce) {
+        !isFetchingNonce &&
+        !isWaitingForConnectorsInitialization) {
         finishLoading();
     }
     return hasLoaded.current;

package/src/lib/utils/hooks/useGlobalLoading/useGlobalLoading.js

@@ -5,6 +5,7 @@ import { logger } from '../../../shared/logger.js';
 import { lastAuthenticatedAccount } from '../../../shared/utils/functions/lastAuthenticatedAccount/index.js';
 import { shouldFetchNonce } from '../../../shared/utils/functions/shouldFetchNonce/shouldFetchNonce.js';
 import { useLoadingAndLifecycle } from '../../../store/state/loadingAndLifecycle.js';
+import { useConnectorsInitializing } from '../../../store/state/connectorsInitializing/connectorsInitializing.js';
 
 const useGlobalLoading = ({ authMode, connectedInfo, connectedWallets, projectSettings, primaryWalletId, primaryWallet, user, isUserLoading, walletBook, enableInstrumentation, appName, environmentId, nonce, }) => {
     var _a;
@@ -12,6 +13,8 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallets, projectSe
     const hasLoaded = useRef(false);
     const loadingStart = useRef(new Date().getTime());
     const { sessionValidation } = useLoadingAndLifecycle();
+    const connectorsInitializingState = useConnectorsInitializing();
+    const isWaitingForConnectorsInitialization = useMemo(() => Object.values(connectorsInitializingState).some(Boolean), [connectorsInitializingState]);
     const isFetchingNonce = useMemo(() => shouldFetchNonce({
         authMode,
     }) && !nonce, [authMode, nonce]);
@@ -52,12 +55,14 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallets, projectSe
         connectedWallets.length === 0;
     const isValidatingSession = !sessionValidation;
     logger.logVerboseTroubleshootingMessage('[useGlobalLoading] SDK loading', {
+        connectorsInitializingState,
         isConnectOnlyWalletsLoading,
         isFetchingNonce,
         isPrimaryWalletLoading,
         isProjectSettingsLoading,
         isUserLoading,
         isValidatingSession,
+        isWaitingForConnectorsInitialization,
         isWalletBookLoading,
     });
     if (!isWalletBookLoading &&
@@ -66,7 +71,8 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallets, projectSe
         !isPrimaryWalletLoading &&
         !isConnectOnlyWalletsLoading &&
         !isValidatingSession &&
-        !isFetchingNonce) {
+        !isFetchingNonce &&
+        !isWaitingForConnectorsInitialization) {
         finishLoading();
     }
     return hasLoaded.current;

package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.cjs

@@ -210,7 +210,8 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
     const handleWalletItemClick = (wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const { walletConnector, isInstalledOnBrowser } = wallet;
         const shouldEndWalletConnectorSession = walletConnector.connectedChain === 'FLOW' ||
-            walletConnectorCore.isPhantomRedirectConnector(walletConnector);
+            walletConnectorCore.isPhantomRedirectConnector(walletConnector) ||
+            walletConnectorCore.isWalletConnectConnector(walletConnector);
         logger.logger.logVerboseTroubleshootingMessage('[handleWalletItemClick]', {
             mockedSDK,
             shouldEndWalletConnectorSession,
@@ -241,7 +242,8 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         }
         if (!allowAlreadyConnectedWallet &&
             isSelectedWalletAlreadyConnected.isSelectedWalletAlreadyConnected(linkedWallets, walletConnector, user) &&
-            walletConnector.connectedChain !== 'FLOW') {
+            walletConnector.connectedChain !== 'FLOW' &&
+            !walletConnector.isWalletConnect) {
             // wallet is already connected
             handleAlreadyConnectedWallet(walletConnector);
         }

package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.js

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { StorageService, isMobile, UserRejectedRequestError } from '@dynamic-labs/utils';
-import { isPhantomRedirectConnector } from '@dynamic-labs/wallet-connector-core';
+import { isPhantomRedirectConnector, isWalletConnectConnector } from '@dynamic-labs/wallet-connector-core';
 import 'react';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
@@ -206,7 +206,8 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
     const handleWalletItemClick = (wallet) => __awaiter(void 0, void 0, void 0, function* () {
         const { walletConnector, isInstalledOnBrowser } = wallet;
         const shouldEndWalletConnectorSession = walletConnector.connectedChain === 'FLOW' ||
-            isPhantomRedirectConnector(walletConnector);
+            isPhantomRedirectConnector(walletConnector) ||
+            isWalletConnectConnector(walletConnector);
         logger.logVerboseTroubleshootingMessage('[handleWalletItemClick]', {
             mockedSDK,
             shouldEndWalletConnectorSession,
@@ -237,7 +238,8 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         }
         if (!allowAlreadyConnectedWallet &&
             isSelectedWalletAlreadyConnected(linkedWallets, walletConnector, user) &&
-            walletConnector.connectedChain !== 'FLOW') {
+            walletConnector.connectedChain !== 'FLOW' &&
+            !walletConnector.isWalletConnect) {
             // wallet is already connected
             handleAlreadyConnectedWallet(walletConnector);
         }

package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedAuthFlow/DynamicEmbeddedAuthFlow.cjs

@@ -102,12 +102,14 @@ var SandboxIndicatorWrapper = require('../../../components/SandboxIndicatorWrapp
 
 const DynamicEmbeddedAuthFlow = ({ background = 'none', className, style, }) => {
     const hide = useIsLoggedIn.useIsLoggedIn();
-    const { projectSettings, isRenderingEmbeddedAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
-    isRenderingEmbeddedAuthFlow.current = !hide;
+    const { projectSettings, setIsRenderingEmbeddedAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     // Keep isRenderingEmbeddedAuthFlow up to date
-    React.useEffect(() => () => {
-        isRenderingEmbeddedAuthFlow.current = false;
-    }, [isRenderingEmbeddedAuthFlow]);
+    React.useEffect(() => {
+        setIsRenderingEmbeddedAuthFlow(!hide);
+        return () => {
+            setIsRenderingEmbeddedAuthFlow(false);
+        };
+    }, [setIsRenderingEmbeddedAuthFlow, hide]);
     if (hide)
         return null;
     const content = (jsxRuntime.jsx(DynamicAuthLayout.DynamicAuthLayout, { className: className, style: style, projectSettings: projectSettings, children: jsxRuntime.jsx(RenderView.RenderView, {}) }));

package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedAuthFlow/DynamicEmbeddedAuthFlow.js

@@ -98,12 +98,14 @@ import { SandboxIndicatorWrapper } from '../../../components/SandboxIndicatorWra
 
 const DynamicEmbeddedAuthFlow = ({ background = 'none', className, style, }) => {
     const hide = useIsLoggedIn();
-    const { projectSettings, isRenderingEmbeddedAuthFlow } = useInternalDynamicContext();
-    isRenderingEmbeddedAuthFlow.current = !hide;
+    const { projectSettings, setIsRenderingEmbeddedAuthFlow } = useInternalDynamicContext();
     // Keep isRenderingEmbeddedAuthFlow up to date
-    useEffect(() => () => {
-        isRenderingEmbeddedAuthFlow.current = false;
-    }, [isRenderingEmbeddedAuthFlow]);
+    useEffect(() => {
+        setIsRenderingEmbeddedAuthFlow(!hide);
+        return () => {
+            setIsRenderingEmbeddedAuthFlow(false);
+        };
+    }, [setIsRenderingEmbeddedAuthFlow, hide]);
     if (hide)
         return null;
     const content = (jsx(DynamicAuthLayout, { className: className, style: style, projectSettings: projectSettings, children: jsx(RenderView, {}) }));