@dynamic-labs/sdk-react-core 4.0.0-alpha.10 → 4.0.0-alpha.12

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

@@ -85,15 +85,12 @@ import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 // Hook exposed to customers and used internally to handle social account linking
-const useSocialAccounts = ({ sessionTimeout } = {
-    sessionTimeout: 20000,
-}) => {
+const useSocialAccounts = () => {
     var _a;
     const { environmentId, user, projectSettings } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const { handleError, setError, setIsProcessing, checkValidProvider, error, isProcessing, connectSocialAccount, } = useSocialAuth({
         onFarcasterUrl: (url) => setView('farcaster-connect-view', { url }),
-        sessionTimeout,
     });
     const verifiedOAuthCredentialsMap = useMemo(() => {
         var _a, _b;
@@ -133,7 +130,7 @@ const useSocialAccounts = ({ sessionTimeout } = {
         });
     }), [checkValidOAuthLinking, connectSocialAccount]);
     const unlinkSocialAccount = useCallback((provider) => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
+        var _b, _c;
         setError(undefined);
         setIsProcessing(true);
         if (!checkValidProvider(provider, 'unlink')) {
@@ -145,11 +142,11 @@ const useSocialAccounts = ({ sessionTimeout } = {
             return;
         }
         try {
-            const primaryWalletId = StorageService.getItem(PRIMARY_WALLET_ID);
+            const primaryWalletId = (_b = StorageService.getItem(PRIMARY_WALLET_ID)) !== null && _b !== void 0 ? _b : undefined;
             const response = yield unlinkOAuth({
                 environmentId,
                 primaryWalletId,
-                verifiedCrentialId: (_b = verifiedCredential.id) !== null && _b !== void 0 ? _b : '',
+                verifiedCrentialId: (_c = verifiedCredential.id) !== null && _c !== void 0 ? _c : '',
             });
             if (!response) {
                 handleError(provider, SocialOAuthErrorCode.UNLINK_ERROR, `Failed to unlink social account: ${provider} | ${verifiedCredential.id}`, { raiseAuthFailure: false });

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

@@ -109,7 +109,7 @@ const socialProviders = [
 // so we should only add provider that support pkce to this list
 const providersRequiringPkce = ['twitter', 'github'];
 // Hook to handle common social auth logic (for social linking and social sign in)
-const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, }) => {
+const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
     const { environmentId, setShowAuthFlow, socialSettings, projectSettings, consumeNonce, redirectUrl: defaultRedirectUrl, } = useInternalDynamicContext.useInternalDynamicContext();
     /**
      * Represents if the SDK will use a popup or redirect for social auth
@@ -397,7 +397,6 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
                 onSettled,
                 provider,
                 redirectUrl: redirectUrl !== null && redirectUrl !== void 0 ? redirectUrl : defaultRedirectUrl,
-                sessionTimeout,
                 setIsProcessing,
                 state,
                 strategy,
@@ -411,6 +410,7 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
                 telegramAuthToken,
                 verifier,
             });
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
         }
         catch (error) {
             if (utils.Oauth2Service.isGetOauthCodeError(error)) {
@@ -419,7 +419,8 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
                 });
                 return;
             }
-            logger.logger.error('Social connection failed with unexpected error:', error);
+            // Log message individually so the Expo console can display it (it fails to display objects)
+            logger.logger.error('Social connection failed with unexpected error:', error.message, error);
             onFailed(provider, { error }, { raiseAuthFailure: authMode === 'signin' });
         }
     }), [
@@ -433,7 +434,6 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
         onFailed,
         onSettled,
         projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers,
-        sessionTimeout,
         strategy,
     ]);
     return React.useMemo(() => ({

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

@@ -3,7 +3,6 @@ import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 import { SocialOAuthError, SocialOAuthErrorCode } from '@dynamic-labs/types';
 export type SocialAuthMode = 'link' | 'signin' | 'unlink';
 type UseSocialAuthProps = {
-    sessionTimeout: number;
     onSettled?: () => void;
     onError?: () => void;
     onFarcasterUrl?: (url: string) => void;
@@ -16,7 +15,7 @@ export type ConnectSocialAccountProps = {
     redirectUrl?: string;
     telegramAuthToken?: string;
 };
-export declare const useSocialAuth: ({ sessionTimeout, onSettled, onError, onFarcasterUrl, }: UseSocialAuthProps) => {
+export declare const useSocialAuth: ({ onSettled, onError, onFarcasterUrl, }: UseSocialAuthProps) => {
     readonly checkValidProvider: (provider: ProviderEnum, authMode: SocialAuthMode) => boolean;
     readonly completeConnection: ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser, }: {
         authMode: SocialAuthMode;

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

@@ -105,7 +105,7 @@ const socialProviders = [
 // so we should only add provider that support pkce to this list
 const providersRequiringPkce = ['twitter', 'github'];
 // Hook to handle common social auth logic (for social linking and social sign in)
-const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, }) => {
+const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
     const { environmentId, setShowAuthFlow, socialSettings, projectSettings, consumeNonce, redirectUrl: defaultRedirectUrl, } = useInternalDynamicContext();
     /**
      * Represents if the SDK will use a popup or redirect for social auth
@@ -393,7 +393,6 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
                 onSettled,
                 provider,
                 redirectUrl: redirectUrl !== null && redirectUrl !== void 0 ? redirectUrl : defaultRedirectUrl,
-                sessionTimeout,
                 setIsProcessing,
                 state,
                 strategy,
@@ -407,6 +406,7 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
                 telegramAuthToken,
                 verifier,
             });
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
         }
         catch (error) {
             if (Oauth2Service.isGetOauthCodeError(error)) {
@@ -415,7 +415,8 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
                 });
                 return;
             }
-            logger.error('Social connection failed with unexpected error:', error);
+            // Log message individually so the Expo console can display it (it fails to display objects)
+            logger.error('Social connection failed with unexpected error:', error.message, error);
             onFailed(provider, { error }, { raiseAuthFailure: authMode === 'signin' });
         }
     }), [
@@ -429,7 +430,6 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
         onFailed,
         onSettled,
         projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers,
-        sessionTimeout,
         strategy,
     ]);
     return useMemo(() => ({

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

@@ -88,9 +88,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 const useTelegramLogin = () => {
     const { sdkHasLoaded, user, projectSettings, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
     const providers = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || [];
-    const { completeConnection } = useSocialAuth.useSocialAuth({
-        sessionTimeout: 20000,
-    });
+    const { completeConnection } = useSocialAuth.useSocialAuth({});
     const getTelegramAuthToken = () => {
         var _a, _b;
         const telegramAuthToken = (_b = (_a = getInitialUrl.getInitialUrl()) === null || _a === void 0 ? void 0 : _a.searchParams.get('telegramAuthToken')) !== null && _b !== void 0 ? _b : undefined;

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

@@ -84,9 +84,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const useTelegramLogin = () => {
     const { sdkHasLoaded, user, projectSettings, environmentId } = useInternalDynamicContext();
     const providers = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || [];
-    const { completeConnection } = useSocialAuth({
-        sessionTimeout: 20000,
-    });
+    const { completeConnection } = useSocialAuth({});
     const getTelegramAuthToken = () => {
         var _a, _b;
         const telegramAuthToken = (_b = (_a = getInitialUrl()) === null || _a === void 0 ? void 0 : _a.searchParams.get('telegramAuthToken')) !== null && _b !== void 0 ? _b : undefined;

package/src/lib/views/CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.cjs

@@ -70,8 +70,8 @@ var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
-require('../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
+require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.js

@@ -66,8 +66,8 @@ import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
 import 'formik';
-import '../../store/state/sendBalances.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
+import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs

@@ -68,8 +68,8 @@ require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../useFields.cjs');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
 var UserDataFields = require('../UserDataFields/UserDataFields.cjs');
-require('../../../store/state/sendBalances.cjs');
 require('yup');
+require('../../../store/state/sendBalances.cjs');
 require('../../../components/Input/Input.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js

@@ -64,8 +64,8 @@ import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../useFields.js';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
 import { UserDataFields } from '../UserDataFields/UserDataFields.js';
-import '../../../store/state/sendBalances.js';
 import 'yup';
+import '../../../store/state/sendBalances.js';
 import '../../../components/Input/Input.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/CreatePasswordView/CreatePasswordStep/CreatePasswordStep.cjs

@@ -72,8 +72,8 @@ require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../../components/ErrorContainer/ErrorContainer.cjs');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
-require('../../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
+require('../../../store/state/sendBalances.cjs');
 var Input = require('../../../components/Input/Input.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/CreatePasswordView/CreatePasswordStep/CreatePasswordStep.js

@@ -68,8 +68,8 @@ import '../../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../../components/ErrorContainer/ErrorContainer.js';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
 import 'formik';
-import '../../../store/state/sendBalances.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
+import '../../../store/state/sendBalances.js';
 import { Input } from '../../../components/Input/Input.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/CreatePasswordView/SavePasswordStep/SavePasswordStep.cjs

@@ -73,8 +73,8 @@ require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../../components/ErrorContainer/ErrorContainer.cjs');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
-require('../../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
+require('../../../store/state/sendBalances.cjs');
 var Input = require('../../../components/Input/Input.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/CreatePasswordView/SavePasswordStep/SavePasswordStep.js

@@ -69,8 +69,8 @@ import '../../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../../components/ErrorContainer/ErrorContainer.js';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
 import 'formik';
-import '../../../store/state/sendBalances.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
+import '../../../store/state/sendBalances.js';
 import { Input } from '../../../components/Input/Input.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/EmailVerification/EmailVerification.cjs

@@ -45,6 +45,7 @@ require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 var useOtpVerificationRequest = require('../../utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.cjs');
 require('react-dom');
+var findPrimaryEmbeddedChain = require('../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
 require('../../context/WalletContext/WalletContext.cjs');
 var useIsTurnkeyWallet = require('../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
 var usePasskeyRecovery = require('../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
@@ -185,11 +186,12 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
                 (!((_j = (_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _h === void 0 ? void 0 : _h.embeddedWallets) === null || _j === void 0 ? void 0 : _j.forceAuthenticatorAtSignup) ||
                     isSessionKeyCompatible));
             if (isUsingPregeneratedWallets) {
+                const primaryChain = findPrimaryEmbeddedChain.findPrimaryEmbeddedChain(projectSettings);
                 // Pregenerated wallet was created during an
                 // additional email validation step as part of onboarding
                 // cannot rely on newUser JWT field here due to session being counted twice
                 // when authentication happens followed by a separate email kyc step
-                const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(createUserProfile.createUserProfileFromSdkUser(updateUserProfileResponse.user));
+                const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(createUserProfile.createUserProfileFromSdkUser(updateUserProfileResponse.user), [primaryChain]);
                 if (!embeddedWalletVerifiedCredential) {
                     throw new Error('Could not find an embedded wallet');
                 }

package/src/lib/views/EmailVerification/EmailVerification.js

@@ -41,6 +41,7 @@ import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import { useOtpVerificationRequest } from '../../utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.js';
 import 'react-dom';
+import { findPrimaryEmbeddedChain } from '../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
 import '../../context/WalletContext/WalletContext.js';
 import { useIsTurnkeyWallet } from '../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
 import { usePasskeyRecovery } from '../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
@@ -181,11 +182,12 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
                 (!((_j = (_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _h === void 0 ? void 0 : _h.embeddedWallets) === null || _j === void 0 ? void 0 : _j.forceAuthenticatorAtSignup) ||
                     isSessionKeyCompatible));
             if (isUsingPregeneratedWallets) {
+                const primaryChain = findPrimaryEmbeddedChain(projectSettings);
                 // Pregenerated wallet was created during an
                 // additional email validation step as part of onboarding
                 // cannot rely on newUser JWT field here due to session being counted twice
                 // when authentication happens followed by a separate email kyc step
-                const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(createUserProfileFromSdkUser(updateUserProfileResponse.user));
+                const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(createUserProfileFromSdkUser(updateUserProfileResponse.user), [primaryChain]);
                 if (!embeddedWalletVerifiedCredential) {
                     throw new Error('Could not find an embedded wallet');
                 }

package/src/lib/views/EnterPasswordView/EnterPasswordView.cjs

@@ -70,8 +70,8 @@ require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
-require('../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
+require('../../store/state/sendBalances.cjs');
 var Input = require('../../components/Input/Input.cjs');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/EnterPasswordView/EnterPasswordView.js

@@ -66,8 +66,8 @@ import '../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
 import 'formik';
-import '../../store/state/sendBalances.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
+import '../../store/state/sendBalances.js';
 import { Input } from '../../components/Input/Input.js';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/FarcasterQrCodeView/FarcasterQrCodeView.cjs

@@ -31,7 +31,6 @@ const FarcasterQrCodeView = () => {
     const { connectSocialAccount } = useSocialAuth.useSocialAuth({
         onError: () => setError('Something went wrong'),
         onFarcasterUrl: (url) => setUrl(url),
-        sessionTimeout: 20000,
     });
     useEffectOnce.useEffectOnce(() => {
         connectSocialAccount({

package/src/lib/views/FarcasterQrCodeView/FarcasterQrCodeView.js

@@ -27,7 +27,6 @@ const FarcasterQrCodeView = () => {
     const { connectSocialAccount } = useSocialAuth({
         onError: () => setError('Something went wrong'),
         onFarcasterUrl: (url) => setUrl(url),
-        sessionTimeout: 20000,
     });
     useEffectOnce(() => {
         connectSocialAccount({

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.cjs

@@ -98,7 +98,6 @@ const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLa
         onSettled: () => {
             setSocialProvider(undefined);
         },
-        sessionTimeout: 20000,
     });
     const onSelectProvider = (provider) => {
         var _a;

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.js

@@ -94,7 +94,6 @@ const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLa
         onSettled: () => {
             setSocialProvider(undefined);
         },
-        sessionTimeout: 20000,
     });
     const onSelectProvider = (provider) => {
         var _a;

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.cjs

@@ -88,6 +88,7 @@ require('../../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs')
 var useInternalDynamicContext = require('../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllWallets, }) => {
+    var _a;
     const { t } = reactI18next.useTranslation();
     const { walletConnectorOptions, projectSettings, walletsFilter, authMode, multiWallet, recommendedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
     const userWallets = UserWalletsContext.useUserWallets();
@@ -97,7 +98,7 @@ const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllW
         groupWallets: true,
         inputList: walletConnectorOptions,
         isWalletConnectList: false,
-        lastUsedWalletKey: utils.StorageService.getItem(localStorage.LAST_USED_WALLET),
+        lastUsedWalletKey: (_a = utils.StorageService.getItem(localStorage.LAST_USED_WALLET)) !== null && _a !== void 0 ? _a : undefined,
         loginWithEmail: true,
         multiWallet,
         numberOfWalletsToShow: previewWalletsNumber,

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.js

@@ -84,6 +84,7 @@ import '../../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllWallets, }) => {
+    var _a;
     const { t } = useTranslation();
     const { walletConnectorOptions, projectSettings, walletsFilter, authMode, multiWallet, recommendedWallets, } = useInternalDynamicContext();
     const userWallets = useUserWallets();
@@ -93,7 +94,7 @@ const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllW
         groupWallets: true,
         inputList: walletConnectorOptions,
         isWalletConnectList: false,
-        lastUsedWalletKey: StorageService.getItem(LAST_USED_WALLET),
+        lastUsedWalletKey: (_a = StorageService.getItem(LAST_USED_WALLET)) !== null && _a !== void 0 ? _a : undefined,
         loginWithEmail: true,
         multiWallet,
         numberOfWalletsToShow: previewWalletsNumber,

package/src/lib/views/MfaChooseDeviceView/MfaChooseDeviceView.cjs

@@ -68,8 +68,8 @@ require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var Button = require('../../components/Button/Button.cjs');
 require('formik');
-require('../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
+require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/MfaChooseDeviceView/MfaChooseDeviceView.js

@@ -64,8 +64,8 @@ import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { Button } from '../../components/Button/Button.js';
 import 'formik';
-import '../../store/state/sendBalances.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
+import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';

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

@@ -67,8 +67,8 @@ require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
-require('../../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
+require('../../../store/state/sendBalances.cjs');
 require('../../../components/Input/Input.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');

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

@@ -63,8 +63,8 @@ import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
-import '../../../store/state/sendBalances.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
+import '../../../store/state/sendBalances.js';
 import '../../../components/Input/Input.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';

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

@@ -75,8 +75,8 @@ require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../../../components/ErrorContainer/ErrorContainer.cjs');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
-require('../../../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
+require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');

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

@@ -71,8 +71,8 @@ import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../../../components/ErrorContainer/ErrorContainer.js';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
 import 'formik';
-import '../../../../store/state/sendBalances.js';
 import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
+import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';

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

@@ -69,8 +69,8 @@ require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
-require('../../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
+require('../../../store/state/sendBalances.cjs');
 var Input = require('../../../components/Input/Input.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var PasskeyContext = require('../../../context/PasskeyContext/PasskeyContext.cjs');

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

@@ -65,8 +65,8 @@ import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
-import '../../../store/state/sendBalances.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
+import '../../../store/state/sendBalances.js';
 import { Input } from '../../../components/Input/Input.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { usePasskeyContext } from '../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/SendBalanceView/SendBalanceView.cjs

@@ -112,7 +112,6 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
     const { showFiat } = useInternalDynamicContext.useInternalDynamicContext();
     const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
     const { chain } = useFetchChain.useFetchChain(walletConnector);
-    const { chainName } = sendBalances.useSendBalanceState();
     const { tokenBalances: unorderedTokenBalances, isLoading } = useTokenBalances.useTokenBalances({
         chainName: (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'SOL'
             ? sdkApiCore.ChainEnum.Sol
@@ -193,7 +192,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         }
     });
     const networkCurrency = (currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol) || networkData.nativeCurrency.symbol;
-    const currencyIcon = chain && (jsxRuntime.jsx(ChainIcon.ChainIcon, { chain: chain, chainName: chainName }));
+    const currencyIcon = (chain === null || chain === void 0 ? void 0 : chain.name) && (jsxRuntime.jsx(ChainIcon.ChainIcon, { chain: chain, chainName: chain.name }));
     const buildFormStage = () => (jsxRuntime.jsx(SendBalancePageLayout.SendBalancePageLayout, { transaction: transaction, onClickBack: onClickBack, networkName: networkData.vanityName || networkData.name, networkIcon: currencyIcon, networkCurrencyDecimals: networkData.nativeCurrency.symbol === 'SOL'
             ? 9
             : networkData.nativeCurrency.decimals, walletAddress: shortenWalletAddress.shortenWalletAddress(currentToken === null || currentToken === void 0 ? void 0 : currentToken.address, 3, 3), walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key, onClickClose: onClickClose, displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, onSubmit: () => setStage('confirmation'), tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, isNativeToken: isNativeToken }));
@@ -209,7 +208,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         }), currentToken: currentToken, isNativeToken: isNativeToken, transactionValue: getTransactionValue(transaction, isNativeToken) }));
     const buildSuccessState = () => {
         var _a;
-        return (jsxRuntime.jsx(TransactionStatusLayout.TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: chainName || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken }));
+        return (jsxRuntime.jsx(TransactionStatusLayout.TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: networkData.name || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken }));
     };
     const getCurrentView = () => {
         switch (stage) {

package/src/lib/views/SendBalanceView/SendBalanceView.js

@@ -76,7 +76,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
-import { useSendBalanceState, setSendBalanceVariable, resetSendBalanceState } from '../../store/state/sendBalances.js';
+import { setSendBalanceVariable, resetSendBalanceState } from '../../store/state/sendBalances.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import { TransactionConfirmationView } from '../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
@@ -108,7 +108,6 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
     const { showFiat } = useInternalDynamicContext();
     const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
     const { chain } = useFetchChain(walletConnector);
-    const { chainName } = useSendBalanceState();
     const { tokenBalances: unorderedTokenBalances, isLoading } = useTokenBalances({
         chainName: (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'SOL'
             ? ChainEnum.Sol
@@ -189,7 +188,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         }
     });
     const networkCurrency = (currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol) || networkData.nativeCurrency.symbol;
-    const currencyIcon = chain && (jsx(ChainIcon, { chain: chain, chainName: chainName }));
+    const currencyIcon = (chain === null || chain === void 0 ? void 0 : chain.name) && (jsx(ChainIcon, { chain: chain, chainName: chain.name }));
     const buildFormStage = () => (jsx(SendBalancePageLayout, { transaction: transaction, onClickBack: onClickBack, networkName: networkData.vanityName || networkData.name, networkIcon: currencyIcon, networkCurrencyDecimals: networkData.nativeCurrency.symbol === 'SOL'
             ? 9
             : networkData.nativeCurrency.decimals, walletAddress: shortenWalletAddress(currentToken === null || currentToken === void 0 ? void 0 : currentToken.address, 3, 3), walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key, onClickClose: onClickClose, displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, onSubmit: () => setStage('confirmation'), tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, isNativeToken: isNativeToken }));
@@ -205,7 +204,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         }), currentToken: currentToken, isNativeToken: isNativeToken, transactionValue: getTransactionValue(transaction, isNativeToken) }));
     const buildSuccessState = () => {
         var _a;
-        return (jsx(TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: chainName || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken }));
+        return (jsx(TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: networkData.name || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken }));
     };
     const getCurrentView = () => {
         switch (stage) {