@dynamic-labs/sdk-react-core 4.66.0 → 4.67.1

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.js

@@ -241,15 +241,16 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
         }
         return baseClass;
     };
-    const contentHeader = (jsxs("div", { children: [primaryWallet &&
-                isSmartWallet(primaryWallet) &&
-                !isLoading &&
-                data &&
-                !error && (jsxs("div", { className: 'embedded-reveal-view__zerodev-warning', children: [jsxs("div", { className: 'embedded-reveal-view__zerodev-warning__title-row', children: [jsx(SvgInfo, { className: 'embedded-reveal-view__zerodev-warning__icon' }), jsx(Typography, { variant: 'body_normal', weight: 'bold', copykey: 'dyn_embedded_reveal.aa_warning.title', children: t('dyn_embedded_reveal.aa_warning.title') })] }), jsxs(Typography, { variant: 'body_normal', weight: 'regular', copykey: 'dyn_embedded_reveal.aa_warning.subtitle', children: [t('dyn_embedded_reveal.aa_warning.subtitle'), jsx("button", { onClick: () => {
-                                    setShowAuthFlow(false);
-                                    setDynamicWidgetView('send-balance');
-                                }, className: 'embedded-reveal-view__zerodev-warning__link-button', children: jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'primary', className: 'underline', copykey: 'dyn_embedded_reveal.aa_warning.button', children: t('dyn_embedded_reveal.aa_warning.button') }) })] })] })), jsx("div", { className: 'embedded-reveal-view__body__description', children: !hasInjectedCredential && (jsx("div", { className: 'embedded-reveal-view__header', children: jsx("div", { className: 'embedded-reveal-view__header__hero', children: jsx(SvgExportEmbeddedHero, {}) }) })) })] }));
-    return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: isPromptForExport ? null : closeButton, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: title }) }), jsx("div", { className: 'embedded-reveal-view', children: jsxs("div", { className: getBodyClassName(), children: [(!isWaasWallet ||
+    const isEip7702SmartWallet = Boolean(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id.endsWith('-zerodev'));
+    const isErc4337SmartWallet = Boolean(primaryWallet && isSmartWallet(primaryWallet)) &&
+        !isEip7702SmartWallet;
+    const shouldShowAaWarning = isErc4337SmartWallet && !isLoading && Boolean(data) && !error;
+    const aaWarning = shouldShowAaWarning && (jsxs("div", { className: 'embedded-reveal-view__zerodev-warning', children: [jsxs("div", { className: 'embedded-reveal-view__zerodev-warning__title-row', children: [jsx(SvgInfo, { className: 'embedded-reveal-view__zerodev-warning__icon' }), jsx(Typography, { variant: 'body_normal', weight: 'bold', copykey: 'dyn_embedded_reveal.aa_warning.title', children: t('dyn_embedded_reveal.aa_warning.title') })] }), jsxs(Typography, { variant: 'body_normal', weight: 'regular', copykey: 'dyn_embedded_reveal.aa_warning.subtitle', children: [t('dyn_embedded_reveal.aa_warning.subtitle'), jsx("button", { onClick: () => {
+                            setShowAuthFlow(false);
+                            setDynamicWidgetView('send-balance');
+                        }, className: 'embedded-reveal-view__zerodev-warning__link-button', children: jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'primary', className: 'underline', copykey: 'dyn_embedded_reveal.aa_warning.button', children: t('dyn_embedded_reveal.aa_warning.button') }) })] })] }));
+    const contentHeader = (jsx("div", { children: jsx("div", { className: 'embedded-reveal-view__body__description', children: !hasInjectedCredential && (jsx("div", { className: 'embedded-reveal-view__header', children: jsx("div", { className: 'embedded-reveal-view__header__hero', children: jsx(SvgExportEmbeddedHero, {}) }) })) }) }));
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: isPromptForExport ? null : closeButton, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: title }) }), jsx("div", { className: 'embedded-reveal-view', children: jsxs("div", { className: getBodyClassName(), children: [aaWarning, (!isWaasWallet ||
                             !hasInjectedCredential ||
                             title !== credentialTitle) &&
                             contentHeader, (isTurnkeyWallet || isWaasWallet) && (jsx(EmbeddedWalletExport, { wallet: wallet, isTurnkeyWallet: isTurnkeyWallet, isWaasWallet: isWaasWallet, data: data, onIframeContainerRef: setIframeContainerRef, isVisible: !title.includes('Agree') })), hasInjectedCredential ? (jsxs(Fragment, { children: [jsx(TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', onClick: () => {

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

@@ -115,7 +115,7 @@ require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 
-const MfaChooseDeviceView = ({ isInitialSetup = true, createMfaToken = false, }) => {
+const MfaChooseDeviceView = ({ isInitialSetup = true, createMfaToken = false, requestedScopes, }) => {
     const { handleLogOut } = useDynamicContext.useDynamicContext();
     const { t } = reactI18next.useTranslation();
     const { pushView } = ViewContext.useViewContext();
@@ -139,14 +139,14 @@ const MfaChooseDeviceView = ({ isInitialSetup = true, createMfaToken = false, })
                 singleUse: true,
             }
             : undefined;
-        // we're calling authenticatePasskeyMFA here because we don't want
-        // it to be called twice by the usePromise in the confirmPasskey view
         const authenticatePasskeyPromise = authenticatePasskeyMFA({
             createMfaToken: createMfaTokenOptions,
+            requestedScopes,
         });
         pushView('passkey-confirm', {
             authenticatePasskeyPromise,
             createMfaToken,
+            requestedScopes,
         });
     };
     const handleTotpClick = () => {
@@ -160,6 +160,7 @@ const MfaChooseDeviceView = ({ isInitialSetup = true, createMfaToken = false, })
         pushView('mfa-verification', {
             createMfaToken,
             isInitialSetup,
+            requestedScopes,
             showBackButton: true,
             type: sdkApiCore.MFADeviceType.Totp,
         });

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

@@ -1,6 +1,8 @@
 import { FC } from 'react';
+import type { TokenScope } from '@dynamic-labs/sdk-api-core';
 export type MfaChooseDeviceViewProps = {
     isInitialSetup?: boolean;
     createMfaToken?: boolean;
+    requestedScopes?: TokenScope[];
 };
 export declare const MfaChooseDeviceView: FC<MfaChooseDeviceViewProps>;

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

@@ -111,7 +111,7 @@ import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 
-const MfaChooseDeviceView = ({ isInitialSetup = true, createMfaToken = false, }) => {
+const MfaChooseDeviceView = ({ isInitialSetup = true, createMfaToken = false, requestedScopes, }) => {
     const { handleLogOut } = useDynamicContext();
     const { t } = useTranslation();
     const { pushView } = useViewContext();
@@ -135,14 +135,14 @@ const MfaChooseDeviceView = ({ isInitialSetup = true, createMfaToken = false, })
                 singleUse: true,
             }
             : undefined;
-        // we're calling authenticatePasskeyMFA here because we don't want
-        // it to be called twice by the usePromise in the confirmPasskey view
         const authenticatePasskeyPromise = authenticatePasskeyMFA({
             createMfaToken: createMfaTokenOptions,
+            requestedScopes,
         });
         pushView('passkey-confirm', {
             authenticatePasskeyPromise,
             createMfaToken,
+            requestedScopes,
         });
     };
     const handleTotpClick = () => {
@@ -156,6 +156,7 @@ const MfaChooseDeviceView = ({ isInitialSetup = true, createMfaToken = false, })
         pushView('mfa-verification', {
             createMfaToken,
             isInitialSetup,
+            requestedScopes,
             showBackButton: true,
             type: MFADeviceType.Totp,
         });

package/src/lib/views/MfaVerificationView/MfaVerificationView.cjs

@@ -112,7 +112,7 @@ require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 
-const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, createMfaToken = false, deviceId, }) => {
+const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, createMfaToken = false, deviceId, requestedScopes, }) => {
     const { t } = reactI18next.useTranslation();
     const { handleLogOut } = useDynamicContext.useDynamicContext();
     const { clearStackAndPush, pushView, goBack, canGoBack } = ViewContext.useViewContext();
@@ -130,6 +130,7 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
             code,
             createMfaToken: createMfaTokenOptions,
             deviceId,
+            requestedScopes,
             type,
         });
     }, {
@@ -164,6 +165,7 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(OTPVerificationView.OTPVerificationView, { MainIcon: passwordHero.ReactComponent, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: Boolean(mfaToken), onPinChange: onCodeChange, description: t('dyn_mfa.otp_verification_view.body'), onClickBack: onClickBack, disabled: isRateLimited }), !isInitialSetup && (jsxRuntime.jsxs("div", { className: 'mfa-verification-view__choose-another-method', children: [jsxRuntime.jsx(TextButton.TextButton, { className: 'mfa-verification-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', {
                             createMfaToken,
                             isInitialSetup,
+                            requestedScopes,
                         }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }), jsxRuntime.jsx(TextButton.TextButton, { onClick: handleLogOut, copykey: 'dyn_mfa.otp_verification_view.logout', children: t('dyn_mfa.otp_verification_view.logout') })] }))] }));
 };
 

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

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-import { MFADeviceType } from '@dynamic-labs/sdk-api-core';
+import { MFADeviceType, TokenScope } from '@dynamic-labs/sdk-api-core';
 export type MfaVerificationViewProps = {
     deviceId?: string;
     type?: MFADeviceType;
     isInitialSetup?: boolean;
     showBackButton?: boolean;
     createMfaToken?: boolean;
+    requestedScopes?: TokenScope[];
 };
-export declare const MfaVerificationView: ({ type, isInitialSetup, showBackButton, createMfaToken, deviceId, }: MfaVerificationViewProps) => JSX.Element;
+export declare const MfaVerificationView: ({ type, isInitialSetup, showBackButton, createMfaToken, deviceId, requestedScopes, }: MfaVerificationViewProps) => JSX.Element;

package/src/lib/views/MfaVerificationView/MfaVerificationView.js

@@ -108,7 +108,7 @@ import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 
-const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, createMfaToken = false, deviceId, }) => {
+const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, createMfaToken = false, deviceId, requestedScopes, }) => {
     const { t } = useTranslation();
     const { handleLogOut } = useDynamicContext();
     const { clearStackAndPush, pushView, goBack, canGoBack } = useViewContext();
@@ -126,6 +126,7 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
             code,
             createMfaToken: createMfaTokenOptions,
             deviceId,
+            requestedScopes,
             type,
         });
     }, {
@@ -160,6 +161,7 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
     return (jsxs(Fragment, { children: [jsx(OTPVerificationView, { MainIcon: SvgPasswordHero, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: Boolean(mfaToken), onPinChange: onCodeChange, description: t('dyn_mfa.otp_verification_view.body'), onClickBack: onClickBack, disabled: isRateLimited }), !isInitialSetup && (jsxs("div", { className: 'mfa-verification-view__choose-another-method', children: [jsx(TextButton, { className: 'mfa-verification-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', {
                             createMfaToken,
                             isInitialSetup,
+                            requestedScopes,
                         }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }), jsx(TextButton, { onClick: handleLogOut, copykey: 'dyn_mfa.otp_verification_view.logout', children: t('dyn_mfa.otp_verification_view.logout') })] }))] }));
 };
 

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

