@dynamic-labs/sdk-react-core 4.65.0 → 4.67.0

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

@@ -160,7 +160,9 @@ const useWalletCreation = () => {
         try {
             // If passcodeRequired is enabled, prompt user to set up password first
             const password = yield setupPassword();
-            yield createWalletAccount(requirements, password);
+            yield createWalletAccount(requirements, password, undefined, {
+                skipCloseAuthFlow: Boolean(password),
+            });
             const duration = Date.now() - startTime;
             // Log successful wallet creation to DataDog
             logger.logger.instrument('Auto wallet creation successful', {

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

@@ -156,7 +156,9 @@ const useWalletCreation = () => {
         try {
             // If passcodeRequired is enabled, prompt user to set up password first
             const password = yield setupPassword();
-            yield createWalletAccount(requirements, password);
+            yield createWalletAccount(requirements, password, undefined, {
+                skipCloseAuthFlow: Boolean(password),
+            });
             const duration = Date.now() - startTime;
             // Log successful wallet creation to DataDog
             logger.instrument('Auto wallet creation successful', {

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

@@ -50,9 +50,10 @@ const useWalletConnectorNetwork = (walletConnector, { onChange } = { onChange: (
         },
     });
     useWalletConnectorEvent.useWalletConnectorEvent(walletConnector || undefined, 'chainChange', ({ chain }) => {
-        // STARK and STELLAR use string chainIds; others use numeric
+        // STARK, STELLAR and ALEO use string chainIds; others use numeric
         const useChainAsString = (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'STARK' ||
-            (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'STELLAR';
+            (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'STELLAR' ||
+            (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'ALEO';
         const parsedChain = useChainAsString ? chain : parseInt(chain);
         setNetwork(parsedChain);
         onChange === null || onChange === void 0 ? void 0 : onChange(parsedChain);

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

@@ -46,9 +46,10 @@ const useWalletConnectorNetwork = (walletConnector, { onChange } = { onChange: (
         },
     });
     useWalletConnectorEvent(walletConnector || undefined, 'chainChange', ({ chain }) => {
-        // STARK and STELLAR use string chainIds; others use numeric
+        // STARK, STELLAR and ALEO use string chainIds; others use numeric
         const useChainAsString = (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'STARK' ||
-            (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'STELLAR';
+            (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'STELLAR' ||
+            (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'ALEO';
         const parsedChain = useChainAsString ? chain : parseInt(chain);
         setNetwork(parsedChain);
         onChange === null || onChange === void 0 ? void 0 : onChange(parsedChain);

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

@@ -18,6 +18,7 @@ require('../../constants/values.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../shared/consts/index.cjs');
 var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
+var useRefreshUser = require('../useRefreshUser/useRefreshUser.cjs');
 
 const INITIAL_STATE = {
     error: null,
@@ -26,6 +27,7 @@ const INITIAL_STATE = {
 };
 const useWalletPassword = () => {
     const { getWaasWalletConnector } = useDynamicWaas.useDynamicWaas();
+    const refreshUser = useRefreshUser.useRefreshUser();
     const [state, setState] = React.useState(INITIAL_STATE);
     const resetState = React.useCallback(() => {
         setState(INITIAL_STATE);
@@ -46,6 +48,16 @@ const useWalletPassword = () => {
                 newPassword,
             });
             setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: false })));
+            try {
+                yield refreshUser();
+            }
+            catch (refreshError) {
+                logger.logger.warn('Failed to refresh user after setting password', {
+                    accountAddress,
+                    chainName,
+                    refreshError,
+                });
+            }
             return true;
         }
         catch (error) {
@@ -58,7 +70,7 @@ const useWalletPassword = () => {
             });
             return false;
         }
-    }), [getWaasWalletConnector]);
+    }), [getWaasWalletConnector, refreshUser]);
     const updatePassword = React.useCallback((params) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const { accountAddress, chainName, newPassword, existingPassword } = params;
         setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: true })));
@@ -76,6 +88,16 @@ const useWalletPassword = () => {
                 newPassword,
             });
             setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: false })));
+            try {
+                yield refreshUser();
+            }
+            catch (refreshError) {
+                logger.logger.warn('Failed to refresh user after updating password', {
+                    accountAddress,
+                    chainName,
+                    refreshError,
+                });
+            }
             return true;
         }
         catch (error) {
@@ -88,7 +110,7 @@ const useWalletPassword = () => {
             });
             return false;
         }
-    }), [getWaasWalletConnector]);
+    }), [getWaasWalletConnector, refreshUser]);
     const unlockWallet = React.useCallback((params) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const { accountAddress, chainName, password } = params;
         setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: true })));

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

