@dynamic-labs/sdk-react-core 3.5.0 → 3.6.0

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

@@ -3,29 +3,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
+var bs58 = require('bs58');
 var utils = require('@dynamic-labs/utils');
-var walletBook = require('@dynamic-labs/wallet-book');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('../../context/ViewContext/ViewContext.cjs');
-var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
+require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 var useEffectOnce = require('../../shared/utils/hooks/useEffectOnce/useEffectOnce.cjs');
 require('../../store/state/loadingAndLifecycle.cjs');
 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');
-var getAppOrigin = require('../../utils/functions/getAppOrigin/getAppOrigin.cjs');
 require('react-international-phone');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
@@ -72,7 +71,6 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
-var useFetchChain = require('../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.cjs');
 var useFetchCurrency = require('../../widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.cjs');
 require('formik');
 require('../../context/FooterAnimationContext/index.cjs');
@@ -86,30 +84,91 @@ require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
 var TransactionConfirmationPageLayout = require('../../components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+var blockaid = require('../../data/api/transactions/blockaid.cjs');
 var useTransactionTotal = require('./hooks/useTransactionTotal/useTransactionTotal.cjs');
 var transactionErrorMessage = require('./helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');
-var useNetworkDataFromWallet = require('../../utils/hooks/useNetworkDataFromWallet/useNetworkDataFromWallet.cjs');
 require('../../store/state/tokenBalances.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var bs58__default = /*#__PURE__*/_interopDefaultLegacy(bs58);
+
 const FEE_REFRESH_INTERVAL = 20000;
-const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation, onClickBack, walletConnector, onClickClose, title, displayPoweredByDynamicFooter = false, copykey, hideModal, currentToken, isNativeToken, transactionValue, isModal, }) => {
-    const { appName, appLogoUrl, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
-    const appOrigin = getAppOrigin.getAppOrigin();
+const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation, onClickBack, walletConnector, onClickClose, title, displayPoweredByDynamicFooter = false, copykey, hideModal, currentToken, isNativeToken, transactionValue, isModal, sendBalanceTransaction, }) => {
+    var _a, _b;
+    const { primaryWallet, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
     const [isGasSponsored, setIsGasSponsored] = React.useState(false);
     const update = useForceUpdate.useForceUpdate();
     const { t } = reactI18next.useTranslation();
     const { currency } = useFetchCurrency.useFetchCurrency(walletConnector);
-    const { chain } = useFetchChain.useFetchChain(walletConnector);
+    // Update the chainId access to handle undefined case
+    const chainId = React.useMemo(() => {
+        if (!(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector)) {
+            return undefined;
+        }
+        const connector = primaryWallet.connector;
+        return connector._selectedChainId || connector.lastUsedChainId;
+    }, [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector]);
+    const [simulationResult, setSimulationResult] = React.useState(undefined);
+    const [isSimulationComplete, setIsSimulationComplete] = React.useState(false);
+    useEffectOnce.useEffectOnce(() => {
+        const fetchSimulationResult = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b;
+            if (sendBalanceTransaction) {
+                setIsSimulationComplete(true);
+                return;
+            }
+            // Skip simulation if chainId is not available
+            if (!chainId && (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain) !== 'SOL') {
+                setIsSimulationComplete(true);
+                return;
+            }
+            let result;
+            try {
+                // SOLANA
+                if (!chainId) {
+                    const encodedTransactions = (_a = transaction.multipleTransactions) === null || _a === void 0 ? void 0 : _a.map((tx) => bs58__default["default"].encode(tx.serialize({ requireAllSignatures: false })));
+                    if (!encodedTransactions) {
+                        setIsSimulationComplete(true);
+                        return;
+                    }
+                    result = yield blockaid.simulateBlockaidSVMTransaction({
+                        accountAddress: transaction.from,
+                        chain: (yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork())),
+                        environmentId,
+                        transactions: encodedTransactions,
+                    });
+                }
+                else {
+                    // EVM
+                    result = yield blockaid.simulateBlockaidEVMTransaction({
+                        chainId: String(chainId),
+                        data: transaction.data || '0x',
+                        environmentId,
+                        from: transaction.from,
+                        to: transaction.to || '',
+                        value: ((_b = transaction.value) === null || _b === void 0 ? void 0 : _b.toString()) || '0',
+                    });
+                }
+            }
+            catch (error) {
+                setSimulationResult(undefined);
+            }
+            setSimulationResult(result);
+            setIsSimulationComplete(true);
+        });
+        fetchSimulationResult();
+    });
     /**
      * Update transaction fee and trigger a react update
      * to reflect the new fee on the UI
      */
     const fetchTransactionFee = () => {
         // solana fee doesnt need to be refreshed
-        if ((chain === null || chain === void 0 ? void 0 : chain.name) === 'Solana' && transaction.fee.gas !== undefined)
+        if ((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain) === 'SOL' && transaction.fee.gas !== undefined)
             return;
         transaction.fetchFee().finally(update);
     };