@@ -115,7 +115,7 @@ require('../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 
-const ConfirmPasskeyView = ({ createMfaToken = false, authenticatePasskeyPromise, }) => {
+const ConfirmPasskeyView = ({ createMfaToken = false, authenticatePasskeyPromise, requestedScopes, }) => {
     const { t } = reactI18next.useTranslation();
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { pushView } = ViewContext.useViewContext();
@@ -129,6 +129,7 @@ const ConfirmPasskeyView = ({ createMfaToken = false, authenticatePasskeyPromise
     return (jsxRuntime.jsxs("div", { className: classNames.classNames('confirm-passkey-view'), children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'confirm-passkey-view__header', children: jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'confirm-passkey-view__title', copykey: 'dyn_mfa.confirm_passkey_view.title', children: t('dyn_mfa.confirm_passkey_view.title') }) }) }), jsxRuntime.jsx(ModalHeaderBanner.ModalHeaderBanner, { type: 'error', messageKey: errorMessage, className: 'confirm-passkey-view__header-banner' }), jsxRuntime.jsxs("div", { className: classNames.classNames('confirm-passkey-view__content'), children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: fingerprint.ReactComponent, iconSize: 96, isSpinning: isLoading, treatAsFunctionComponent: true }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: classNames.classNames('confirm-passkey-view__description'), copykey: 'dyn_mfa.confirm_passkey_view.description', children: t('dyn_mfa.confirm_passkey_view.description') })] }), jsxRuntime.jsx("div", { className: 'confirm-passkey-view__choose-another-method', children: jsxRuntime.jsx(TextButton.TextButton, { className: 'confirm-passkey-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', {
                         createMfaToken,
                         isInitialSetup: false,
+                        requestedScopes,
                     }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) })] }));
 };
 

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