@@ -14,6 +14,7 @@ import '../../constants/values.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../shared/consts/index.js';
 import { useDynamicWaas } from '../useDynamicWaas/useDynamicWaas.js';
+import { useRefreshUser } from '../useRefreshUser/useRefreshUser.js';
 
 const INITIAL_STATE = {
     error: null,
@@ -22,6 +23,7 @@ const INITIAL_STATE = {
 };
 const useWalletPassword = () => {
     const { getWaasWalletConnector } = useDynamicWaas();
+    const refreshUser = useRefreshUser();
     const [state, setState] = useState(INITIAL_STATE);
     const resetState = useCallback(() => {
         setState(INITIAL_STATE);
@@ -42,6 +44,16 @@ const useWalletPassword = () => {
                 newPassword,
             });
             setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: false })));
+            try {
+                yield refreshUser();
+            }
+            catch (refreshError) {
+                logger.warn('Failed to refresh user after setting password', {
+                    accountAddress,
+                    chainName,
+                    refreshError,
+                });
+            }
             return true;
         }
         catch (error) {
@@ -54,7 +66,7 @@ const useWalletPassword = () => {
             });
             return false;
         }
-    }), [getWaasWalletConnector]);
+    }), [getWaasWalletConnector, refreshUser]);
     const updatePassword = useCallback((params) => __awaiter(void 0, void 0, void 0, function* () {
         const { accountAddress, chainName, newPassword, existingPassword } = params;
         setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: true })));
@@ -72,6 +84,16 @@ const useWalletPassword = () => {
                 newPassword,
             });
             setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: false })));
+            try {
+                yield refreshUser();
+            }
+            catch (refreshError) {
+                logger.warn('Failed to refresh user after updating password', {
+                    accountAddress,
+                    chainName,
+                    refreshError,
+                });
+            }
             return true;
         }
         catch (error) {
@@ -84,7 +106,7 @@ const useWalletPassword = () => {
             });
             return false;
         }
-    }), [getWaasWalletConnector]);
+    }), [getWaasWalletConnector, refreshUser]);
     const unlockWallet = useCallback((params) => __awaiter(void 0, void 0, void 0, function* () {
         const { accountAddress, chainName, password } = params;
         setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: true })));

package/src/lib/views/CollectUserDataView/UserDataFields/UserPhoneField/UserPhoneField.cjs

@@ -114,18 +114,22 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 const UserPhoneField = ({ onChange, value: phone, onBlur, disabled, label, required, error, name, verify, }) => {
     const { selectedPhoneCountry } = FieldsStateContext.useFieldsState();
     const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
+    const initialPhoneRef = React.useRef(phone);
+    const onChangeRef = React.useRef(onChange);
+    const nameRef = React.useRef(name);
+    onChangeRef.current = onChange;
+    nameRef.current = name;
     const handleUpdate = React.useCallback(({ country, phone: newPhone }) => {
         selectedPhoneCountry.current = country;
-        if (newPhone !== phone)
-            onChange({
-                target: { name, value: newPhone },
-            });
-    }, [onChange, phone, name, selectedPhoneCountry]);
+        onChangeRef.current({
+            target: { name: nameRef.current, value: newPhone },
+        });
+    }, [selectedPhoneCountry]);
     const countries = React.useMemo(() => {
         const enabledCountries = getSupportedCountriesForVerificationFromProjectSettings.getSupportedCountriesForVerificationFromProjectSettings(projectSettings);
         return getCustomCountries.getCustomCountries(verify ? getDefaultCountriesIfEmpty.getDefaultCountriesIfEmpty(enabledCountries) : undefined);
     }, [verify, projectSettings]);