@@ -128,6 +187,10 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
             }
         },
     });
+    // solana gas sponsorship check
+    if ((_a = transaction.isGasSponsored) === null || _a === void 0 ? void 0 : _a.call(transaction)) {
+        setIsGasSponsored(true);
+    }
     const { mutate: send, isLoading, error: transactionError, } = useMutation.useMutation(mutation, {
         onFailure: (error) => {
             fetchTransactionFee();
@@ -164,37 +227,35 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         return total - balance;
     }, [total, balance]);
     const alert = React.useMemo(() => {
-        if (transaction.notEnoughFundsError) {
-            return (jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'error', copykey: 'dyn_send_transaction.warning_message.not_enough_solana', children: t('dyn_send_transaction.warning_message.not_enough_solana') }));
-        }
-        else if (transaction.value === undefined) {
-            return (jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'warning', contentDataTestId: 'warning_content', copykey: 'dyn_send_transaction.warning_message.failed_simulation', children: t('dyn_send_transaction.warning_message.failed_simulation') }));
-        }
         if (errorMessage)
             return null;
         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') }));
         }
-        if (!isNativeToken &&
-            !isGasSponsoredLoading &&
+        if (!isGasSponsoredLoading &&
             !isBalanceLoading &&
             missingFunds === undefined &&
-            transaction.fee.gas) {
-            return (jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'warning', contentDataTestId: 'warning_content', copykey: 'dyn_send_transaction.warning_message.insufficient_gas_funds', children: t('dyn_send_transaction.warning_message.insufficient_gas_funds', {
-                    amountLeft: transaction.format(transaction.fee.gas, {
-                        precision: 6,
-                    }),
-                    currencySymbol: currency,
-                }) }));
+            transaction.fee.gas &&
+            !isGasSponsored) {
+            return (jsxRuntime.jsxs(Alert.Alert, { icon: 'error', variant: 'error', contentDataTestId: 'warning_content', copykey: 'dyn_send_transaction.warning_message.insufficient_gas_funds', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', children: t('dyn_send_transaction.warning_message.insufficient_gas_funds.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', children: t('dyn_send_transaction.warning_message.insufficient_gas_funds.description', {
+                            amountLeft: transaction.format(transaction.fee.gas, {
+                                precision: 6,
+                            }),
+                            currencySymbol: currency,
+                        }) })] }));
+        }
+        if (transaction.simulationFailed) {
+            return (jsxRuntime.jsxs(Alert.Alert, { icon: 'error', variant: 'warning', contentDataTestId: 'warning_content', copykey: 'dyn_send_transaction.warning_message.failed_simulation', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', children: t('dyn_send_transaction.warning_message.failed_simulation.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', children: t('dyn_send_transaction.warning_message.failed_simulation.description') })] }));
         }
         const showInsufficientFundsWarningMessage = hasInsufficientFunds && missingFunds;
         if (!showInsufficientFundsWarningMessage)
             return;
         const amountLeft = transaction.format(missingFunds, { precision: 5 });
-        return (jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'warning', contentDataTestId: 'warning_content', copykey: 'dyn_send_transaction.warning_message.insufficient_funds', children: t('dyn_send_transaction.warning_message.insufficient_funds', {
-                amountLeft,
-                currencySymbol: currency,
-            }) }));
+        return (jsxRuntime.jsxs(Alert.Alert, { icon: 'error', variant: 'warning', contentDataTestId: 'warning_content', copykey: 'dyn_send_transaction.warning_message.insufficient_funds', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', children: t('dyn_send_transaction.warning_message.insufficient_funds.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', children: t('dyn_send_transaction.warning_message.insufficient_funds.description', {
+                        amountLeft,
+                        currencySymbol: currency,
+                    }) })] }));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         transaction,
         errorMessage,
