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

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

@@ -3,6 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
@@ -19,19 +20,27 @@ var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLo
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var primaryWalletIdValidator = require('../useWalletConnectors/utils/primaryWalletIdValidator/primaryWalletIdValidator.cjs');
-require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
+var wallets = require('../../../data/api/wallets/wallets.cjs');
+var updateJWTAndCreateUserProfile = require('../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.cjs');
 
-const usePrimaryWalletId = () => {
+const usePrimaryWalletId = ({ minAuthToken, environmentId, setUser, }) => {
     const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage.useLocalStorage(localStorage.PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator.primaryWalletIdValidator);
-    const setPrimaryWalletId = React.useCallback((walletId) => {
+    const setPrimaryWalletId = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setPrimaryWalletIdState(walletId);
-    }, [setPrimaryWalletIdState]);
+        if (minAuthToken) {
+            const response = yield wallets.storeSelectedWallet({ environmentId, walletId }, minAuthToken);
+            // only update userProfile, authToken, and minAuthToken when response is valid from storeSelectedWallet
+            if (response) {
+                setUser(updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(response.jwt, response.minifiedJwt));
+            }
+        }
+    }), [setPrimaryWalletIdState]);
     return {
         clearPrimaryWalletId,
         primaryWalletId,

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

@@ -1,5 +1,13 @@
-export declare const usePrimaryWalletId: () => {
+import { Dispatch, SetStateAction } from 'react';
+import { UserProfile } from '@dynamic-labs/types';
+type Props = {
+    setUser: Dispatch<SetStateAction<UserProfile | undefined>>;
+    environmentId: string;
+    minAuthToken: string | undefined;
+};
+export declare const usePrimaryWalletId: ({ minAuthToken, environmentId, setUser, }: Props) => {
     clearPrimaryWalletId: () => void;
     primaryWalletId: string | undefined;
-    setPrimaryWalletId: (walletId: string) => void;
+    setPrimaryWalletId: (walletId: string) => Promise<void>;
 };
+export {};

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

@@ -1,4 +1,5 @@
 'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
@@ -15,19 +16,27 @@ import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/use
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { primaryWalletIdValidator } from '../useWalletConnectors/utils/primaryWalletIdValidator/primaryWalletIdValidator.js';
-import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
+import { storeSelectedWallet } from '../../../data/api/wallets/wallets.js';
+import { updateJWTAndCreateUserProfile } from '../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.js';
 
-const usePrimaryWalletId = () => {
+const usePrimaryWalletId = ({ minAuthToken, environmentId, setUser, }) => {
     const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage(PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator);
-    const setPrimaryWalletId = useCallback((walletId) => {
+    const setPrimaryWalletId = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
         setPrimaryWalletIdState(walletId);
-    }, [setPrimaryWalletIdState]);
+        if (minAuthToken) {
+            const response = yield storeSelectedWallet({ environmentId, walletId }, minAuthToken);
+            // only update userProfile, authToken, and minAuthToken when response is valid from storeSelectedWallet
+            if (response) {
+                setUser(updateJWTAndCreateUserProfile(response.jwt, response.minifiedJwt));
+            }
+        }
+    }), [setPrimaryWalletIdState]);
     return {
         clearPrimaryWalletId,
         primaryWalletId,

package/src/lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.cjs

@@ -82,8 +82,7 @@ require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection
 //   The component notifies the user about the required manual network change,
 //   as the wallet does not support programmatic network change.
 const NetworkNotSupportedSwitchManual = () => {
-    var _a, _b;
-    const { user, selectedWalletConnector: walletConnector } = useInternalDynamicContext.useInternalDynamicContext();
+    const { selectedWalletConnector: walletConnector } = useInternalDynamicContext.useInternalDynamicContext();
     useNetworkNotSupported.useNetworkNotSupported();
     const { t } = reactI18next.useTranslation();
     const iconSize = 80;
@@ -92,7 +91,7 @@ const NetworkNotSupportedSwitchManual = () => {
             width: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
         } }));
     const walletConnectorNetworks = getWalletConnectorNetworks.getWalletConnectorNetworks(walletConnector);