@@ -1,7 +1,9 @@
 /// <reference types="react" />
+import type { TokenScope } from '@dynamic-labs/sdk-api-core';
 type ConfirmPasskeyViewProps = {
     createMfaToken?: boolean;
     authenticatePasskeyPromise: Promise<string | undefined>;
+    requestedScopes?: TokenScope[];
 };
-export declare const ConfirmPasskeyView: ({ createMfaToken, authenticatePasskeyPromise, }: ConfirmPasskeyViewProps) => JSX.Element;
+export declare const ConfirmPasskeyView: ({ createMfaToken, authenticatePasskeyPromise, requestedScopes, }: ConfirmPasskeyViewProps) => JSX.Element;
 export {};

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

@@ -111,7 +111,7 @@ import '../../../components/IsBrowser/IsBrowser.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 
-const ConfirmPasskeyView = ({ createMfaToken = false, authenticatePasskeyPromise, }) => {
+const ConfirmPasskeyView = ({ createMfaToken = false, authenticatePasskeyPromise, requestedScopes, }) => {
     const { t } = useTranslation();
     const { setShowAuthFlow } = useInternalDynamicContext();
     const { pushView } = useViewContext();
@@ -125,6 +125,7 @@ const ConfirmPasskeyView = ({ createMfaToken = false, authenticatePasskeyPromise
     return (jsxs("div", { className: classNames('confirm-passkey-view'), children: [jsx(ModalHeader, { alignContent: 'bottom', children: jsx("div", { className: 'confirm-passkey-view__header', children: jsx(Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'confirm-passkey-view__title', copykey: 'dyn_mfa.confirm_passkey_view.title', children: t('dyn_mfa.confirm_passkey_view.title') }) }) }), jsx(ModalHeaderBanner, { type: 'error', messageKey: errorMessage, className: 'confirm-passkey-view__header-banner' }), jsxs("div", { className: classNames('confirm-passkey-view__content'), children: [jsx(IconWithSpinner, { Icon: SvgFingerprint, iconSize: 96, isSpinning: isLoading, treatAsFunctionComponent: true }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: classNames('confirm-passkey-view__description'), copykey: 'dyn_mfa.confirm_passkey_view.description', children: t('dyn_mfa.confirm_passkey_view.description') })] }), jsx("div", { className: 'confirm-passkey-view__choose-another-method', children: jsx(TextButton, { className: 'confirm-passkey-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', {
                         createMfaToken,
                         isInitialSetup: false,
+                        requestedScopes,
                     }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) })] }));
 };
 

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/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',
 };

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

@@ -58,7 +58,7 @@ export declare const viewToComponentMap: {
         uri: string;
         secret: string;
     }) => JSX.Element;