@@ -204,13 +265,21 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         t,
         currency,
         transaction.fee.gas,
-        isNativeToken,
         isLoading,
+        simulationResult,
     ]);
-    const networkData = useNetworkDataFromWallet.useNetworkDataFromWallet(primaryWallet);
-    return (jsxRuntime.jsxs(TransactionConfirmationPageLayout.TransactionConfirmationPageLayout, { onClickBack: onClickBack, onClickClose: onClickClose, copykey: copykey, title: title, appOrigin: appOrigin, appName: appName, appLogoUrl: appLogoUrl, hideModal: hideModal, isLoading: isLoading, onClickSend: () => send(), onSuccess: (tx) => onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(tx), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, disableSendButton: isBalanceLoading, error: errorMessage, alert: alert, walletConnector: walletConnector, transaction: transaction, total: total, currentToken: currentToken, transactionValue: transactionValue, isNativeToken: isNativeToken, isGasSponsored: isGasSponsored, isGasSponsoredLoading: isGasSponsoredLoading, walletKey: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key) || '', children: [jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-wallet_used', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.wallet_used') }), jsxRuntime.jsxs(Typography.Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key, width: 20, height: 20 }), ' ', shortenWalletAddress.shortenWalletAddress(transaction.from, 4, 4)] })] }), isModal && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-destination', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.destination') }), jsxRuntime.jsxs(Typography.Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key, width: 20, height: 20 }), ' ', shortenWalletAddress.shortenWalletAddress(transaction.to, 4, 4)] })] }), jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-amount', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.amount') }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: transaction.value
-                                    ? transaction.format(transaction.value, { precision: 6 })
-                                    : '' })] })] })), jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-network_used', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.network_used') }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'primary', children: networkData === null || networkData === void 0 ? void 0 : networkData.name })] })] }));
+    if (!isSimulationComplete) {
+        return null;
+    }
+    // if simulation threw an error, or if there are no out assets for solana (which means the simulation failed)
+    if ((!simulationResult ||
+        (!simulationResult.outAssets.length &&
+            !chainId &&
+            !((_b = transaction.isGasSponsored) === null || _b === void 0 ? void 0 : _b.call(transaction)))) &&
+        !sendBalanceTransaction) {
+        transaction.simulationFailed = true;
+    }
+    return (jsxRuntime.jsx(TransactionConfirmationPageLayout.TransactionConfirmationPageLayout, { total: total, currentToken: currentToken, transactionValue: transactionValue, isNativeToken: isNativeToken, onClickBack: onClickBack, onClickClose: onClickClose, copykey: copykey, title: title, hideModal: hideModal, isLoading: isLoading, onClickSend: () => send(), onSuccess: (tx) => onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(tx), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, disableSendButton: isBalanceLoading, error: errorMessage, alert: alert, walletConnector: walletConnector, transaction: transaction, isGasSponsored: isGasSponsored, isGasSponsoredLoading: isGasSponsoredLoading, walletKey: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key) || '', simulationResult: simulationResult, sendBalanceTransaction: sendBalanceTransaction }));
 };
 
 exports.FEE_REFRESH_INTERVAL = FEE_REFRESH_INTERVAL;

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