-    return (jsxRuntime.jsx(PhoneNumberField.PhoneNumberField, { countries: countries, initialPhone: phone, disabled: disabled, onUpdate: handleUpdate, onBlur: onBlur, label: label, appendRight: !disabled && !required ? (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', className: 'user-phone-field__optional-label', children: "Optional" })) : undefined, error: error }));
+    return (jsxRuntime.jsx(PhoneNumberField.PhoneNumberField, { countries: countries, initialPhone: initialPhoneRef.current, disabled: disabled, onUpdate: handleUpdate, onBlur: onBlur, label: label, appendRight: !disabled && !required ? (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', className: 'user-phone-field__optional-label', children: "Optional" })) : undefined, error: error }));
 };
 
 exports.UserPhoneField = UserPhoneField;

package/src/lib/views/CollectUserDataView/UserDataFields/UserPhoneField/UserPhoneField.js

@@ -1,6 +1,6 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
-import { useCallback, useMemo } from 'react';
+import { useRef, useCallback, useMemo } from 'react';
 import '@dynamic-labs/utils';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import 'react-i18next';
@@ -110,18 +110,22 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 const UserPhoneField = ({ onChange, value: phone, onBlur, disabled, label, required, error, name, verify, }) => {
     const { selectedPhoneCountry } = useFieldsState();
     const { projectSettings } = useInternalDynamicContext();
+    const initialPhoneRef = useRef(phone);
+    const onChangeRef = useRef(onChange);
+    const nameRef = useRef(name);
+    onChangeRef.current = onChange;
+    nameRef.current = name;
     const handleUpdate = useCallback(({ country, phone: newPhone }) => {
         selectedPhoneCountry.current = country;
-        if (newPhone !== phone)
-            onChange({
-                target: { name, value: newPhone },
-            });
-    }, [onChange, phone, name, selectedPhoneCountry]);
+        onChangeRef.current({
+            target: { name: nameRef.current, value: newPhone },
+        });
+    }, [selectedPhoneCountry]);
     const countries = useMemo(() => {
         const enabledCountries = getSupportedCountriesForVerificationFromProjectSettings(projectSettings);
         return getCustomCountries(verify ? getDefaultCountriesIfEmpty(enabledCountries) : undefined);
     }, [verify, projectSettings]);
-    return (jsx(PhoneNumberField, { countries: countries, initialPhone: phone, disabled: disabled, onUpdate: handleUpdate, onBlur: onBlur, label: label, appendRight: !disabled && !required ? (jsx(Typography, { variant: 'body_small', color: 'secondary', className: 'user-phone-field__optional-label', children: "Optional" })) : undefined, error: error }));
+    return (jsx(PhoneNumberField, { countries: countries, initialPhone: initialPhoneRef.current, disabled: disabled, onUpdate: handleUpdate, onBlur: onBlur, label: label, appendRight: !disabled && !required ? (jsx(Typography, { variant: 'body_small', color: 'secondary', className: 'user-phone-field__optional-label', children: "Optional" })) : undefined, error: error }));
 };
 
 export { UserPhoneField };

package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.cjs

@@ -124,8 +124,8 @@ const MfaDisplayBackupCodesView = ({ regenerateCodes = false, }) => {
     const { data: codes, isLoading } = usePromise.usePromise(() => getRecoveryCodes(regenerateCodes));
     const codesAsString = (codes || []).join('\n');
     const handleCompleteAcknowledgement = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        setShowAuthFlow(false);
         yield completeAcknowledgement();
+        setShowAuthFlow(false);
     });
     const handleDownload = (e) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         e.preventDefault();

package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.js

@@ -120,8 +120,8 @@ const MfaDisplayBackupCodesView = ({ regenerateCodes = false, }) => {
     const { data: codes, isLoading } = usePromise(() => getRecoveryCodes(regenerateCodes));
     const codesAsString = (codes || []).join('\n');
     const handleCompleteAcknowledgement = () => __awaiter(void 0, void 0, void 0, function* () {
-        setShowAuthFlow(false);
         yield completeAcknowledgement();
+        setShowAuthFlow(false);
     });
     const handleDownload = (e) => __awaiter(void 0, void 0, void 0, function* () {
         e.preventDefault();

package/src/lib/views/ResetPasswordForSettingsView/ResetPasswordForSettingsView.cjs

@@ -3,7 +3,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 require('../../context/DynamicContext/DynamicContext.cjs');
@@ -11,7 +10,7 @@ require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
-var logger = require('../../shared/logger.cjs');
+require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
@@ -19,6 +18,7 @@ require('../../utils/constants/values.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/consts/index.cjs');
 require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -42,7 +42,6 @@ require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
-var useSmartWallets = require('../../utils/hooks/useSmartWallets/useSmartWallets.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('bs58');
 require('@dynamic-labs/types');
@@ -92,7 +91,6 @@ require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
-var useWalletPassword = require('../../utils/hooks/useWalletPassword/useWalletPassword.cjs');
 var ResetPasswordView = require('../../widgets/DynamicWidget/views/ResetPasswordView/ResetPasswordView.cjs');
 require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../store/state/sendBalances.cjs');
@@ -110,24 +108,10 @@ require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 const ResetPasswordForSettingsView = () => {
-    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
-    const { getEOAWallet } = useSmartWallets.useSmartWallets();
-    const { updatePassword } = useWalletPassword.useWalletPassword();
-    const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
-    const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
-    const handleComplete = React.useCallback((oldPassword, newPassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if (!(wallet === null || wallet === void 0 ? void 0 : wallet.address) || !(wallet === null || wallet === void 0 ? void 0 : wallet.chain)) {
-            logger.logger.error('No wallet address or chain available for password reset');
-            return;
-        }
-        yield updatePassword({
-            accountAddress: wallet.address,
-            chainName: wallet.chain,
-            existingPassword: oldPassword,
-            newPassword,
-        });
+    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const handleComplete = React.useCallback(() => {
         setShowAuthFlow(false);
-    }), [wallet, updatePassword, setShowAuthFlow]);
+    }, [setShowAuthFlow]);
     return jsxRuntime.jsx(ResetPasswordView.ResetPasswordView, { onComplete: handleComplete });
 };
 

package/src/lib/views/ResetPasswordForSettingsView/ResetPasswordForSettingsView.js

@@ -1,5 +1,4 @@
 'use client'
-import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import '../../context/DynamicContext/DynamicContext.js';
@@ -7,7 +6,7 @@ import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
-import { logger } from '../../shared/logger.js';
+import '../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
@@ -15,6 +14,7 @@ import '../../utils/constants/values.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/consts/index.js';
 import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -38,7 +38,6 @@ import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
 import '../../context/ThemeContext/ThemeContext.js';
-import { useSmartWallets } from '../../utils/hooks/useSmartWallets/useSmartWallets.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import 'bs58';
 import '@dynamic-labs/types';
@@ -88,7 +87,6 @@ import '../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
-import { useWalletPassword } from '../../utils/hooks/useWalletPassword/useWalletPassword.js';
 import { ResetPasswordView } from '../../widgets/DynamicWidget/views/ResetPasswordView/ResetPasswordView.js';
 import '../../context/OnrampContext/OnrampContext.js';
 import '../../store/state/sendBalances.js';
@@ -106,24 +104,10 @@ import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const ResetPasswordForSettingsView = () => {
-    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
-    const { getEOAWallet } = useSmartWallets();
-    const { updatePassword } = useWalletPassword();
-    const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
-    const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
-    const handleComplete = useCallback((oldPassword, newPassword) => __awaiter(void 0, void 0, void 0, function* () {
-        if (!(wallet === null || wallet === void 0 ? void 0 : wallet.address) || !(wallet === null || wallet === void 0 ? void 0 : wallet.chain)) {
-            logger.error('No wallet address or chain available for password reset');
-            return;
-        }
-        yield updatePassword({
-            accountAddress: wallet.address,
-            chainName: wallet.chain,
-            existingPassword: oldPassword,
-            newPassword,
-        });
+    const { setShowAuthFlow } = useInternalDynamicContext();
+    const handleComplete = useCallback(() => {
         setShowAuthFlow(false);
-    }), [wallet, updatePassword, setShowAuthFlow]);
+    }, [setShowAuthFlow]);
     return jsx(ResetPasswordView, { onComplete: handleComplete });
 };
 

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

@@ -128,6 +128,7 @@ const getTransactionValue = (transaction, isNativeToken) => {
 };
 const getSupportedChainName = (connectedChain) => {
     const supportedChains = {
+        ALEO: sdkApiCore.ChainEnum.Aleo,
         APTOS: sdkApiCore.ChainEnum.Aptos,
         BTC: sdkApiCore.ChainEnum.Btc,
         EVM: sdkApiCore.ChainEnum.Evm,

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

@@ -124,6 +124,7 @@ const getTransactionValue = (transaction, isNativeToken) => {
 };
 const getSupportedChainName = (connectedChain) => {
     const supportedChains = {
+        ALEO: ChainEnum.Aleo,
         APTOS: ChainEnum.Aptos,
         BTC: ChainEnum.Btc,
         EVM: ChainEnum.Evm,

package/src/lib/views/SetupPasswordForWalletCreationView/SetupPasswordForWalletCreationView.cjs

@@ -115,9 +115,17 @@ const SetupPasswordForWalletCreationView = () => {
     }, [setShowAuthFlow]);
     const handleComplete = React.useCallback((password) => {
         dynamicEvents.dynamicEvents.emit('embeddedWalletPasswordSetupCompleted', password);
+        // Return a Promise that resolves when embeddedWalletCreated fires.
+        // This keeps the knowledge check screen in loading state while wallet creation
+        // is in progress, then transitions to the done screen on success.
+        return new Promise((resolve) => {
+            dynamicEvents.dynamicEvents.once('embeddedWalletCreated', () => resolve());
+        });
+    }, []);
+    const handleDone = React.useCallback(() => {
         setShowAuthFlow(false);
     }, [setShowAuthFlow]);
-    return (jsxRuntime.jsx(SetupPasswordView.SetupPasswordView, { onComplete: handleComplete, onCancel: handleCancel }));
+    return (jsxRuntime.jsx(SetupPasswordView.SetupPasswordView, { onComplete: handleComplete, onCancel: handleCancel, onDone: handleDone }));
 };
 
 exports.SetupPasswordForWalletCreationView = SetupPasswordForWalletCreationView;

package/src/lib/views/SetupPasswordForWalletCreationView/SetupPasswordForWalletCreationView.js

@@ -111,9 +111,17 @@ const SetupPasswordForWalletCreationView = () => {
     }, [setShowAuthFlow]);
     const handleComplete = useCallback((password) => {
         dynamicEvents.emit('embeddedWalletPasswordSetupCompleted', password);
+        // Return a Promise that resolves when embeddedWalletCreated fires.
+        // This keeps the knowledge check screen in loading state while wallet creation
+        // is in progress, then transitions to the done screen on success.
+        return new Promise((resolve) => {
+            dynamicEvents.once('embeddedWalletCreated', () => resolve());
+        });
+    }, []);
+    const handleDone = useCallback(() => {
         setShowAuthFlow(false);
     }, [setShowAuthFlow]);
-    return (jsx(SetupPasswordView, { onComplete: handleComplete, onCancel: handleCancel }));
+    return (jsx(SetupPasswordView, { onComplete: handleComplete, onCancel: handleCancel, onDone: handleDone }));
 };
 
 export { SetupPasswordForWalletCreationView };

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.cjs

@@ -151,6 +151,8 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         status: SimulationStatus.LOADING,
     });
     const [recipient, setRecipient] = React.useState(undefined);
+    // Pre-submit validation error (e.g., Stellar account activation requirements)
+    const [preSubmitValidationError, setPreSubmitValidationError] = React.useState(undefined);
     const isFetchingSimulationRef = React.useRef(false);
     const fetchSimulationResult = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _d, _e, _f, _g, _h, _j, _k;
@@ -278,6 +280,18 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         }
         fetchSimulationResult();
     }, [fetchSimulationResult, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, simulationState.status]);
+    // Check destination account for chains that require it (e.g., Stellar)
+    React.useEffect(() => {
+        const checkDestination = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            if (transaction.checkDestinationAccount) {
+                yield transaction.checkDestinationAccount();
+                const error = (_a = transaction.getPreSubmitValidationError) === null || _a === void 0 ? void 0 : _a.call(transaction);
+                setPreSubmitValidationError(error);
+            }
+        });
+        checkDestination();
+    }, [transaction]);
     /**
      * Update transaction fee and trigger a react update
      * to reflect the new fee on the UI
@@ -348,6 +362,10 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
     const alert = React.useMemo(() => {
         if (errorMessage)
             return null;
+        // Check for pre-submit validation errors (e.g., Stellar account activation)
+        if (preSubmitValidationError) {
+            return (jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'error', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'current-color', "data-testid": 'presubmit_error_content', children: preSubmitValidationError }) }));
+        }
         // Check for gas sponsorship errors
         if (utils.TransactionGasCannotBeSponsoredError.isInstance(transactionError)) {
             return (jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'error', copykey: 'dyn_send_transaction.error_message.gas_not_sponsored', children: t('dyn_send_transaction.error_message.gas_not_sponsored') }));
@@ -389,6 +407,7 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         transaction,
         isGasSponsored,
         hasInsufficientFunds,
+        preSubmitValidationError,
         t,
         currency === null || currency === void 0 ? void 0 : currency.symbol,
     ]);
@@ -413,7 +432,7 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
             alert,
             copykey,
             currentToken,
-            disableSendButton: isBalanceLoading,
+            disableSendButton: isBalanceLoading || Boolean(preSubmitValidationError),
             displayPoweredByDynamicFooter,
             error: errorMessage,
             fetchTransactionFee,
@@ -462,6 +481,7 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         simulationState.result,
         sendBalanceTransaction,
         fetchTransactionFee,
+        preSubmitValidationError,
     ]);
     return simulationState.status === SimulationStatus.LOADING ? null : (jsxRuntime.jsx(TransactionConfirmationPageLayout.TransactionConfirmationPageLayout, Object.assign({}, layoutProps)));
 };

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.js

@@ -143,6 +143,8 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         status: SimulationStatus.LOADING,
     });
     const [recipient, setRecipient] = useState(undefined);
+    // Pre-submit validation error (e.g., Stellar account activation requirements)
+    const [preSubmitValidationError, setPreSubmitValidationError] = useState(undefined);
     const isFetchingSimulationRef = useRef(false);
     const fetchSimulationResult = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         var _d, _e, _f, _g, _h, _j, _k;
@@ -270,6 +272,18 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         }
         fetchSimulationResult();
     }, [fetchSimulationResult, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, simulationState.status]);
+    // Check destination account for chains that require it (e.g., Stellar)
+    useEffect(() => {
+        const checkDestination = () => __awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            if (transaction.checkDestinationAccount) {
+                yield transaction.checkDestinationAccount();
+                const error = (_a = transaction.getPreSubmitValidationError) === null || _a === void 0 ? void 0 : _a.call(transaction);
+                setPreSubmitValidationError(error);
+            }
+        });
+        checkDestination();
+    }, [transaction]);
     /**
      * Update transaction fee and trigger a react update
      * to reflect the new fee on the UI
@@ -340,6 +354,10 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
     const alert = useMemo(() => {
         if (errorMessage)
             return null;
+        // Check for pre-submit validation errors (e.g., Stellar account activation)
+        if (preSubmitValidationError) {
+            return (jsx(Alert, { icon: 'error', variant: 'error', children: jsx(Typography, { variant: 'body_small', color: 'current-color', "data-testid": 'presubmit_error_content', children: preSubmitValidationError }) }));
+        }
         // Check for gas sponsorship errors
         if (TransactionGasCannotBeSponsoredError.isInstance(transactionError)) {
             return (jsx(Alert, { icon: 'error', variant: 'error', copykey: 'dyn_send_transaction.error_message.gas_not_sponsored', children: t('dyn_send_transaction.error_message.gas_not_sponsored') }));
@@ -381,6 +399,7 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         transaction,
         isGasSponsored,
         hasInsufficientFunds,
+        preSubmitValidationError,
         t,
         currency === null || currency === void 0 ? void 0 : currency.symbol,
     ]);
@@ -405,7 +424,7 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
             alert,
             copykey,
             currentToken,
-            disableSendButton: isBalanceLoading,
+            disableSendButton: isBalanceLoading || Boolean(preSubmitValidationError),
             displayPoweredByDynamicFooter,
             error: errorMessage,
             fetchTransactionFee,
@@ -454,6 +473,7 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         simulationState.result,
         sendBalanceTransaction,
         fetchTransactionFee,
+        preSubmitValidationError,
     ]);
     return simulationState.status === SimulationStatus.LOADING ? null : (jsx(TransactionConfirmationPageLayout, Object.assign({}, layoutProps)));
 };

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

@@ -23,6 +23,7 @@ require('../../shared/consts/index.cjs');
  * getChainInfo differs from the one used in the wallet connectors
  */
 const chainInfoOverrides = {
+    aleo: 'ALEO',
     starknet: 'STARK',
     stellar: 'STELLAR',
 };

