@dynamic-labs/sdk-react-core 1.1.0-alpha.7 → 1.1.0-alpha.9

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs

@@ -61,7 +61,7 @@ const useSignConnectOnlyUser = () => {
         catch (err) {
             logger.logger.debug(err);
             setErrorMessage(err.toString());
-            setShowAuthFlow(false);
+            setShowAuthFlow(false, { emitCancelAuth: true });
             return;
         }
     });

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js

@@ -57,7 +57,7 @@ const useSignConnectOnlyUser = () => {
         catch (err) {
             logger.debug(err);
             setErrorMessage(err.toString());
-            setShowAuthFlow(false);
+            setShowAuthFlow(false, { emitCancelAuth: true });
             return;
         }
     });

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

@@ -42,3 +42,4 @@ export { useWalletConnectors } from './useWalletConnectors';
 export { useWalletItemActions } from './useWalletItemActions';
 export { useWalletUiUtils } from './useWalletUiUtils';
 export { useEmbeddedReveal } from './useEmbeddedReveal';
+export { useWalletConnectorNetwork } from './useWalletConnectorNetwork';

package/src/lib/utils/hooks/multiWallet/useMultiWallet/useMultiWallet.cjs

@@ -18,8 +18,9 @@ var useLocalStorage = require('../../../../shared/utils/hooks/useLocalStorage/us
 require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 
-const useMultiWallet = (toolkitEnabled, multiWalletSettings) => {
-    const isMultiWalletEnabled = multiWalletSettings !== null && multiWalletSettings !== void 0 ? multiWalletSettings : false;
+const useMultiWallet = ({ toolkitEnabled, isBridgeFlow, multiWalletSettings, }) => {
+    var _a;
+    const isMultiWalletEnabled = (_a = (multiWalletSettings || isBridgeFlow)) !== null && _a !== void 0 ? _a : false;
     const [multiWallet, setMultiWallet] = useLocalStorage.useLocalStorage(localStorage.IS_MULTI_WALLET_ENABLED, isMultiWalletEnabled);
     React.useEffect(() => {
         // don't overwrite toolkit stored value after the refresh

package/src/lib/utils/hooks/multiWallet/useMultiWallet/useMultiWallet.d.ts

@@ -1,4 +1,9 @@
-export declare const useMultiWallet: (toolkitEnabled: boolean, multiWalletSettings?: boolean) => {
+export type UseMultiWalletProps = {
+    toolkitEnabled: boolean;
+    isBridgeFlow?: boolean;
+    multiWalletSettings?: boolean;
+};
+export declare const useMultiWallet: ({ toolkitEnabled, isBridgeFlow, multiWalletSettings, }: UseMultiWalletProps) => {
     multiWallet: boolean;
     setMultiWallet: (value: boolean | ((val: boolean) => boolean)) => void;
 };

package/src/lib/utils/hooks/multiWallet/useMultiWallet/useMultiWallet.js

@@ -14,8 +14,9 @@ import { useLocalStorage } from '../../../../shared/utils/hooks/useLocalStorage/
 import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 
-const useMultiWallet = (toolkitEnabled, multiWalletSettings) => {
-    const isMultiWalletEnabled = multiWalletSettings !== null && multiWalletSettings !== void 0 ? multiWalletSettings : false;
+const useMultiWallet = ({ toolkitEnabled, isBridgeFlow, multiWalletSettings, }) => {
+    var _a;
+    const isMultiWalletEnabled = (_a = (multiWalletSettings || isBridgeFlow)) !== null && _a !== void 0 ? _a : false;
     const [multiWallet, setMultiWallet] = useLocalStorage(IS_MULTI_WALLET_ENABLED, isMultiWalletEnabled);
     useEffect(() => {
         // don't overwrite toolkit stored value after the refresh

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

@@ -49,7 +49,8 @@ const useAuthLayoutChecks = (walletConnector) => {
         view !== 'update-email' &&
         view !== 'collect-user-data-login-with-email' &&
         view !== 'passkey-recovery-start' &&
-        view !== 'embedded-reveal-view';
+        view !== 'embedded-reveal-view' &&
+        view !== 'embedded-reveal-account-view';
     const showConnectedWalletProgress = isBridgeFlow &&
         (view === 'wallet-list' ||
             view === 'qr-code' ||

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

@@ -45,7 +45,8 @@ const useAuthLayoutChecks = (walletConnector) => {
         view !== 'update-email' &&
         view !== 'collect-user-data-login-with-email' &&
         view !== 'passkey-recovery-start' &&
-        view !== 'embedded-reveal-view';
+        view !== 'embedded-reveal-view' &&
+        view !== 'embedded-reveal-account-view';
     const showConnectedWalletProgress = isBridgeFlow &&
         (view === 'wallet-list' ||
             view === 'qr-code' ||

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
@@ -22,10 +22,10 @@ const useClearWalletConnectSessions = ({ connectors }) => {
             return;
         if (connectors.length === 0)
             return;
-        const names = new Set(connectors.map((connector) => walletConnectorCore.normalizeWalletName(connector.name)));
+        const keys = new Set(connectors.map((connector) => connector.key));
         for (const key of localStorage$1.LocalStorage.getKeys()) {
             if (key.startsWith('walletconnect') &&
-                !names.has(key.replace('walletconnect-', ''))) {
+                !keys.has(key.replace('walletconnect-', ''))) {
                 localStorage.removeItem(key);
             }
         }

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

@@ -1,8 +1,8 @@
 import { useCallback } from 'react';
-import { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
@@ -18,10 +18,10 @@ const useClearWalletConnectSessions = ({ connectors }) => {
             return;
         if (connectors.length === 0)
             return;
-        const names = new Set(connectors.map((connector) => normalizeWalletName(connector.name)));
+        const keys = new Set(connectors.map((connector) => connector.key));
         for (const key of LocalStorage.getKeys()) {
             if (key.startsWith('walletconnect') &&
-                !names.has(key.replace('walletconnect-', ''))) {
+                !keys.has(key.replace('walletconnect-', ''))) {
                 localStorage.removeItem(key);
             }
         }

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

@@ -152,7 +152,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             if (!shouldProceedWithConnection) {
                 walletConnectorCore.logger.info('Connection was not established because onBeforeConnectSuccessConfirmation returned false');
                 disconnectWallet(walletId);
-                setShowAuthFlow(false);
+                setShowAuthFlow(false, { emitCancelAuth: true });
                 return;
             }
         }

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.d.ts

@@ -1,7 +1,7 @@
-import { Dispatch, SetStateAction } from 'react';
 import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { ConnectWalletResult } from '../../../context/DynamicContext/types';
 import { AuthModeType, OnBeforeConnectSuccessConfirmation, Wallet, WalletOption } from '../../../shared';
+import { SetShowAuthFlow } from '../../../context/DynamicContext/hooks';
 export type ConnectedWalletConnectorType = {
     id: string;
     walletChain?: Chain;
@@ -18,7 +18,7 @@ type Props = {
     walletConnectorOptions: WalletOption[];
     onDisconnect: (connectedWalletsInfo: ConnectedWalletConnectorType[], wallet?: Wallet) => void;
     onBeforeConnectSuccessConfirmation: OnBeforeConnectSuccessConfirmation | undefined;
-    setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
+    setShowAuthFlow: SetShowAuthFlow;
     isBridgeFlow: boolean;
 };
 type UseConnectWalletValue = {

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

@@ -148,7 +148,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             if (!shouldProceedWithConnection) {
                 logger.info('Connection was not established because onBeforeConnectSuccessConfirmation returned false');
                 disconnectWallet(walletId);
-                setShowAuthFlow(false);
+                setShowAuthFlow(false, { emitCancelAuth: true });
                 return;
             }
         }

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

@@ -28,7 +28,7 @@ var smartWallet = require('../useWalletConnectors/utils/smartWallet/smartWallet.
 
 // This hook needs to be async that's why it's not using useMutation
 const useCreateDynamicEmbeddedWalletMutation = () => {
-    const { setPrimaryWalletId, setCallback, setUser, user, internalSetShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setPrimaryWalletId, setCallback, setUser, user, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const [isLoading, setIsLoading] = React.useState(false);
     const [error, setError] = React.useState();
     const createDynamicEmbeddedWalletMutation = ({ authToken, decodedJwt, environmentId, walletConnectorOptions, withAuthenticator, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -70,7 +70,7 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
             }
             index.storeAuthToken(jwt);
             setUser(createUserProfile.createUserProfile(updatedDecodedJwt));
-            internalSetShowAuthFlow(false);
+            setShowAuthFlow(false, { performMultiWalletChecks: false });
             setCallback('embeddedWalletCreated', {
                 email: (turnkeyVerifiedCredentials === null || turnkeyVerifiedCredentials === void 0 ? void 0 : turnkeyVerifiedCredentials.email) || '',
                 verifiedCredential: turnkeyVerifiedCredentials,

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

@@ -24,7 +24,7 @@ import { findSmartWallet, initializeSmartWallet } from '../useWalletConnectors/u
 
 // This hook needs to be async that's why it's not using useMutation
 const useCreateDynamicEmbeddedWalletMutation = () => {
-    const { setPrimaryWalletId, setCallback, setUser, user, internalSetShowAuthFlow, } = useInternalDynamicContext();
+    const { setPrimaryWalletId, setCallback, setUser, user, setShowAuthFlow } = useInternalDynamicContext();
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState();
     const createDynamicEmbeddedWalletMutation = ({ authToken, decodedJwt, environmentId, walletConnectorOptions, withAuthenticator, }) => __awaiter(void 0, void 0, void 0, function* () {
@@ -66,7 +66,7 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
             }
             storeAuthToken(jwt);
             setUser(createUserProfile(updatedDecodedJwt));
-            internalSetShowAuthFlow(false);
+            setShowAuthFlow(false, { performMultiWalletChecks: false });
             setCallback('embeddedWalletCreated', {
                 email: (turnkeyVerifiedCredentials === null || turnkeyVerifiedCredentials === void 0 ? void 0 : turnkeyVerifiedCredentials.email) || '',
                 verifiedCredential: turnkeyVerifiedCredentials,

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

@@ -6,11 +6,11 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
-require('@dynamic-labs/sdk-api');
-require('../../../shared/logger.cjs');
+var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
+require('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
@@ -19,16 +19,18 @@ require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
+require('@dynamic-labs/sdk-api');
 var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 var useEmbeddedWallet = require('../useEmbeddedWallet/useEmbeddedWallet.cjs');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 
 // Hook exposed to customers and used internally to trigger embedded reveal
 const useEmbeddedReveal = () => {
-    const { projectSettings, internalSetShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { userHasEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
     const { setView } = ViewContext.useViewContext();
-    const initExportProcess = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const initExportProcess = React.useCallback((recoveryPhrase = false) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
         const jwt = getAuthToken.getAuthToken();
         if (!jwt) {
             throw new Error('User is not logged in');
@@ -39,19 +41,27 @@ const useEmbeddedReveal = () => {
         if (!userHasEmbeddedWallet()) {
             throw new Error('Passkey embedded wallet not found');
         }
-        internalSetShowAuthFlow(true);
-        setView('embedded-reveal-view');
+        const decodedJwt = decodeJwt.decodeJwt(jwt);
+        const walletProperties = (_b = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
+        const turnkeyHDWalletId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
+        if (recoveryPhrase && !turnkeyHDWalletId) {
+            throw new Error('Wallet is non-HD and does not have a recovery phrase');
+        }
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+        if (recoveryPhrase) {
+            setView('embedded-reveal-view');
+        }
+        else {
+            setView('embedded-reveal-account-view');
+        }
         return new Promise((resolve, reject) => {
             dynamicEvents.dynamicEvents.once('embeddedWalletRevealCompleted', (wallet) => resolve(wallet));
             dynamicEvents.dynamicEvents.once('embeddedWalletRevealFailed', (error) => reject(error));
         });
-    }), [
-        dynamicEvents.dynamicEvents,
-        internalSetShowAuthFlow,
-        projectSettings,
-        setView,
-        userHasEmbeddedWallet,
-    ]);
+    }), [setShowAuthFlow, projectSettings, setView, userHasEmbeddedWallet]);
     return {
         initExportProcess,
     };

package/src/lib/utils/hooks/useEmbeddedReveal/useEmbeddedReveal.d.ts

@@ -1,4 +1,4 @@
 import { Wallet } from '../../../shared';
 export declare const useEmbeddedReveal: () => {
-    readonly initExportProcess: () => Promise<Wallet>;
+    readonly initExportProcess: (recoveryPhrase?: boolean) => Promise<Wallet>;
 };

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

@@ -2,11 +2,11 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
-import '@dynamic-labs/sdk-api';
-import '../../../shared/logger.js';
+import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
+import '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
@@ -15,16 +15,18 @@ import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
+import '@dynamic-labs/sdk-api';
 import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
 
 // Hook exposed to customers and used internally to trigger embedded reveal
 const useEmbeddedReveal = () => {
-    const { projectSettings, internalSetShowAuthFlow } = useInternalDynamicContext();
+    const { projectSettings, setShowAuthFlow } = useInternalDynamicContext();
     const { userHasEmbeddedWallet } = useEmbeddedWallet();
     const { setView } = useViewContext();
-    const initExportProcess = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    const initExportProcess = useCallback((recoveryPhrase = false) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
         const jwt = getAuthToken();
         if (!jwt) {
             throw new Error('User is not logged in');
@@ -35,19 +37,27 @@ const useEmbeddedReveal = () => {
         if (!userHasEmbeddedWallet()) {
             throw new Error('Passkey embedded wallet not found');
         }
-        internalSetShowAuthFlow(true);
-        setView('embedded-reveal-view');
+        const decodedJwt = decodeJwt(jwt);
+        const walletProperties = (_b = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
+        const turnkeyHDWalletId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
+        if (recoveryPhrase && !turnkeyHDWalletId) {
+            throw new Error('Wallet is non-HD and does not have a recovery phrase');
+        }
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+        if (recoveryPhrase) {
+            setView('embedded-reveal-view');
+        }
+        else {
+            setView('embedded-reveal-account-view');
+        }
         return new Promise((resolve, reject) => {
             dynamicEvents.once('embeddedWalletRevealCompleted', (wallet) => resolve(wallet));
             dynamicEvents.once('embeddedWalletRevealFailed', (error) => reject(error));
         });
-    }), [
-        dynamicEvents,
-        internalSetShowAuthFlow,
-        projectSettings,
-        setView,
-        userHasEmbeddedWallet,
-    ]);
+    }), [setShowAuthFlow, projectSettings, setView, userHasEmbeddedWallet]);
     return {
         initExportProcess,
     };

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

@@ -32,7 +32,7 @@ var useCreateUserProfileByJWTCallback = require('../useCreateUserProfileByJWTCal
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
-    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, primaryWallet, environmentId, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, setShowAuthFlow, primaryWallet, environmentId, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation.useCreateDynamicEmbeddedWalletMutation();
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
@@ -52,7 +52,7 @@ const useEmbeddedWallet = () => {
             walletConnectorOptions,
             withAuthenticator: false,
         });
-        internalSetShowAuthFlow(false); // close email otp pin modal
+        setShowAuthFlow(false, { performMultiWalletChecks: false }); // close email otp pin modal
         return new Promise((resolve, reject) => {
             dynamicEvents.dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
             dynamicEvents.dynamicEvents.once('embeddedWalletFailed', (error) => reject(error));
@@ -61,10 +61,13 @@ const useEmbeddedWallet = () => {
         createDynamicEmbeddedWalletMutation,
         environmentId,
         walletConnectorOptions,
-        internalSetShowAuthFlow,
+        setShowAuthFlow,
     ]);
     const startEmbeddedWalletCreationFlow = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        internalSetShowAuthFlow(true);
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
         setView('passkey-intro');
         return new Promise((resolve, reject) => {
             dynamicEvents.dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
@@ -131,7 +134,7 @@ const useEmbeddedWallet = () => {
             }
             return startEmbeddedWalletCreationFlow();
         }
-        internalSetShowAuthFlow(false);
+        setShowAuthFlow(false, { performMultiWalletChecks: false });
         const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt);
         // if user logged in with MM for example, just continue the flow
         if (!embeddedWalletVerifiedCredential) {
@@ -140,7 +143,7 @@ const useEmbeddedWallet = () => {
         // if user already has embedded wallet, returns it
         return returnEmbeddedWallet(jwt, embeddedWalletVerifiedCredential);
     }), [
-        internalSetShowAuthFlow,
+        setShowAuthFlow,
         onboardingOnlyJwt,
         projectSettings,
         startPregeneratedWalletCreationFlow,

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

@@ -28,7 +28,7 @@ import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTC
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
-    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, primaryWallet, environmentId, } = useInternalDynamicContext();
+    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, setShowAuthFlow, primaryWallet, environmentId, } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation();
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
@@ -48,7 +48,7 @@ const useEmbeddedWallet = () => {
             walletConnectorOptions,
             withAuthenticator: false,
         });
-        internalSetShowAuthFlow(false); // close email otp pin modal
+        setShowAuthFlow(false, { performMultiWalletChecks: false }); // close email otp pin modal
         return new Promise((resolve, reject) => {
             dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
             dynamicEvents.once('embeddedWalletFailed', (error) => reject(error));
@@ -57,10 +57,13 @@ const useEmbeddedWallet = () => {
         createDynamicEmbeddedWalletMutation,
         environmentId,
         walletConnectorOptions,
-        internalSetShowAuthFlow,
+        setShowAuthFlow,
     ]);
     const startEmbeddedWalletCreationFlow = () => __awaiter(void 0, void 0, void 0, function* () {
-        internalSetShowAuthFlow(true);
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
         setView('passkey-intro');
         return new Promise((resolve, reject) => {
             dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
@@ -127,7 +130,7 @@ const useEmbeddedWallet = () => {
             }
             return startEmbeddedWalletCreationFlow();
         }
-        internalSetShowAuthFlow(false);
+        setShowAuthFlow(false, { performMultiWalletChecks: false });
         const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt);
         // if user logged in with MM for example, just continue the flow
         if (!embeddedWalletVerifiedCredential) {
@@ -136,7 +139,7 @@ const useEmbeddedWallet = () => {
         // if user already has embedded wallet, returns it
         return returnEmbeddedWallet(jwt, embeddedWalletVerifiedCredential);
     }), [
-        internalSetShowAuthFlow,
+        setShowAuthFlow,
         onboardingOnlyJwt,
         projectSettings,
         startPregeneratedWalletCreationFlow,

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
@@ -18,7 +18,6 @@ require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var handleUnlinkHelper = require('../../functions/handleUnlinkHelper/handleUnlinkHelper.cjs');
-var isSameWalletName = require('../../functions/isSameWalletName/isSameWalletName.cjs');
 
 const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, }) => {
     const callback = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -44,8 +43,11 @@ const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWall
             setUser(newUser);
         }
         const wallet = secondaryWallets.find((w) => w.id === walletId);
+        // remaining normalizeWalletName until QNTM-846 is complete due to us still passing the walletname to redcoast:
+        // https://linear.app/dynamic-labs/issue/QNTM-846/remove-usage-of-walletwalletconnectorwname-to-instead-use
         const numberOfLinkedWallets = verifiedCredentials.filter((account) => account.walletName &&
-            isSameWalletName.isSameWalletName(account.walletName, (wallet === null || wallet === void 0 ? void 0 : wallet.connector.name) || '')).length;
+            walletConnectorCore.normalizeWalletName(account.walletName) ===
+                ((wallet === null || wallet === void 0 ? void 0 : wallet.connector.key) || '')).length;
         // If there's only 1, it's the one being removed and we can kill the session
         if (numberOfLinkedWallets === 1) {
             yield (wallet === null || wallet === void 0 ? void 0 : wallet.connector.endSession());

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

@@ -1,9 +1,9 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
+import { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
@@ -14,7 +14,6 @@ import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { handleUnlinkHelper } from '../../functions/handleUnlinkHelper/handleUnlinkHelper.js';
-import { isSameWalletName } from '../../functions/isSameWalletName/isSameWalletName.js';
 
 const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, }) => {
     const callback = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
@@ -40,8 +39,11 @@ const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWall
             setUser(newUser);
         }
         const wallet = secondaryWallets.find((w) => w.id === walletId);
+        // remaining normalizeWalletName until QNTM-846 is complete due to us still passing the walletname to redcoast:
+        // https://linear.app/dynamic-labs/issue/QNTM-846/remove-usage-of-walletwalletconnectorwname-to-instead-use
         const numberOfLinkedWallets = verifiedCredentials.filter((account) => account.walletName &&
-            isSameWalletName(account.walletName, (wallet === null || wallet === void 0 ? void 0 : wallet.connector.name) || '')).length;
+            normalizeWalletName(account.walletName) ===
+                ((wallet === null || wallet === void 0 ? void 0 : wallet.connector.key) || '')).length;
         // If there's only 1, it's the one being removed and we can kill the session
         if (numberOfLinkedWallets === 1) {
             yield (wallet === null || wallet === void 0 ? void 0 : wallet.connector.endSession());

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

@@ -27,7 +27,7 @@ var useEmbeddedWallet = require('../useEmbeddedWallet/useEmbeddedWallet.cjs');
 
 // Hook exposed to customers and used internally to trigger passkey recovery
 const usePasskeyRecovery = () => {
-    const { projectSettings, internalSetShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { userHasEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
     const { setView } = ViewContext.useViewContext();
     const initPasskeyRecoveryProcess = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -45,18 +45,16 @@ const usePasskeyRecovery = () => {
         // since the iframe can still exist it can't be recreated by Turnkey
         // and throws an error
         removeElementById.removeElementById(constants.iframeContainerId);
-        internalSetShowAuthFlow(true);
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
         setView('passkey-recovery-start');
         return new Promise((resolve, reject) => {
             dynamicEvents.dynamicEvents.once('passkeyRecoveryCompleted', (wallet) => resolve(wallet));
             dynamicEvents.dynamicEvents.once('passkeyRecoveryFailed', (error) => reject(error));
         });
-    }), [
-        internalSetShowAuthFlow,
-        projectSettings,
-        setView,
-        userHasEmbeddedWallet,
-    ]);
+    }), [setShowAuthFlow, projectSettings, setView, userHasEmbeddedWallet]);
     return {
         initPasskeyRecoveryProcess,
     };

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

@@ -23,7 +23,7 @@ import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
 
 // Hook exposed to customers and used internally to trigger passkey recovery
 const usePasskeyRecovery = () => {
-    const { projectSettings, internalSetShowAuthFlow } = useInternalDynamicContext();
+    const { projectSettings, setShowAuthFlow } = useInternalDynamicContext();
     const { userHasEmbeddedWallet } = useEmbeddedWallet();
     const { setView } = useViewContext();
     const initPasskeyRecoveryProcess = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
@@ -41,18 +41,16 @@ const usePasskeyRecovery = () => {
         // since the iframe can still exist it can't be recreated by Turnkey
         // and throws an error
         removeElementById(iframeContainerId);
-        internalSetShowAuthFlow(true);
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
         setView('passkey-recovery-start');
         return new Promise((resolve, reject) => {
             dynamicEvents.once('passkeyRecoveryCompleted', (wallet) => resolve(wallet));
             dynamicEvents.once('passkeyRecoveryFailed', (error) => reject(error));
         });
-    }), [
-        internalSetShowAuthFlow,
-        projectSettings,
-        setView,
-        userHasEmbeddedWallet,
-    ]);
+    }), [setShowAuthFlow, projectSettings, setView, userHasEmbeddedWallet]);
     return {
         initPasskeyRecoveryProcess,
     };

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

@@ -161,7 +161,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
                 }
                 catch (e) {
                     yield createUserProfileByJWT(jwt);
-                    setShowAuthFlow(false);
+                    setShowAuthFlow(false, { emitCancelAuth: true });
                     onSettled === null || onSettled === void 0 ? void 0 : onSettled();
                 }
                 return;

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

@@ -157,7 +157,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
                 }
                 catch (e) {
                     yield createUserProfileByJWT(jwt);
-                    setShowAuthFlow(false);
+                    setShowAuthFlow(false, { emitCancelAuth: true });
                     onSettled === null || onSettled === void 0 ? void 0 : onSettled();
                 }
                 return;