@@ -19,5 +19,6 @@ export type TransactionConfirmationViewProps = {
     isNativeToken?: boolean;
     transactionValue?: string;
     isModal?: boolean;
+    sendBalanceTransaction?: boolean;
 } & CopyKey;
 export declare const TransactionConfirmationView: FC<TransactionConfirmationViewProps>;

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

@@ -1,27 +1,26 @@
 'use client'
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { __awaiter } from '../../../../_virtual/_tslib.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
+import bs58 from 'bs58';
 import { TransactionGasCannotBeSponsoredError } from '@dynamic-labs/utils';
-import { WalletIcon } from '@dynamic-labs/wallet-book';
 import { isAccountAbstractionConnector } from '@dynamic-labs/wallet-connector-core';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '../../context/ViewContext/ViewContext.js';
-import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
+import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import { useEffectOnce } from '../../shared/utils/hooks/useEffectOnce/useEffectOnce.js';
 import '../../store/state/loadingAndLifecycle.js';
 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';
-import { getAppOrigin } from '../../utils/functions/getAppOrigin/getAppOrigin.js';
 import 'react-international-phone';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
@@ -68,7 +67,6 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
-import { useFetchChain } from '../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js';
 import { useFetchCurrency } from '../../widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.js';
 import 'formik';
 import '../../context/FooterAnimationContext/index.js';
@@ -82,30 +80,87 @@ import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
 import { TransactionConfirmationPageLayout } from '../../components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import { simulateBlockaidSVMTransaction, simulateBlockaidEVMTransaction } from '../../data/api/transactions/blockaid.js';
 import { useTransactionTotal } from './hooks/useTransactionTotal/useTransactionTotal.js';
 import { transactionErrorMessage } from './helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';
-import { useNetworkDataFromWallet } from '../../utils/hooks/useNetworkDataFromWallet/useNetworkDataFromWallet.js';
 import '../../store/state/tokenBalances.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const FEE_REFRESH_INTERVAL = 20000;
-const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation, onClickBack, walletConnector, onClickClose, title, displayPoweredByDynamicFooter = false, copykey, hideModal, currentToken, isNativeToken, transactionValue, isModal, }) => {
-    const { appName, appLogoUrl, primaryWallet } = useInternalDynamicContext();
-    const appOrigin = getAppOrigin();
+const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation, onClickBack, walletConnector, onClickClose, title, displayPoweredByDynamicFooter = false, copykey, hideModal, currentToken, isNativeToken, transactionValue, isModal, sendBalanceTransaction, }) => {
+    var _a, _b;
+    const { primaryWallet, environmentId } = useInternalDynamicContext();
     const [isGasSponsored, setIsGasSponsored] = useState(false);
     const update = useForceUpdate();
     const { t } = useTranslation();
     const { currency } = useFetchCurrency(walletConnector);
-    const { chain } = useFetchChain(walletConnector);
+    // Update the chainId access to handle undefined case
+    const chainId = useMemo(() => {
+        if (!(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector)) {
+            return undefined;
+        }
+        const connector = primaryWallet.connector;
+        return connector._selectedChainId || connector.lastUsedChainId;
+    }, [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector]);
+    const [simulationResult, setSimulationResult] = useState(undefined);
+    const [isSimulationComplete, setIsSimulationComplete] = useState(false);
+    useEffectOnce(() => {
+        const fetchSimulationResult = () => __awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b;
+            if (sendBalanceTransaction) {
+                setIsSimulationComplete(true);
+                return;
+            }
+            // Skip simulation if chainId is not available
+            if (!chainId && (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain) !== 'SOL') {
+                setIsSimulationComplete(true);
+                return;
+            }
+            let result;
+            try {
+                // SOLANA
+                if (!chainId) {
+                    const encodedTransactions = (_a = transaction.multipleTransactions) === null || _a === void 0 ? void 0 : _a.map((tx) => bs58.encode(tx.serialize({ requireAllSignatures: false })));
+                    if (!encodedTransactions) {
+                        setIsSimulationComplete(true);
+                        return;
+                    }
+                    result = yield simulateBlockaidSVMTransaction({
+                        accountAddress: transaction.from,
+                        chain: (yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork())),
+                        environmentId,
+                        transactions: encodedTransactions,
+                    });
+                }
+                else {
+                    // EVM
+                    result = yield simulateBlockaidEVMTransaction({
+                        chainId: String(chainId),
+                        data: transaction.data || '0x',
+                        environmentId,
+                        from: transaction.from,
+                        to: transaction.to || '',
+                        value: ((_b = transaction.value) === null || _b === void 0 ? void 0 : _b.toString()) || '0',
+                    });
+                }
+            }
+            catch (error) {
+                setSimulationResult(undefined);
+            }
+            setSimulationResult(result);
+            setIsSimulationComplete(true);
+        });
+        fetchSimulationResult();
+    });
     /**
      * Update transaction fee and trigger a react update
      * to reflect the new fee on the UI
      */
     const fetchTransactionFee = () => {
         // solana fee doesnt need to be refreshed
-        if ((chain === null || chain === void 0 ? void 0 : chain.name) === 'Solana' && transaction.fee.gas !== undefined)
+        if ((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain) === 'SOL' && transaction.fee.gas !== undefined)
             return;
         transaction.fetchFee().finally(update);
     };