package/src/lib/views/WalletList/data.d.ts

@@ -4,7 +4,7 @@ interface IChain {
     enabled: boolean;
     name: string;
 }
-export declare const getEnabledChains: (chains: IChain[]) => ("STARK" | "STELLAR" | "ALGO" | "APTOS" | "ATOM" | "BTC" | "COSMOS" | "ECLIPSE" | "ETH" | "EVM" | "FLOW" | "SOL" | "SPARK" | "SUI" | "TRON" | "TON")[];
+export declare const getEnabledChains: (chains: IChain[]) => ("ALEO" | "STARK" | "STELLAR" | "ALGO" | "APTOS" | "ATOM" | "BTC" | "COSMOS" | "ECLIPSE" | "ETH" | "EVM" | "FLOW" | "SOL" | "SPARK" | "SUI" | "TRON" | "TON")[];
 type BaseGetSupportedWalletOpts = Omit<GetSupportedWalletsOpts, 'walletConnectProjectId' | 'chainRpcProviders'>;
 export declare const getWallets: (props: {
     getSupportedWalletOpts: BaseGetSupportedWalletOpts;

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

@@ -19,6 +19,7 @@ import '../../shared/consts/index.js';
  * getChainInfo differs from the one used in the wallet connectors
  */
 const chainInfoOverrides = {
+    aleo: 'ALEO',
     starknet: 'STARK',
     stellar: 'STELLAR',
 };