@dynamic-labs/sdk-react-core 2.1.0-alpha.20 → 2.1.0-alpha.21

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
+var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -15,7 +16,6 @@ require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
@@ -24,12 +24,12 @@ require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
+var user = require('../../../data/api/user/user.cjs');
+var isCookieEnabled = require('../../functions/isCookieEnabled/isCookieEnabled.cjs');
 var userActions = require('../../../store/actions/userActions/userActions.cjs');
-require('zustand');
-require('zustand/middleware');
-require('zustand/react/shallow');
+require('@dynamic-labs/store');
 
-const useValidateSession = ({ handleLogOut }) => {
+const useValidateSession = ({ environmentId, handleLogOut }) => {
     const [hasLoggedOut, setHasLoggedOut] = React.useState(false);
     const logout = (reason, params) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setHasLoggedOut(true);
@@ -37,14 +37,29 @@ const useValidateSession = ({ handleLogOut }) => {
         yield handleLogOut();
     });
     const handleUserDataOutOfSync = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const cookieEnabled = isCookieEnabled.isCookieEnabled();
         const authToken = getAuthToken.getAuthToken();
-        const user = userActions.getUser();
-        if (authToken || !user) {
+        const user$1 = userActions.getUser();
+        if (authToken || !user$1) {
+            return;
+        }
+        if (user$1 && !authToken && cookieEnabled) {
+            try {
+                yield user.getAuthenticatedUser({ environmentId });
+            }
+            catch (e) {
+                if (e instanceof utils.CookieInvalidError) {
+                    yield logout('user auth cookie invalid', {
+                        authToken,
+                        user: user$1,
+                    });
+                }
+            }
             return;
         }
         yield logout('user data out of sync', {
             authToken,
-            user,
+            user: user$1,
         });
     });
     if (!hasLoggedOut) {

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 type Props = {
+    environmentId: string;
     handleLogOut: () => Promise<void>;
 };
-export declare const useValidateSession: ({ handleLogOut }: Props) => {
+export declare const useValidateSession: ({ environmentId, handleLogOut }: Props) => {
     setHasLoggedOut: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };
 export {};

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

@@ -1,6 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState } from 'react';
+import { CookieInvalidError } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -11,7 +12,6 @@ import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';
 import '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
-import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
@@ -20,12 +20,12 @@ import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
+import { getAuthenticatedUser } from '../../../data/api/user/user.js';
+import { isCookieEnabled } from '../../functions/isCookieEnabled/isCookieEnabled.js';
 import { getUser } from '../../../store/actions/userActions/userActions.js';
-import 'zustand';
-import 'zustand/middleware';
-import 'zustand/react/shallow';
+import '@dynamic-labs/store';
 
-const useValidateSession = ({ handleLogOut }) => {
+const useValidateSession = ({ environmentId, handleLogOut }) => {
     const [hasLoggedOut, setHasLoggedOut] = useState(false);
     const logout = (reason, params) => __awaiter(void 0, void 0, void 0, function* () {
         setHasLoggedOut(true);
@@ -33,11 +33,26 @@ const useValidateSession = ({ handleLogOut }) => {
         yield handleLogOut();
     });
     const handleUserDataOutOfSync = () => __awaiter(void 0, void 0, void 0, function* () {
+        const cookieEnabled = isCookieEnabled();
         const authToken = getAuthToken();
         const user = getUser();
         if (authToken || !user) {
             return;
         }
+        if (user && !authToken && cookieEnabled) {
+            try {
+                yield getAuthenticatedUser({ environmentId });
+            }
+            catch (e) {
+                if (e instanceof CookieInvalidError) {
+                    yield logout('user auth cookie invalid', {
+                        authToken,
+                        user,
+                    });
+                }
+            }
+            return;
+        }
         yield logout('user data out of sync', {
             authToken,
             user,

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

@@ -23,6 +23,7 @@ require('../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
+var errors = require('../../constants/errors.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var getVerifyArgs = require('../../functions/getVerifyArgs/getVerifyArgs.cjs');
@@ -30,6 +31,7 @@ require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
+require('@dynamic-labs/store');
 var wallets = require('../../../data/api/wallets/wallets.cjs');
 var AccessDeniedContext = require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -47,9 +49,6 @@ require('../../../context/MockContext/MockContext.cjs');
 require('../../../views/CollectUserDataView/useFields.cjs');
 require('../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('zustand');
-require('zustand/middleware');
-require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
 require('../../../components/Alert/Alert.cjs');
@@ -240,10 +239,11 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
                 onError: (e) => {
                     handleError(e, walletConnector, publicWalletAddress, oauth);
                 },
-                onVerifySuccess: (decodedJwt) => {
+                onVerifySuccess: (user) => {
                     var _a;
-                    if (decodedJwt === undefined)
-                        throw new utils.DynamicError('Invalid token!');
+                    if (!user) {
+                        throw new utils.DynamicError(errors.USER_NOT_LOGGED_IN);
+                    }
                     try {
                         (_a = events === null || events === void 0 ? void 0 : events.onSignedMessage) === null || _a === void 0 ? void 0 : _a.call(events, {
                             messageToSign: verifyArgs.messageToSign,
@@ -256,11 +256,11 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
                     localStorage.LocalStorage.setToLS(localStorage$1.LAST_USED_WALLET, walletConnector.key);
                     setAuthMode('connect-and-sign');
                     updatePrimaryWalletId({
-                        lastVerifiedCredentialId: decodedJwt.lastVerifiedCredentialId,
-                        verifiedCredentials: decodedJwt.verifiedCredentials,
+                        lastVerifiedCredentialId: user.lastVerifiedCredentialId,
+                        verifiedCredentials: user.verifiedCredentials,
                         walletConnector,
                     });
-                    const walletId = decodedJwt.lastVerifiedCredentialId;
+                    const walletId = user.lastVerifiedCredentialId;
                     if (walletId) {
                         addedWalletsIds.current.push(walletId);
                     }

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

@@ -19,6 +19,7 @@ import '../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
+import { USER_NOT_LOGGED_IN } from '../../constants/errors.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { getVerifyArgs } from '../../functions/getVerifyArgs/getVerifyArgs.js';
@@ -26,6 +27,7 @@ import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
+import '@dynamic-labs/store';
 import { verifyWallet, linkWallet } from '../../../data/api/wallets/wallets.js';
 import { useAccessDeniedContext } from '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -43,9 +45,6 @@ import '../../../context/MockContext/MockContext.js';
 import '../../../views/CollectUserDataView/useFields.js';
 import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import 'zustand';
-import 'zustand/middleware';
-import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
 import '../../../components/Alert/Alert.js';
@@ -236,10 +235,11 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
                 onError: (e) => {
                     handleError(e, walletConnector, publicWalletAddress, oauth);
                 },
-                onVerifySuccess: (decodedJwt) => {
+                onVerifySuccess: (user) => {
                     var _a;
-                    if (decodedJwt === undefined)
-                        throw new DynamicError('Invalid token!');
+                    if (!user) {
+                        throw new DynamicError(USER_NOT_LOGGED_IN);
+                    }
                     try {
                         (_a = events === null || events === void 0 ? void 0 : events.onSignedMessage) === null || _a === void 0 ? void 0 : _a.call(events, {
                             messageToSign: verifyArgs.messageToSign,
@@ -252,11 +252,11 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
                     LocalStorage.setToLS(LAST_USED_WALLET, walletConnector.key);
                     setAuthMode('connect-and-sign');
                     updatePrimaryWalletId({
-                        lastVerifiedCredentialId: decodedJwt.lastVerifiedCredentialId,
-                        verifiedCredentials: decodedJwt.verifiedCredentials,
+                        lastVerifiedCredentialId: user.lastVerifiedCredentialId,
+                        verifiedCredentials: user.verifiedCredentials,
                         walletConnector,
                     });
-                    const walletId = decodedJwt.lastVerifiedCredentialId;
+                    const walletId = user.lastVerifiedCredentialId;
                     if (walletId) {
                         addedWalletsIds.current.push(walletId);
                     }

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

@@ -27,6 +27,7 @@ require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
+require('@dynamic-labs/store');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -41,9 +42,6 @@ require('../../../context/MockContext/MockContext.cjs');
 require('../../../views/CollectUserDataView/useFields.cjs');
 require('../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('zustand');
-require('zustand/middleware');
-require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
 require('../../../components/Alert/Alert.cjs');

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

@@ -23,6 +23,7 @@ import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
+import '@dynamic-labs/store';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -37,9 +38,6 @@ import '../../../context/MockContext/MockContext.js';
 import '../../../views/CollectUserDataView/useFields.js';
 import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import 'zustand';
-import 'zustand/middleware';
-import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
 import '../../../components/Alert/Alert.js';

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

@@ -24,6 +24,7 @@ require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
+require('@dynamic-labs/store');
 var serializeWalletConnectors = require('../../functions/serializeWalletConnectors/serializeWalletConnectors.cjs');
 var verifyRequiredConnectorsAreSetup = require('./utils/verifyRequiredConnectorsAreSetup/verifyRequiredConnectorsAreSetup.cjs');
 

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

@@ -20,6 +20,7 @@ import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
+import '@dynamic-labs/store';
 import { serializeWalletConnectors } from '../../functions/serializeWalletConnectors/serializeWalletConnectors.js';
 import { verifyRequiredConnectorsAreSetup } from './utils/verifyRequiredConnectorsAreSetup/verifyRequiredConnectorsAreSetup.js';
 

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs

@@ -24,6 +24,7 @@ require('viem');
 require('viem/chains');
 require('../../../../../config/ApiEndpoint.cjs');
 require('../../../../../locale/locale.cjs');
+require('@dynamic-labs/store');
 var ConnectorSetupError = require('../errors/ConnectorSetupError.cjs');
 
 const magicEmailOtpWalletConnectorKey = 'magicemailotp';

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js

@@ -20,6 +20,7 @@ import 'viem';
 import 'viem/chains';
 import '../../../../../config/ApiEndpoint.js';
 import '../../../../../locale/locale.js';
+import '@dynamic-labs/store';
 import { ConnectorSetupError } from '../errors/ConnectorSetupError.js';
 
 const magicEmailOtpWalletConnectorKey = 'magicemailotp';

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyZeroDevIsSetup/verifyZeroDevIsSetup.cjs

@@ -24,6 +24,7 @@ require('viem');
 require('viem/chains');
 require('../../../../../config/ApiEndpoint.cjs');
 require('../../../../../locale/locale.cjs');
+require('@dynamic-labs/store');
 var ConnectorSetupError = require('../errors/ConnectorSetupError.cjs');
 
 const zeroDevWalletConnectorKey = 'zerodev';

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyZeroDevIsSetup/verifyZeroDevIsSetup.js

@@ -20,6 +20,7 @@ import 'viem';
 import 'viem/chains';
 import '../../../../../config/ApiEndpoint.js';
 import '../../../../../locale/locale.js';
+import '@dynamic-labs/store';
 import { ConnectorSetupError } from '../errors/ConnectorSetupError.js';
 
 const zeroDevWalletConnectorKey = 'zerodev';

package/src/lib/utils/hooks/useWalletConnectors/reconnectSocialWallet.cjs

@@ -24,6 +24,7 @@ require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
+require('@dynamic-labs/store');
 
 /**
  * This function will use a referenced account to kick off the social wallet
@@ -31,11 +32,11 @@ require('../../../locale/locale.cjs');
  * wants to set their disconnected social wallet as their primary wallet, in
  * which case the wallet needs to be reconnected
  */
-const reconnectSocialWallet = (jwt, wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const reconnectSocialWallet = (user, wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     if (!walletConnectorCore.isSocialWalletConnector(wallet.connector)) {
         return;
     }
-    const socialAccountDataForWallet = getReferencedAccount.getReferencedAccount(jwt, wallet.id);
+    const socialAccountDataForWallet = getReferencedAccount.getReferencedAccount(user, wallet.id);
     if (!socialAccountDataForWallet ||
         !socialAccountDataForWallet.oauthProvider) {
         return;

package/src/lib/utils/hooks/useWalletConnectors/reconnectSocialWallet.d.ts

@@ -1,8 +1,9 @@
 import { Wallet } from '../../../shared';
+import { UserProfile } from '../../../..';
 /**
  * This function will use a referenced account to kick off the social wallet
  * authentication. This is useful in the multiwallet scenario where the user
  * wants to set their disconnected social wallet as their primary wallet, in
  * which case the wallet needs to be reconnected
  */
-export declare const reconnectSocialWallet: (jwt: string | undefined, wallet: Wallet) => Promise<void>;
+export declare const reconnectSocialWallet: (user: UserProfile | undefined, wallet: Wallet) => Promise<void>;

package/src/lib/utils/hooks/useWalletConnectors/reconnectSocialWallet.js

@@ -20,6 +20,7 @@ import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
+import '@dynamic-labs/store';
 
 /**
  * This function will use a referenced account to kick off the social wallet
@@ -27,11 +28,11 @@ import '../../../locale/locale.js';
  * wants to set their disconnected social wallet as their primary wallet, in
  * which case the wallet needs to be reconnected
  */
-const reconnectSocialWallet = (jwt, wallet) => __awaiter(void 0, void 0, void 0, function* () {
+const reconnectSocialWallet = (user, wallet) => __awaiter(void 0, void 0, void 0, function* () {
     if (!isSocialWalletConnector(wallet.connector)) {
         return;
     }
-    const socialAccountDataForWallet = getReferencedAccount(jwt, wallet.id);
+    const socialAccountDataForWallet = getReferencedAccount(user, wallet.id);
     if (!socialAccountDataForWallet ||
         !socialAccountDataForWallet.oauthProvider) {
         return;

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

@@ -8,6 +8,7 @@ var React = require('react');
 var utils = require('@dynamic-labs/utils');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var UserWalletsContext = require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -18,6 +19,7 @@ require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../shared/consts/index.cjs');
+var createUserProfile = require('../../functions/createUserProfile/createUserProfile.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var getWalletIdentifier = require('../../functions/getWalletIdentifier/getWalletIdentifier.cjs');
@@ -25,23 +27,38 @@ require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
+require('@dynamic-labs/store');
 var useWalletsConnectionState = require('../useWalletsConnectionState/useWalletsConnectionState.cjs');
 var reconnectSocialWallet = require('./reconnectSocialWallet.cjs');
 var createLinkedWalletsFromWalletOptions = require('./utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs');
 var updateUserWalletsFromLinkedWallets = require('./utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.cjs');
 
-const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConnectorOptions, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, onboardingOnlyJwt, canHaveMultipleWalletsConnected, }) => {
+const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOptions, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, onboardingOnlyJwt, canHaveMultipleWalletsConnected, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = React.useState(false);
     const linkedWallets = React.useMemo(() => {
-        if (!authToken) {
+        if (!user && !onboardingOnlyJwt) {
             return [];
         }
-        return createLinkedWalletsFromWalletOptions.createLinkedWalletsFromWalletOptions({
-            authToken,
-            primaryWalletId,
-            walletConnectorOptions,
-        });
-    }, [authToken, primaryWalletId, walletConnectorOptions]);
+        if (user) {
+            return createLinkedWalletsFromWalletOptions.createLinkedWalletsFromWalletOptions({
+                primaryWalletId,
+                user,
+                walletConnectorOptions,
+            });
+        }
+        const decodedJwt = decodeJwt.decodeJwt(onboardingOnlyJwt);
+        if (!decodedJwt) {
+            return [];
+        }
+        else {
+            const onboardingUser = createUserProfile.createUserProfile(decodedJwt);
+            return createLinkedWalletsFromWalletOptions.createLinkedWalletsFromWalletOptions({
+                primaryWalletId,
+                user: onboardingUser,
+                walletConnectorOptions,
+            });
+        }
+    }, [user, primaryWalletId, walletConnectorOptions, onboardingOnlyJwt]);
     const walletsBasedOnAuthMode = React.useMemo(() => {
         // Before signing the first message we are using connected wallets list
         // This is because we want the first connected wallet to have events applied by useWalletEventListeners
@@ -59,7 +76,7 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConn
             linkedWallets.find((wallet) => walletConnectorCore.isEmbeddedConnector(wallet.connector))) {
             return linkedWallets;
         }
-        return connectedWallets;
+        return connectedWallets !== null && connectedWallets !== void 0 ? connectedWallets : [];
     }, [authMode, connectedWallets, linkedWallets, user, onboardingOnlyJwt]);
     /**
      * This useEffect is temporary.
@@ -140,7 +157,7 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConn
         }
         if (walletConnectorCore.isSocialWalletConnector(newPrimaryWallet.connector) &&
             !newPrimaryWallet.connected) {
-            reconnectSocialWallet.reconnectSocialWallet(authToken, newPrimaryWallet);
+            reconnectSocialWallet.reconnectSocialWallet(user, newPrimaryWallet);
             return;
         }
         /* istanbul ignore next */
@@ -170,7 +187,7 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConn
             logger.logger.error('Failed to connect to wallet');
         }
     }), [
-        authToken,
+        user,
         checkIfAccountChangeIsRequired,
         checkIfShowQrCodeModal,
         primaryWallet,

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

@@ -4,7 +4,6 @@ import { AuthModeType, MultiWalletWidgetState, Wallet, WalletOption } from '../.
 import { MultiWalletWidgetStateSetter } from '../multiWallet';
 type Props = {
     authMode: AuthModeType;
-    authToken: string | undefined;
     connectedWallets: Wallet[];
     multiWalletWidgetState: MultiWalletWidgetState;
     setDesktopUri: Dispatch<SetStateAction<string>>;
@@ -26,5 +25,5 @@ export interface UseWalletConnectors {
     showQrcodeModal: boolean;
     wallets: Wallet[];
 }
-export declare const useWalletConnectors: ({ authMode, authToken, connectedWallets, walletConnectorOptions, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, onboardingOnlyJwt, canHaveMultipleWalletsConnected, }: Props) => UseWalletConnectors;
+export declare const useWalletConnectors: ({ authMode, connectedWallets, walletConnectorOptions, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, onboardingOnlyJwt, canHaveMultipleWalletsConnected, }: Props) => UseWalletConnectors;
 export {};

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

@@ -4,6 +4,7 @@ import { useState, useMemo, useEffect, useCallback } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
 import { isEmbeddedConnector, isEmailWalletConnector, isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
+import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -14,6 +15,7 @@ import '../../constants/colors.js';
 import '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../shared/consts/index.js';
+import { createUserProfile } from '../../functions/createUserProfile/createUserProfile.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { getWalletIdentifier } from '../../functions/getWalletIdentifier/getWalletIdentifier.js';
@@ -21,23 +23,38 @@ import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
+import '@dynamic-labs/store';
 import { useWalletsConnectionState } from '../useWalletsConnectionState/useWalletsConnectionState.js';
 import { reconnectSocialWallet } from './reconnectSocialWallet.js';
 import { createLinkedWalletsFromWalletOptions } from './utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js';
 import { updateUserWalletsFromLinkedWallets } from './utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.js';
 
-const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConnectorOptions, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, onboardingOnlyJwt, canHaveMultipleWalletsConnected, }) => {
+const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOptions, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, onboardingOnlyJwt, canHaveMultipleWalletsConnected, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = useState(false);
     const linkedWallets = useMemo(() => {
-        if (!authToken) {
+        if (!user && !onboardingOnlyJwt) {
             return [];
         }
-        return createLinkedWalletsFromWalletOptions({
-            authToken,
-            primaryWalletId,
-            walletConnectorOptions,
-        });
-    }, [authToken, primaryWalletId, walletConnectorOptions]);
+        if (user) {
+            return createLinkedWalletsFromWalletOptions({
+                primaryWalletId,
+                user,
+                walletConnectorOptions,
+            });
+        }
+        const decodedJwt = decodeJwt(onboardingOnlyJwt);
+        if (!decodedJwt) {
+            return [];
+        }
+        else {
+            const onboardingUser = createUserProfile(decodedJwt);
+            return createLinkedWalletsFromWalletOptions({
+                primaryWalletId,
+                user: onboardingUser,
+                walletConnectorOptions,
+            });
+        }
+    }, [user, primaryWalletId, walletConnectorOptions, onboardingOnlyJwt]);
     const walletsBasedOnAuthMode = useMemo(() => {
         // Before signing the first message we are using connected wallets list
         // This is because we want the first connected wallet to have events applied by useWalletEventListeners
@@ -55,7 +72,7 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConn
             linkedWallets.find((wallet) => isEmbeddedConnector(wallet.connector))) {
             return linkedWallets;
         }
-        return connectedWallets;
+        return connectedWallets !== null && connectedWallets !== void 0 ? connectedWallets : [];
     }, [authMode, connectedWallets, linkedWallets, user, onboardingOnlyJwt]);
     /**
      * This useEffect is temporary.
@@ -136,7 +153,7 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConn
         }
         if (isSocialWalletConnector(newPrimaryWallet.connector) &&
             !newPrimaryWallet.connected) {
-            reconnectSocialWallet(authToken, newPrimaryWallet);
+            reconnectSocialWallet(user, newPrimaryWallet);
             return;
         }
         /* istanbul ignore next */
@@ -166,7 +183,7 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConn
             logger.error('Failed to connect to wallet');
         }
     }), [
-        authToken,
+        user,
         checkIfAccountChangeIsRequired,
         checkIfShowQrCodeModal,
         primaryWallet,