@@ -124,6 +179,10 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
             }
         },
     });
+    // solana gas sponsorship check
+    if ((_a = transaction.isGasSponsored) === null || _a === void 0 ? void 0 : _a.call(transaction)) {
+        setIsGasSponsored(true);
+    }
     const { mutate: send, isLoading, error: transactionError, } = useMutation(mutation, {
         onFailure: (error) => {
             fetchTransactionFee();
@@ -160,37 +219,35 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         return total - balance;
     }, [total, balance]);
     const alert = useMemo(() => {
-        if (transaction.notEnoughFundsError) {
-            return (jsx(Alert, { icon: 'error', variant: 'error', copykey: 'dyn_send_transaction.warning_message.not_enough_solana', children: t('dyn_send_transaction.warning_message.not_enough_solana') }));
-        }
-        else if (transaction.value === undefined) {
-            return (jsx(Alert, { icon: 'error', variant: 'warning', contentDataTestId: 'warning_content', copykey: 'dyn_send_transaction.warning_message.failed_simulation', children: t('dyn_send_transaction.warning_message.failed_simulation') }));
-        }
         if (errorMessage)
             return null;
         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') }));
         }
-        if (!isNativeToken &&
-            !isGasSponsoredLoading &&
+        if (!isGasSponsoredLoading &&
             !isBalanceLoading &&
             missingFunds === undefined &&
-            transaction.fee.gas) {
-            return (jsx(Alert, { icon: 'error', variant: 'warning', contentDataTestId: 'warning_content', copykey: 'dyn_send_transaction.warning_message.insufficient_gas_funds', children: t('dyn_send_transaction.warning_message.insufficient_gas_funds', {
-                    amountLeft: transaction.format(transaction.fee.gas, {
-                        precision: 6,
-                    }),
-                    currencySymbol: currency,
-                }) }));
+            transaction.fee.gas &&
+            !isGasSponsored) {
+            return (jsxs(Alert, { icon: 'error', variant: 'error', contentDataTestId: 'warning_content', copykey: 'dyn_send_transaction.warning_message.insufficient_gas_funds', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', children: t('dyn_send_transaction.warning_message.insufficient_gas_funds.title') }), jsx(Typography, { variant: 'body_normal', color: 'secondary', children: t('dyn_send_transaction.warning_message.insufficient_gas_funds.description', {
+                            amountLeft: transaction.format(transaction.fee.gas, {
+                                precision: 6,
+                            }),
+                            currencySymbol: currency,
+                        }) })] }));
+        }
+        if (transaction.simulationFailed) {
+            return (jsxs(Alert, { icon: 'error', variant: 'warning', contentDataTestId: 'warning_content', copykey: 'dyn_send_transaction.warning_message.failed_simulation', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', children: t('dyn_send_transaction.warning_message.failed_simulation.title') }), jsx(Typography, { variant: 'body_normal', color: 'secondary', children: t('dyn_send_transaction.warning_message.failed_simulation.description') })] }));
         }
         const showInsufficientFundsWarningMessage = hasInsufficientFunds && missingFunds;
         if (!showInsufficientFundsWarningMessage)
             return;
         const amountLeft = transaction.format(missingFunds, { precision: 5 });
-        return (jsx(Alert, { icon: 'error', variant: 'warning', contentDataTestId: 'warning_content', copykey: 'dyn_send_transaction.warning_message.insufficient_funds', children: t('dyn_send_transaction.warning_message.insufficient_funds', {
-                amountLeft,
-                currencySymbol: currency,
-            }) }));
+        return (jsxs(Alert, { icon: 'error', variant: 'warning', contentDataTestId: 'warning_content', copykey: 'dyn_send_transaction.warning_message.insufficient_funds', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', children: t('dyn_send_transaction.warning_message.insufficient_funds.title') }), jsx(Typography, { variant: 'body_normal', color: 'secondary', children: t('dyn_send_transaction.warning_message.insufficient_funds.description', {
+                        amountLeft,
+                        currencySymbol: currency,
+                    }) })] }));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         transaction,
         errorMessage,