-    return (jsxRuntime.jsxs("div", { "data-testid": 'network-not-supported', className: 'network-not-supported-switch-manual', children: [jsxRuntime.jsx("div", { className: 'network-not-supported-switch-manual__img-container', children: ((_a = user === null || user === void 0 ? void 0 : user.ens) === null || _a === void 0 ? void 0 : _a.avatar) ? (jsxRuntime.jsx("div", { className: 'network-not-supported-switch-manual__network-container', children: jsxRuntime.jsx("img", { src: (_b = user === null || user === void 0 ? void 0 : user.ens) === null || _b === void 0 ? void 0 : _b.avatar, alt: 'user ens avatar', className: 'network-not-supported-switch-manual__img' }) })) : (jsxRuntime.jsx("div", { className: 'network-not-supported-switch-manual__network-container', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true }) })) }), jsxRuntime.jsxs("div", { className: 'network-not-supported-switch-manual__content', children: [jsxRuntime.jsx(Typography.Typography, { className: 'network-not-supported-switch-manual__title', weight: 'medium', variant: 'title', color: 'primary', copykey: 'dyn_network_not_supported_manual_switch.title', children: t('dyn_network_not_supported_manual_switch.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: walletConnectorNetworks.length
+    return (jsxRuntime.jsxs("div", { "data-testid": 'network-not-supported', className: 'network-not-supported-switch-manual', children: [jsxRuntime.jsx("div", { className: 'network-not-supported-switch-manual__img-container', children: jsxRuntime.jsx("div", { className: 'network-not-supported-switch-manual__network-container', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true }) }) }), jsxRuntime.jsxs("div", { className: 'network-not-supported-switch-manual__content', children: [jsxRuntime.jsx(Typography.Typography, { className: 'network-not-supported-switch-manual__title', weight: 'medium', variant: 'title', color: 'primary', copykey: 'dyn_network_not_supported_manual_switch.title', children: t('dyn_network_not_supported_manual_switch.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: walletConnectorNetworks.length
                             ? 'dyn_network_not_supported_manual_switch.subtitle_network_defined'
                             : 'dyn_network_not_supported_manual_switch.subtitle_no_network_defined', children: walletConnectorNetworks.length
                             ? t('dyn_network_not_supported_manual_switch.subtitle_network_defined', { network: walletConnectorNetworks[0].name })

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

@@ -78,8 +78,7 @@ import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.
 //   The component notifies the user about the required manual network change,
 //   as the wallet does not support programmatic network change.
 const NetworkNotSupportedSwitchManual = () => {
-    var _a, _b;
-    const { user, selectedWalletConnector: walletConnector } = useInternalDynamicContext();
+    const { selectedWalletConnector: walletConnector } = useInternalDynamicContext();
     useNetworkNotSupported();
     const { t } = useTranslation();
     const iconSize = 80;
@@ -88,7 +87,7 @@ const NetworkNotSupportedSwitchManual = () => {
             width: pixelToRem(iconSize * iconRatio),
         } }));
     const walletConnectorNetworks = getWalletConnectorNetworks(walletConnector);
-    return (jsxs("div", { "data-testid": 'network-not-supported', className: 'network-not-supported-switch-manual', children: [jsx("div", { className: 'network-not-supported-switch-manual__img-container', children: ((_a = user === null || user === void 0 ? void 0 : user.ens) === null || _a === void 0 ? void 0 : _a.avatar) ? (jsx("div", { className: 'network-not-supported-switch-manual__network-container', children: jsx("img", { src: (_b = user === null || user === void 0 ? void 0 : user.ens) === null || _b === void 0 ? void 0 : _b.avatar, alt: 'user ens avatar', className: 'network-not-supported-switch-manual__img' }) })) : (jsx("div", { className: 'network-not-supported-switch-manual__network-container', children: jsx(IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true }) })) }), jsxs("div", { className: 'network-not-supported-switch-manual__content', children: [jsx(Typography, { className: 'network-not-supported-switch-manual__title', weight: 'medium', variant: 'title', color: 'primary', copykey: 'dyn_network_not_supported_manual_switch.title', children: t('dyn_network_not_supported_manual_switch.title') }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: walletConnectorNetworks.length
+    return (jsxs("div", { "data-testid": 'network-not-supported', className: 'network-not-supported-switch-manual', children: [jsx("div", { className: 'network-not-supported-switch-manual__img-container', children: jsx("div", { className: 'network-not-supported-switch-manual__network-container', children: jsx(IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true }) }) }), jsxs("div", { className: 'network-not-supported-switch-manual__content', children: [jsx(Typography, { className: 'network-not-supported-switch-manual__title', weight: 'medium', variant: 'title', color: 'primary', copykey: 'dyn_network_not_supported_manual_switch.title', children: t('dyn_network_not_supported_manual_switch.title') }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: walletConnectorNetworks.length
                             ? 'dyn_network_not_supported_manual_switch.subtitle_network_defined'
                             : 'dyn_network_not_supported_manual_switch.subtitle_no_network_defined', children: walletConnectorNetworks.length
                             ? t('dyn_network_not_supported_manual_switch.subtitle_network_defined', { network: walletConnectorNetworks[0].name })

package/src/lib/views/Passkey/EmbeddedAuthChoiceCards/EmbeddedAuthChoiceCards.cjs

@@ -88,7 +88,8 @@ const EmbeddedAuthChoiceCards = ({ currentAction, supportedAuthenticators, }) =>
     const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
     const { t } = reactI18next.useTranslation();
     const { initAuthMethod, isLoading } = useInitEmbeddedWalletAuthMethod.useInitEmbeddedWalletAuthMethod();
-    const iframeContainerRef = useElementById.useElementById(constants.iframeContainerId);
+    const { createRootElement } = useElementById.useElementById();
+    const iframeContainerRef = createRootElement(constants.iframeContainerId);
     const supportedAuthenticatorsMap = {
         email: {
             badgeKey: 'dyn_embedded_authenticator.email.badge',

package/src/lib/views/Passkey/EmbeddedAuthChoiceCards/EmbeddedAuthChoiceCards.js

@@ -84,7 +84,8 @@ const EmbeddedAuthChoiceCards = ({ currentAction, supportedAuthenticators, }) =>
     const { projectSettings } = useInternalDynamicContext();
     const { t } = useTranslation();
     const { initAuthMethod, isLoading } = useInitEmbeddedWalletAuthMethod();
-    const iframeContainerRef = useElementById(iframeContainerId);
+    const { createRootElement } = useElementById();
+    const iframeContainerRef = createRootElement(iframeContainerId);
     const supportedAuthenticatorsMap = {
         email: {
             badgeKey: 'dyn_embedded_authenticator.email.badge',

package/src/lib/views/Passkey/PasskeyIntroView/PasskeyIntroView.cjs

@@ -88,11 +88,11 @@ require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs')
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
-const PasskeyIntroView = () => {
+const PasskeyIntroView = ({ chains }) => {
     var _a;
-    const { walletConnectorOptions, environmentId, handleLogOut, onboardingOnlyJwt, decodedAuthToken, } = useInternalDynamicContext.useInternalDynamicContext();
-    const isEmailRecoveryFlow = ((_a = decodedAuthToken === null || decodedAuthToken === void 0 ? void 0 : decodedAuthToken.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.length) === 1 &&
-        !getUserVerifiedCredentialType.getUserVerifiedCredentialType(decodedAuthToken, sdkApiCore.JwtVerifiedCredentialFormatEnum.Email);
+    const { walletConnectorOptions, environmentId, handleLogOut, onboardingOnlyJwt, user, } = useInternalDynamicContext.useInternalDynamicContext();
+    const isEmailRecoveryFlow = ((_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.length) === 1 &&
+        !getUserVerifiedCredentialType.getUserVerifiedCredentialType(user, sdkApiCore.JwtVerifiedCredentialFormatEnum.Email);
     const { t } = reactI18next.useTranslation();
     // TODO(GVTY-1137): send a metric when we detect passkeys are not enabled by the browser/device
     // we removed enforcing this check since we were getting false negatives
@@ -112,6 +112,7 @@ const PasskeyIntroView = () => {
         setCreateWalletWithAuthenticator(withAuthenticator);
         yield createDynamicEmbeddedWalletMutation({
             authToken: jwt,
+            chains,
             decodedJwt,
             environmentId,
             walletConnectorOptions,

package/src/lib/views/Passkey/PasskeyIntroView/PasskeyIntroView.d.ts

@@ -1,2 +1,7 @@
 import { FC } from 'react';
-export declare const PasskeyIntroView: FC;
+import { ChainEnum } from '@dynamic-labs/sdk-api-core';
+type PasskeyIntroViewProps = {
+    chains?: ChainEnum[];
+};
+export declare const PasskeyIntroView: FC<PasskeyIntroViewProps>;
+export {};

package/src/lib/views/Passkey/PasskeyIntroView/PasskeyIntroView.js

@@ -84,11 +84,11 @@ import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
-const PasskeyIntroView = () => {
+const PasskeyIntroView = ({ chains }) => {
     var _a;
-    const { walletConnectorOptions, environmentId, handleLogOut, onboardingOnlyJwt, decodedAuthToken, } = useInternalDynamicContext();
-    const isEmailRecoveryFlow = ((_a = decodedAuthToken === null || decodedAuthToken === void 0 ? void 0 : decodedAuthToken.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.length) === 1 &&
-        !getUserVerifiedCredentialType(decodedAuthToken, JwtVerifiedCredentialFormatEnum.Email);
+    const { walletConnectorOptions, environmentId, handleLogOut, onboardingOnlyJwt, user, } = useInternalDynamicContext();
+    const isEmailRecoveryFlow = ((_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.length) === 1 &&
+        !getUserVerifiedCredentialType(user, JwtVerifiedCredentialFormatEnum.Email);
     const { t } = useTranslation();
     // TODO(GVTY-1137): send a metric when we detect passkeys are not enabled by the browser/device
     // we removed enforcing this check since we were getting false negatives
@@ -108,6 +108,7 @@ const PasskeyIntroView = () => {
         setCreateWalletWithAuthenticator(withAuthenticator);
         yield createDynamicEmbeddedWalletMutation({
             authToken: jwt,
+            chains,
             decodedJwt,
             environmentId,
             walletConnectorOptions,

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.cjs

@@ -91,7 +91,8 @@ const PasskeyInitRecovery = ({ authenticatorType, }) => {
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     const { initAuthMethod, isLoading, error } = useInitEmbeddedWalletAuthMethod.useInitEmbeddedWalletAuthMethod();
-    const iframeContainerRef = useElementById.useElementById(constants.iframeContainerId);
+    const { createRootElement } = useElementById.useElementById();
+    const iframeContainerRef = createRootElement(constants.iframeContainerId);
     const { t } = reactI18next.useTranslation();
     const errorText = React.useMemo(() => {
         if (!error) {

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.js

@@ -87,7 +87,8 @@ const PasskeyInitRecovery = ({ authenticatorType, }) => {
     const { setShowAuthFlow } = useInternalDynamicContext();
     const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet();
     const { initAuthMethod, isLoading, error } = useInitEmbeddedWalletAuthMethod();
-    const iframeContainerRef = useElementById(iframeContainerId);
+    const { createRootElement } = useElementById();
+    const iframeContainerRef = createRootElement(iframeContainerId);
     const { t } = useTranslation();
     const errorText = useMemo(() => {
         if (!error) {

package/src/lib/views/Passkey/utils/{createEmbeddedWalletWithPasskey/createEmbeddedWalletWithPasskey.cjs → createEmbeddedWalletRequest/createEmbeddedWalletRequest.cjs}

@@ -24,11 +24,11 @@ require('../../../../locale/locale.cjs');
 var findEmbeddedWalletFromVerifiedCredentials = require('../../../../utils/functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+var addPasskeyIdentifierToWalletConnector = require('../../../../utils/functions/addPasskeyIdentifierToWalletConnector/addPasskeyIdentifierToWalletConnector.cjs');
 require('viem');
 require('viem/chains');
 
-const createEmbeddedWalletWithPasskey = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ user, walletConnector, environmentId, authToken, chains, }) {
-    var _b;
+const createEmbeddedWalletRequest = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ user, walletConnector, environmentId, authToken, chains, webAuthnAttestation, withAuthenticator, }) {
     if (!authToken) {
         throw new utils.DynamicError('Auth token is not defined');
     }
@@ -39,27 +39,26 @@ const createEmbeddedWalletWithPasskey = (_a) => _tslib.__awaiter(void 0, [_a], v
         throw new utils.DynamicError('User is not defined');
     }
     walletConnector.setEmail(user.email);
-    if (!user.email) {
-        const passkeyIdentifier = user.phoneNumber ||
-            ((_b = user.verifiedCredentials.find((vc) => vc.oauthDisplayName)) === null || _b === void 0 ? void 0 : _b.oauthDisplayName) ||
-            '';
-        walletConnector.setPasskeyIdentifier(passkeyIdentifier);
+    let authenticatorBody;
+    if (withAuthenticator || webAuthnAttestation !== undefined) {
+        if (!user.email) {
+            addPasskeyIdentifierToWalletConnector.addPasskeyIdentifierToWalletConnector(walletConnector, user);
+        }
+        const { attestation, challenge, displayName } = webAuthnAttestation || (yield walletConnector.getWebAuthnAttestation());
+        authenticatorBody = {
+            attestation: attestation,
+            challenge,
+            passkeyAlias: displayName,
+        };
     }
-    const { attestation, challenge, displayName } = yield walletConnector.getWebAuthnAttestation();
-    const signersResponse = yield embeddedWallets.createTurnkeyEmbeddedWallet({
-        attestation: attestation,
-        chains,
-        challenge,
-        environmentId,
-        passkeyAlias: displayName,
-        userJwt: authToken,
-    });
+    const signersResponse = yield embeddedWallets.createTurnkeyEmbeddedWallet(Object.assign({ chains,
+        environmentId, userJwt: authToken }, authenticatorBody));
     const { jwt } = signersResponse;
     const decodedJwt = decodeJwt.decodeJwt(jwt);
     if (decodedJwt === undefined)
         throw new utils.DynamicError('Invalid token!');
     const primaryChain = walletConnector.connectedChain;
-    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt, primaryChain);
+    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt, [primaryChain]);
     if (!embeddedWalletVerifiedCredential) {
         throw new utils.DynamicError('EmbeddedWalletVerifiedCredential not found');
     }
@@ -73,4 +72,4 @@ const createEmbeddedWalletWithPasskey = (_a) => _tslib.__awaiter(void 0, [_a], v
     };
 });
 
-exports.createEmbeddedWalletWithPasskey = createEmbeddedWalletWithPasskey;
+exports.createEmbeddedWalletRequest = createEmbeddedWalletRequest;

package/src/lib/views/Passkey/utils/{createEmbeddedWalletWithPasskey/createEmbeddedWalletWithPasskey.d.ts → createEmbeddedWalletRequest/createEmbeddedWalletRequest.d.ts}

@@ -1,16 +1,20 @@
 import { ChainEnum } from '@dynamic-labs/sdk-api-core';
 import { UserProfile } from '@dynamic-labs/types';
-import { IEmailWalletConnector, IPasskeyWalletConnector } from '@dynamic-labs/wallet-connector-core';
-export declare const createEmbeddedWalletWithPasskey: ({ user, walletConnector, environmentId, authToken, chains, }: {
+import { IEmailWalletConnector, IPasskeyWalletConnector, WebAuthnAttestation } from '@dynamic-labs/wallet-connector-core';
+type CreateEmbeddedWalletRequestProps = {
     authToken: string | undefined;
     environmentId: string;
     user: UserProfile | undefined;
     walletConnector: (IPasskeyWalletConnector & IEmailWalletConnector) | undefined;
     chains: ChainEnum[];
-}) => Promise<{
+    webAuthnAttestation?: WebAuthnAttestation;
+    withAuthenticator: boolean;
+};
+export declare const createEmbeddedWalletRequest: ({ user, walletConnector, environmentId, authToken, chains, webAuthnAttestation, withAuthenticator, }: CreateEmbeddedWalletRequestProps) => Promise<{
     decodedJwt: Omit<import("@dynamic-labs/sdk-api-core").DynamicJwt, "jwt">;
     embeddedWalletVerifiedCredential: import("@dynamic-labs/sdk-api-core").JwtVerifiedCredential;
     jwt: string;
     signersResponse: import("@dynamic-labs/sdk-api-core").VerifyResponse;
     walletConnector: IPasskeyWalletConnector & IEmailWalletConnector;
 }>;
+export {};

package/src/lib/views/Passkey/utils/{createEmbeddedWalletWithPasskey/createEmbeddedWalletWithPasskey.js → createEmbeddedWalletRequest/createEmbeddedWalletRequest.js}

@@ -20,11 +20,11 @@ import '../../../../locale/locale.js';
 import { findEmbeddedWalletFromVerifiedCredentials } from '../../../../utils/functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import { addPasskeyIdentifierToWalletConnector } from '../../../../utils/functions/addPasskeyIdentifierToWalletConnector/addPasskeyIdentifierToWalletConnector.js';
 import 'viem';
 import 'viem/chains';
 
-const createEmbeddedWalletWithPasskey = (_a) => __awaiter(void 0, [_a], void 0, function* ({ user, walletConnector, environmentId, authToken, chains, }) {
-    var _b;
+const createEmbeddedWalletRequest = (_a) => __awaiter(void 0, [_a], void 0, function* ({ user, walletConnector, environmentId, authToken, chains, webAuthnAttestation, withAuthenticator, }) {
     if (!authToken) {
         throw new DynamicError('Auth token is not defined');
     }
@@ -35,27 +35,26 @@ const createEmbeddedWalletWithPasskey = (_a) => __awaiter(void 0, [_a], void 0,
         throw new DynamicError('User is not defined');
     }
     walletConnector.setEmail(user.email);
-    if (!user.email) {
-        const passkeyIdentifier = user.phoneNumber ||
-            ((_b = user.verifiedCredentials.find((vc) => vc.oauthDisplayName)) === null || _b === void 0 ? void 0 : _b.oauthDisplayName) ||
-            '';
-        walletConnector.setPasskeyIdentifier(passkeyIdentifier);
+    let authenticatorBody;
+    if (withAuthenticator || webAuthnAttestation !== undefined) {
+        if (!user.email) {
+            addPasskeyIdentifierToWalletConnector(walletConnector, user);
+        }
+        const { attestation, challenge, displayName } = webAuthnAttestation || (yield walletConnector.getWebAuthnAttestation());
+        authenticatorBody = {
+            attestation: attestation,
+            challenge,
+            passkeyAlias: displayName,
+        };
     }
-    const { attestation, challenge, displayName } = yield walletConnector.getWebAuthnAttestation();
-    const signersResponse = yield createTurnkeyEmbeddedWallet({
-        attestation: attestation,
-        chains,
-        challenge,
-        environmentId,
-        passkeyAlias: displayName,
-        userJwt: authToken,
-    });
+    const signersResponse = yield createTurnkeyEmbeddedWallet(Object.assign({ chains,
+        environmentId, userJwt: authToken }, authenticatorBody));
     const { jwt } = signersResponse;
     const decodedJwt = decodeJwt(jwt);
     if (decodedJwt === undefined)
         throw new DynamicError('Invalid token!');
     const primaryChain = walletConnector.connectedChain;
-    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, primaryChain);
+    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, [primaryChain]);
     if (!embeddedWalletVerifiedCredential) {
         throw new DynamicError('EmbeddedWalletVerifiedCredential not found');
     }
@@ -69,4 +68,4 @@ const createEmbeddedWalletWithPasskey = (_a) => __awaiter(void 0, [_a], void 0,
     };
 });
 
-export { createEmbeddedWalletWithPasskey };
+export { createEmbeddedWalletRequest };

package/src/lib/views/Passkey/utils/createEmbeddedWalletRequest/index.d.ts

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

package/src/lib/views/Passkey/utils/index.d.ts

@@ -1,4 +1,3 @@
-export * from './createEmbeddedWalletWithPasskey';
+export * from './createEmbeddedWalletRequest';
 export * from './findPasskeyEmailWalletConnector';
-export * from './createPregeneratedWallet';
 export * from './findEmailOtpWalletConnector';

package/src/lib/views/Passkey/utils/passkeyRecovery/passkeyRecovery.cjs

@@ -156,7 +156,7 @@ const completePasskeyRecovery = (_k) => _tslib.__awaiter(void 0, [_k], void 0, f
         throw new utils.DynamicError('Invalid token!');
     }
     const chain = connector.connectedChain;
-    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt, chain);
+    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt, [chain]);
     if (!embeddedWalletVerifiedCredential) {
         throw new utils.DynamicError('EmbeddedWalletVerifiedCredential not found');
     }
@@ -212,7 +212,7 @@ const addNewPasskeyAuthenticator = (_p) => _tslib.__awaiter(void 0, [_p], void 0
         throw new utils.DynamicError('Invalid token!');
     }
     const chain = connector.connectedChain;
-    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt, chain);
+    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt, [chain]);
     if (!embeddedWalletVerifiedCredential) {
         throw new utils.DynamicError('EmbeddedWalletVerifiedCredential not found');
     }

package/src/lib/views/Passkey/utils/passkeyRecovery/passkeyRecovery.js

@@ -152,7 +152,7 @@ const completePasskeyRecovery = (_k) => __awaiter(void 0, [_k], void 0, function
         throw new DynamicError('Invalid token!');
     }
     const chain = connector.connectedChain;
-    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, chain);
+    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, [chain]);
     if (!embeddedWalletVerifiedCredential) {
         throw new DynamicError('EmbeddedWalletVerifiedCredential not found');
     }
@@ -208,7 +208,7 @@ const addNewPasskeyAuthenticator = (_p) => __awaiter(void 0, [_p], void 0, funct
         throw new DynamicError('Invalid token!');
     }
     const chain = connector.connectedChain;
-    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, chain);
+    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, [chain]);
     if (!embeddedWalletVerifiedCredential) {
         throw new DynamicError('EmbeddedWalletVerifiedCredential not found');
     }

package/src/lib/views/WalletList/WalletList.cjs

@@ -21,7 +21,7 @@ require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
@@ -83,7 +83,6 @@ require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 var index = require('../../utils/functions/walletFilters/index.cjs');
-var isUserLinkingWallet = require('../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.cjs');
 var SearchNotFoundMessage = require('./SearchNotFoundMessage/SearchNotFoundMessage.cjs');
 var WalletListGridTabs = require('./WalletListGridTabs/WalletListGridTabs.cjs');
 var useTabState = require('./hooks/useTabState.cjs');
@@ -93,10 +92,8 @@ var getEffectiveRecommendedWallets = require('./utils/getEffectiveRecommendedWal
 localStorage.LocalStorage.setToLS(localStorage$1.WALLET_PICKER_SEARCH_KEY, '');
 const WalletList = ({ isWalletConnectList = false, }) => {
     var _a;
-    const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, user, recommendedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { view } = ViewContext.useViewContext();
+    const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, recommendedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
     const { selectedTabIndex, setSelectedTabIndex, selectedTabSettings, tabsItems, } = useTabState.useTabState();
-    const isLinkingWallet = isUserLinkingWallet.isUserLinkingWallet(user, view.type, false);
     const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const { error } = ErrorContext.useErrorContext();
     const { showDefaultFooter } = useAuthLayoutChecks.useAuthLayoutChecks();
@@ -126,7 +123,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     const isSearchEnabled = Boolean(filterValue) ||
         (numberOfWallets > defaultNumberOfWalletsToShow &&
             walletsList.length !== numberOfWallets);
-    const isTabsEnabled = Boolean((tabsItems === null || tabsItems === void 0 ? void 0 : tabsItems.length) && !isLinkingWallet);
+    const isTabsEnabled = Boolean(tabsItems === null || tabsItems === void 0 ? void 0 : tabsItems.length);
     const walletListScrollRef = React.useRef(null);
     /* istanbul ignore next */
     const handleScroll = () => {

package/src/lib/views/WalletList/WalletList.js

@@ -17,7 +17,7 @@ import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import { useViewContext } from '../../context/ViewContext/ViewContext.js';
+import '../../context/ViewContext/ViewContext.js';
 import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
@@ -79,7 +79,6 @@ import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import { FilterBridgeChainsName } from '../../utils/functions/walletFilters/index.js';
-import { isUserLinkingWallet } from '../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.js';
 import { SearchNotFoundMessage } from './SearchNotFoundMessage/SearchNotFoundMessage.js';
 import { WalletListGridTabs } from './WalletListGridTabs/WalletListGridTabs.js';
 import { useTabState } from './hooks/useTabState.js';
@@ -89,10 +88,8 @@ import { getEffectiveRecommendedWallets } from './utils/getEffectiveRecommendedW
 LocalStorage.setToLS(WALLET_PICKER_SEARCH_KEY, '');
 const WalletList = ({ isWalletConnectList = false, }) => {
     var _a;
-    const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, user, recommendedWallets, } = useInternalDynamicContext();
-    const { view } = useViewContext();
+    const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, recommendedWallets, } = useInternalDynamicContext();
     const { selectedTabIndex, setSelectedTabIndex, selectedTabSettings, tabsItems, } = useTabState();
-    const isLinkingWallet = isUserLinkingWallet(user, view.type, false);
     const { walletBook } = useWalletBookContext();
     const { error } = useErrorContext();
     const { showDefaultFooter } = useAuthLayoutChecks();
@@ -122,7 +119,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     const isSearchEnabled = Boolean(filterValue) ||
         (numberOfWallets > defaultNumberOfWalletsToShow &&
             walletsList.length !== numberOfWallets);
-    const isTabsEnabled = Boolean((tabsItems === null || tabsItems === void 0 ? void 0 : tabsItems.length) && !isLinkingWallet);
+    const isTabsEnabled = Boolean(tabsItems === null || tabsItems === void 0 ? void 0 : tabsItems.length);
     const walletListScrollRef = useRef(null);
     /* istanbul ignore next */
     const handleScroll = () => {

package/src/lib/views/WalletLockedView/WalletLockedView.cjs

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var reactI18next = require('react-i18next');
 var walletBook = require('@dynamic-labs/wallet-book');
+require('react');
 require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
@@ -83,14 +83,8 @@ require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection
 
 const iconSize = 64;
 const WalletLockedView = () => {
-    const { handleLogOut, primaryWallet, setShowAuthFlow, appName, authToken } = useInternalDynamicContext.useInternalDynamicContext();
+    const { handleLogOut, primaryWallet, setShowAuthFlow, appName } = useInternalDynamicContext.useInternalDynamicContext();
     const { t } = reactI18next.useTranslation();
-    React.useEffect(() => {
-        // when there is no valid session, we want to log user out
-        if (!authToken) {
-            handleLogOut();
-        }
-    }, [authToken, handleLogOut]);
     if (!primaryWallet) {
         return null;
     }

package/src/lib/views/WalletLockedView/WalletLockedView.js

@@ -1,9 +1,9 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 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 '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
@@ -79,14 +79,8 @@ import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.
 
 const iconSize = 64;
 const WalletLockedView = () => {
-    const { handleLogOut, primaryWallet, setShowAuthFlow, appName, authToken } = useInternalDynamicContext();
+    const { handleLogOut, primaryWallet, setShowAuthFlow, appName } = useInternalDynamicContext();
     const { t } = useTranslation();
-    useEffect(() => {
-        // when there is no valid session, we want to log user out
-        if (!authToken) {
-            handleLogOut();
-        }
-    }, [authToken, handleLogOut]);
     if (!primaryWallet) {
         return null;
     }

package/src/lib/views/viewToComponentMap.d.ts

@@ -8,7 +8,7 @@ export declare const viewToComponentMap: {
     'chainalysis-blocked-wallet': () => JSX.Element;
     'collect-user-data': () => JSX.Element | null;
     'collect-user-data-login-no-wallet': import("react").FC<{
-        userIdentification: keyof import("@dynamic-labs/sdk-api-core").UserFields | "chain" | "ens" | "environmentId" | "isAuthenticatedWithAWallet" | "lastVerifiedCredentialId" | "lists" | "newUser" | "sessionId" | "userId" | "verifiedCredentials" | "wallet" | "scope";
+        userIdentification: keyof import("@dynamic-labs/sdk-api-core").UserFields | "chain" | "ens" | "wallet" | "isAuthenticatedWithAWallet" | "environmentId" | "lastVerifiedCredentialId" | "lists" | "newUser" | "sessionId" | "userId" | "verifiedCredentials" | "scope";
         userIdentificationOverride?: string | undefined;
     }>;
     'create-password-view': import("react").FC<import("./CreatePasswordView/CreatePasswordView").CreatePasswordViewProps>;
@@ -33,7 +33,9 @@ export declare const viewToComponentMap: {
     'network-not-supported-manual': import("react").FC;
     'no-access': () => JSX.Element;
     'no-qr-not-installed': () => JSX.Element | null;
-    'passkey-intro': import("react").FC;
+    'passkey-intro': import("react").FC<{
+        chains?: import("@dynamic-labs/sdk-api-core").ChainEnum[] | undefined;
+    }>;
     'passkey-new-domain-detected': import("react").FC;
     'passkey-recovery-add-email': import("react").FC<import("./Passkey/PasskeyRecovery/AddRecoveryEmail/AddRecoveryEmail").AddRecoveryEmailProps>;
     'passkey-recovery-bundle': import("react").FC<import("./Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery").PasskeyBundleValidationProps>;

package/src/lib/widgets/DynamicWidget/components/PromptModal/PromptModal.cjs

@@ -79,7 +79,8 @@ require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumb
 
 const PromptModal = ({ children, isShown = true, onClose, }) => {
     const elementId = 'dynamic-multi-wallet-prompt-modal';
-    useElementById.useElementById(elementId);
+    const { createRootElement } = useElementById.useElementById();
+    createRootElement(elementId);
     return (jsxRuntime.jsx(Portal.Portal, { handleClose: (e) => onClose === null || onClose === void 0 ? void 0 : onClose(e), isShown: isShown, zIndex: index.authModalZIndex, withBackdrop: true, elementId: elementId, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsxs(ModalCard.ModalCard, { children: [onClose && (jsxRuntime.jsx("div", { className: 'prompt-modal__header', children: jsxRuntime.jsx(IconButton.IconButton, { className: 'prompt-modal__close-button', onClick: (e) => onClose(e), type: 'button', "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }) })), jsxRuntime.jsx("div", { className: 'prompt-modal', children: children })] }) }) }));
 };