-    'mfa-verification': ({ type, isInitialSetup, showBackButton, createMfaToken, deviceId, }: import("./MfaVerificationView").MfaVerificationViewProps) => JSX.Element;
+    'mfa-verification': ({ type, isInitialSetup, showBackButton, createMfaToken, deviceId, requestedScopes, }: import("./MfaVerificationView").MfaVerificationViewProps) => JSX.Element;
     'mobile-wallet-redirect-view': import("react").FC<{
         onRetry: VoidFunction;
         connector?: import("dist/packages/wallet-connector-core/src").WalletConnector | undefined;
@@ -70,9 +70,10 @@ export declare const viewToComponentMap: {
     'network-not-supported-manual': import("react").FC;
     'no-access': () => JSX.Element;
     'no-qr-not-installed': () => JSX.Element | null;
-    'passkey-confirm': ({ createMfaToken, authenticatePasskeyPromise, }: {
+    'passkey-confirm': ({ createMfaToken, authenticatePasskeyPromise, requestedScopes, }: {
         createMfaToken?: boolean | undefined;
         authenticatePasskeyPromise: Promise<string | undefined>;
+        requestedScopes?: import("@dynamic-labs/sdk-api-core").TokenScope[] | undefined;
     }) => JSX.Element;
     'passkey-intro': import("react").FC<{
         chains?: import("@dynamic-labs/sdk-api-core").EmbeddedWalletChainEnum[] | undefined;