@@ -200,13 +257,21 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         t,
         currency,
         transaction.fee.gas,
-        isNativeToken,
         isLoading,
+        simulationResult,
     ]);
-    const networkData = useNetworkDataFromWallet(primaryWallet);
-    return (jsxs(TransactionConfirmationPageLayout, { onClickBack: onClickBack, onClickClose: onClickClose, copykey: copykey, title: title, appOrigin: appOrigin, appName: appName, appLogoUrl: appLogoUrl, hideModal: hideModal, isLoading: isLoading, onClickSend: () => send(), onSuccess: (tx) => onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(tx), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, disableSendButton: isBalanceLoading, error: errorMessage, alert: alert, walletConnector: walletConnector, transaction: transaction, total: total, currentToken: currentToken, transactionValue: transactionValue, isNativeToken: isNativeToken, isGasSponsored: isGasSponsored, isGasSponsoredLoading: isGasSponsoredLoading, walletKey: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key) || '', children: [jsxs("div", { className: 'row flex', "data-testid": 'transaction-wallet_used', children: [jsx(Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.wallet_used') }), jsxs(Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: [jsx(WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key, width: 20, height: 20 }), ' ', shortenWalletAddress(transaction.from, 4, 4)] })] }), isModal && (jsxs(Fragment, { children: [jsxs("div", { className: 'row flex', "data-testid": 'transaction-destination', children: [jsx(Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.destination') }), jsxs(Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: [jsx(WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key, width: 20, height: 20 }), ' ', shortenWalletAddress(transaction.to, 4, 4)] })] }), jsxs("div", { className: 'row flex', "data-testid": 'transaction-amount', children: [jsx(Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.amount') }), jsx(Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: transaction.value
-                                    ? transaction.format(transaction.value, { precision: 6 })
-                                    : '' })] })] })), jsxs("div", { className: 'row flex', "data-testid": 'transaction-network_used', children: [jsx(Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.network_used') }), jsx(Typography, { weight: 'regular', color: 'primary', children: networkData === null || networkData === void 0 ? void 0 : networkData.name })] })] }));
+    if (!isSimulationComplete) {
+        return null;
+    }
+    // if simulation threw an error, or if there are no out assets for solana (which means the simulation failed)
+    if ((!simulationResult ||
+        (!simulationResult.outAssets.length &&
+            !chainId &&
+            !((_b = transaction.isGasSponsored) === null || _b === void 0 ? void 0 : _b.call(transaction)))) &&
+        !sendBalanceTransaction) {
+        transaction.simulationFailed = true;
+    }
+    return (jsx(TransactionConfirmationPageLayout, { total: total, currentToken: currentToken, transactionValue: transactionValue, isNativeToken: isNativeToken, onClickBack: onClickBack, onClickClose: onClickClose, copykey: copykey, title: title, hideModal: hideModal, isLoading: isLoading, onClickSend: () => send(), onSuccess: (tx) => onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(tx), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, disableSendButton: isBalanceLoading, error: errorMessage, alert: alert, walletConnector: walletConnector, transaction: transaction, isGasSponsored: isGasSponsored, isGasSponsoredLoading: isGasSponsoredLoading, walletKey: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key) || '', simulationResult: simulationResult, sendBalanceTransaction: sendBalanceTransaction }));
 };
 
 export { FEE_REFRESH_INTERVAL, TransactionConfirmationView };

package/src/lib/views/UserFieldEditorView/UserFieldEditorView.cjs

@@ -71,6 +71,7 @@ var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 require('formik');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
+require('bs58');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');

package/src/lib/views/UserFieldEditorView/UserFieldEditorView.js

@@ -67,6 +67,7 @@ import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import 'formik';
 import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
+import 'bs58';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';

package/src/lib/views/UserFieldEditorView/useAssignDefaultValues/useAssignDefaultValues.cjs

@@ -75,6 +75,7 @@ require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('bs58');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../index.cjs');

package/src/lib/views/UserFieldEditorView/useAssignDefaultValues/useAssignDefaultValues.js

@@ -71,6 +71,7 @@ import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../store/state/sendBalances.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'bs58';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../index.js';

package/src/lib/views/WalletCannotBeTransferredView/WalletCannotBeTransferredView.cjs

@@ -70,6 +70,7 @@ var TypographyButton = require('../../components/TypographyButton/TypographyButt
 require('formik');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
+require('bs58');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');

package/src/lib/views/WalletCannotBeTransferredView/WalletCannotBeTransferredView.js

@@ -66,6 +66,7 @@ import { TypographyButton } from '../../components/TypographyButton/TypographyBu
 import 'formik';
 import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
+import 'bs58';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';

package/src/lib/views/WalletGroupView/WalletGroupView.cjs

@@ -80,6 +80,7 @@ var WalletGroupViewLayout = require('../../components/WalletGroupViewLayout/Wall
 var WalletGroupItem = require('./components/WalletGroupItem/WalletGroupItem.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('bs58');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');

package/src/lib/views/WalletGroupView/WalletGroupView.js

@@ -76,6 +76,7 @@ import { WalletGroupViewLayout } from '../../components/WalletGroupViewLayout/Wa
 import { WalletGroupItem } from './components/WalletGroupItem/WalletGroupItem.js';
 import '../../store/state/sendBalances.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'bs58';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';

package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.cjs

@@ -73,6 +73,7 @@ require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
+require('bs58');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');

package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.js

@@ -69,6 +69,7 @@ import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
+import 'bs58';
 import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';

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

@@ -67,6 +67,7 @@ require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../store/state/sendBalances.cjs');
 require('../../../components/Input/Input.cjs');
+require('bs58');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');

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

@@ -63,6 +63,7 @@ import '../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../store/state/sendBalances.js';
 import '../../../components/Input/Input.js';
+import 'bs58';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';

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

@@ -91,6 +91,7 @@ require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('bs58');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');

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

@@ -87,6 +87,7 @@ import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../store/state/sendBalances.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'bs58';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';