@dynamic-labs/sdk-react-core 4.0.0-alpha.48 → 4.0.0-alpha.49

package/src/lib/views/SyncWalletView/AutoReconnectingView/AutoReconnectingView.cjs

@@ -29,6 +29,7 @@ require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('../../../store/state/nonce/nonce.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../store/state/user/user.cjs');
 require('../../../locale/locale.cjs');
@@ -36,7 +37,6 @@ require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../utils/functions/compareChains/compareChains.cjs');
@@ -53,7 +53,8 @@ require('../../CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../store/state/walletConnectorOptions.cjs');
+require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/walletOptions/walletOptions.cjs');
 var Typography = require('../../../components/Typography/Typography.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
@@ -89,6 +90,7 @@ require('../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
+require('@dynamic-labs/ethereum-aa');
 
 const AutoReconnectingView = ({ onCancel, onSuccess, connector, expectedAddress, }) => {
     const { t } = reactI18next.useTranslation();

package/src/lib/views/SyncWalletView/AutoReconnectingView/AutoReconnectingView.js

@@ -25,6 +25,7 @@ import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import '../../../store/state/nonce/nonce.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../store/state/user/user.js';
 import '../../../locale/locale.js';
@@ -32,7 +33,6 @@ import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../utils/functions/compareChains/compareChains.js';
@@ -49,7 +49,8 @@ import '../../CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../store/state/walletConnectorOptions.js';
+import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/walletOptions/walletOptions.js';
 import { Typography } from '../../../components/Typography/Typography.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
@@ -85,6 +86,7 @@ import '../../../components/IsBrowser/IsBrowser.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
+import '@dynamic-labs/ethereum-aa';
 
 const AutoReconnectingView = ({ onCancel, onSuccess, connector, expectedAddress, }) => {
     const { t } = useTranslation();

package/src/lib/views/SyncWalletView/ReconnectWithQrCodeView/ReconnectWithQrCodeView.cjs

@@ -27,6 +27,7 @@ require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('../../../store/state/nonce/nonce.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../store/state/user/user.cjs');
 require('../../../locale/locale.cjs');
@@ -34,7 +35,6 @@ require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../utils/functions/compareChains/compareChains.cjs');
@@ -51,7 +51,8 @@ require('../../CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../store/state/walletConnectorOptions.cjs');
+require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/walletOptions/walletOptions.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
@@ -86,6 +87,7 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
 var QrCodeWrapper = require('../../../components/QrCodeWrapper/QrCodeWrapper.cjs');
+require('@dynamic-labs/ethereum-aa');
 
 const ReconnectWithQrCodeView = ({ onCancel, onSuccess, connector, expectedAddress, }) => {
     var _a;

package/src/lib/views/SyncWalletView/ReconnectWithQrCodeView/ReconnectWithQrCodeView.js

@@ -23,6 +23,7 @@ import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import '../../../store/state/nonce/nonce.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../store/state/user/user.js';
 import '../../../locale/locale.js';
@@ -30,7 +31,6 @@ import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../utils/functions/compareChains/compareChains.js';
@@ -47,7 +47,8 @@ import '../../CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../store/state/walletConnectorOptions.js';
+import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/walletOptions/walletOptions.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
@@ -82,6 +83,7 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
 import { QrCodeWrapper } from '../../../components/QrCodeWrapper/QrCodeWrapper.js';
+import '@dynamic-labs/ethereum-aa';
 
 const ReconnectWithQrCodeView = ({ onCancel, onSuccess, connector, expectedAddress, }) => {
     var _a;

package/src/lib/views/SyncWalletView/SwitchWalletView/SwitchWalletView.cjs

@@ -29,6 +29,7 @@ require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('../../../store/state/nonce/nonce.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../store/state/user/user.cjs');
 require('../../../locale/locale.cjs');
@@ -36,7 +37,6 @@ require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../utils/functions/compareChains/compareChains.cjs');
@@ -52,7 +52,8 @@ require('../../CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../store/state/walletConnectorOptions.cjs');
+require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/walletOptions/walletOptions.cjs');
 var Typography = require('../../../components/Typography/Typography.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
@@ -88,6 +89,7 @@ require('../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
+require('@dynamic-labs/ethereum-aa');
 
 const SwitchWalletView = ({ onCancel, connector, expectedAddress, activeAddress, }) => {
     const { t } = reactI18next.useTranslation();

package/src/lib/views/SyncWalletView/SwitchWalletView/SwitchWalletView.js

@@ -25,6 +25,7 @@ import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import '../../../store/state/nonce/nonce.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../store/state/user/user.js';
 import '../../../locale/locale.js';
@@ -32,7 +33,6 @@ import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../utils/functions/compareChains/compareChains.js';
@@ -48,7 +48,8 @@ import '../../CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../store/state/walletConnectorOptions.js';
+import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/walletOptions/walletOptions.js';
 import { Typography } from '../../../components/Typography/Typography.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
@@ -84,6 +85,7 @@ import '../../../components/IsBrowser/IsBrowser.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
+import '@dynamic-labs/ethereum-aa';
 
 const SwitchWalletView = ({ onCancel, connector, expectedAddress, activeAddress, }) => {
     const { t } = useTranslation();

package/src/lib/views/SyncWalletView/SyncWalletView.cjs

@@ -25,6 +25,7 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('../../store/state/nonce/nonce.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
@@ -33,7 +34,6 @@ require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../events/dynamicEvents.cjs');
-require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
@@ -49,7 +49,8 @@ require('../CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../store/state/walletConnectorOptions.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
@@ -79,6 +80,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
+require('@dynamic-labs/ethereum-aa');
 require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../TransactionConfirmationView/TransactionConfirmationView.cjs');

package/src/lib/views/SyncWalletView/SyncWalletView.js

@@ -21,6 +21,7 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import '../../store/state/nonce/nonce.js';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
 import '../../locale/locale.js';
@@ -29,7 +30,6 @@ import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../events/dynamicEvents.js';
-import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
@@ -45,7 +45,8 @@ import '../CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../store/state/walletConnectorOptions.js';
+import '../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
@@ -75,6 +76,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
+import '@dynamic-labs/ethereum-aa';
 import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../TransactionConfirmationView/TransactionConfirmationView.js';

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

@@ -9,9 +9,10 @@ var React = require('react');
 var reactI18next = require('react-i18next');
 var bs58 = require('bs58');
 var utils = require('@dynamic-labs/utils');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var ethereumAa = require('@dynamic-labs/ethereum-aa');
 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');
@@ -26,6 +27,7 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('../../store/state/nonce/nonce.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
@@ -33,7 +35,6 @@ require('../../store/state/projectSettings/projectSettings.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
@@ -53,7 +54,8 @@ require('../CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../store/state/walletConnectorOptions.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/walletOptions/walletOptions.cjs');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 var Alert = require('../../components/Alert/Alert.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
@@ -109,7 +111,6 @@ var SimulationStatus;
     SimulationStatus["SUCCESS"] = "success";
 })(SimulationStatus || (SimulationStatus = {}));
 const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation, onClickBack, walletConnector, onClickClose, title, displayPoweredByDynamicFooter = false, copykey, hideModal, currentToken, isNativeToken, transactionValue, isModal, sendBalanceTransaction, }) => {
-    var _a;
     const { primaryWallet, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
     const [isGasSponsored, setIsGasSponsored] = React.useState(false);
     const update = useForceUpdate.useForceUpdate();
@@ -126,25 +127,58 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
     const [simulationState, setSimulationState] = React.useState({
         status: SimulationStatus.LOADING,
     });
-    useEffectOnce.useEffectOnce(() => {
-        const fetchSimulationResult = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            var _a, _b;
-            if (sendBalanceTransaction || hideModal) {
-                setSimulationState({
-                    status: SimulationStatus.SKIPPED,
-                });
-                return;
-            }
-            if (!chainId && (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain) !== 'SOL') {
-                setSimulationState({ status: SimulationStatus.FAILED });
-                return;
+    const fetchSimulationResult = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
+        if (simulationState.status !== SimulationStatus.LOADING) {
+            return;
+        }
+        if (sendBalanceTransaction || hideModal) {
+            setSimulationState({ status: SimulationStatus.SKIPPED });
+            return;
+        }
+        if (!primaryWallet || (!chainId && (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain) !== 'SOL')) {
+            logger.logger.error('[TransactionConfirmationView] Simulation failed:', {
+                chain: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain,
+                chainId,
+                primaryWallet,
+            });
+            setSimulationState({ status: SimulationStatus.FAILED });
+            return;
+        }
+        try {
+            let result;
+            if (ethereumAa.isZeroDevConnector(primaryWallet.connector)) {
+                const { connector } = primaryWallet;
+                const { userOperation } = yield connector.getCurrentUserOperation(transaction);
+                if (userOperation) {
+                    const formattedUserOperation = yield connector.formatUserOperation(userOperation);
+                    // Set the gas fee on the transaction, only for zero dev
+                    transaction.fee.gas = calculateGasUnits(userOperation);
+                    const entryPoint = yield ((_a = connector.getAccountAbstractionProvider()) === null || _a === void 0 ? void 0 : _a.account.entryPoint);
+                    if (!entryPoint) {
+                        logger.logger.error('[TransactionConfirmationView] Simulation failed: No entry point address found');
+                        setSimulationState({ status: SimulationStatus.FAILED });
+                        return;
+                    }
+                    result = yield blockaid.simulateBlockaidUserOperation({
+                        chainId: String(chainId),
+                        entryPoint,
+                        environmentId,
+                        userOperation: formattedUserOperation,
+                        value: ((_b = transaction.value) === null || _b === void 0 ? void 0 : _b.toString()) || '0',
+                    });
+                }
+                else {
+                    setSimulationState({ status: SimulationStatus.FAILED });
+                    return;
+                }
             }
-            try {
-                let result;
-                // SOLANA
+            else {
+                // Handle 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 })));
+                    const encodedTransactions = (_c = transaction.multipleTransactions) === null || _c === void 0 ? void 0 : _c.map((tx) => bs58__default["default"].encode(tx.serialize({ requireAllSignatures: false })));
                     if (!encodedTransactions) {
+                        logger.logger.error('[TransactionConfirmationView] Simulation failed: No encoded transactions');
                         setSimulationState({ status: SimulationStatus.FAILED });
                         return;
                     }
@@ -156,39 +190,58 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
                     });
                 }
                 else {
-                    // EVM
+                    // Handle 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',
+                        value: ((_d = transaction.value) === null || _d === void 0 ? void 0 : _d.toString()) || '0',
                     });
                 }
-                if (!result) {
-                    setSimulationState({ status: SimulationStatus.FAILED });
-                    return;
-                }
-                setSimulationState({ result, status: SimulationStatus.SUCCESS });
             }
-            catch (error) {
-                logger.logger.debug('Simulation failed:', error);
+            if (!result && !ethereumAa.isZeroDevConnector(primaryWallet.connector)) {
+                logger.logger.warn('[TransactionConfirmationView] Simulation failed: No result');
                 setSimulationState({ status: SimulationStatus.FAILED });
+                return;
             }
-        });
+            setSimulationState(result
+                ? { result, status: SimulationStatus.SUCCESS }
+                : { status: SimulationStatus.FAILED });
+        }
+        catch (error) {
+            logger.logger.error('[TransactionConfirmationView] Simulation failed:', error);
+            setSimulationState({ status: SimulationStatus.FAILED });
+        }
+    }), [
+        sendBalanceTransaction,
+        hideModal,
+        primaryWallet,
+        chainId,
+        environmentId,
+        transaction,
+        walletConnector,
+    ]);
+    React.useEffect(() => {
+        if (simulationState.status === SimulationStatus.SUCCESS ||
+            simulationState.status === SimulationStatus.SKIPPED) {
+            return;
+        }
         fetchSimulationResult();
-    });
+    }, [fetchSimulationResult, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, simulationState.status]);
     /**
      * 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 ((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain) === 'SOL' && transaction.fee.gas !== undefined)
+    const fetchTransactionFee = React.useCallback(() => {
+        if (((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain) === sdkApiCore.ChainEnum.Sol &&
+            transaction.fee.gas !== undefined) ||
+            (primaryWallet && ethereumAa.isZeroDevConnector(primaryWallet.connector))) {
             return;
+        }
         transaction.fetchFee().finally(update);
-    };
+    }, [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain, transaction, update]);
     const { isLoading: isGasSponsoredLoading } = usePromise.usePromise(() => {
         if (!walletConnectorCore.isAccountAbstractionConnector(walletConnector)) {
             return false;
@@ -212,7 +265,7 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         }
     }, [transaction]);
     const { mutate: send, isLoading, error: transactionError, } = useMutation.useMutation(mutation, {
-        onFailure: (error) => {
+        onFailure: React.useCallback((error) => {
             fetchTransactionFee();
             if (utils.TransactionGasCannotBeSponsoredError.isInstance(error)) {
                 logger.logger.debug(error);
@@ -223,8 +276,8 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
             }
             logger.logger.error(error);
             onError === null || onError === void 0 ? void 0 : onError(error);
-        },
-        onSuccess: (tx) => onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(tx),
+        }, [fetchTransactionFee, onError, walletConnector]),
+        onSuccess: React.useCallback((tx) => onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(tx), [onSuccess]),
     });
     // Refresh transaction fee, Solana fees are static based on transaction data, dont need to refresh them
     useInterval.useInterval(fetchTransactionFee, isLoading ? null : FEE_REFRESH_INTERVAL);
@@ -237,48 +290,53 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
     const errorMessage = transactionError && transactionErrorMessage.transactionErrorMessage(transactionError);
     const { data: balance, isLoading: isBalanceLoading } = usePromise.usePromise(() => transaction.getBalance());
     const hasInsufficientFunds = React.useMemo(() => {
-        if (!total || !balance)
+        if (total === undefined || balance === undefined)
             return false;
         return balance < total;
     }, [balance, total]);
     const missingFunds = React.useMemo(() => {
-        if (!total || !balance)
+        if (total === undefined || balance === undefined)
             return undefined;
         return total - balance;
     }, [total, balance]);
     const alert = React.useMemo(() => {
         if (errorMessage)
             return null;
+        // 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') }));
         }
-        if (simulationState.status === SimulationStatus.FAILED) {
-            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', copykey: 'dyn_send_transaction.warning_message.failed_simulation.title', children: t('dyn_send_transaction.warning_message.failed_simulation.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.warning_message.failed_simulation.description', children: t('dyn_send_transaction.warning_message.failed_simulation.description') })] }));
-        }
+        // Check for insufficient gas funds
         if (!isGasSponsoredLoading &&
             !isBalanceLoading &&
             missingFunds === undefined &&
             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', copykey: 'dyn_send_transaction.warning_message.insufficient_gas_funds.title', children: t('dyn_send_transaction.warning_message.insufficient_gas_funds.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.warning_message.insufficient_gas_funds.description', children: t('dyn_send_transaction.warning_message.insufficient_gas_funds.description', {
+            return (jsxRuntime.jsxs(Alert.Alert, { icon: 'error', variant: 'warning', contentDataTestId: 'warning_content', copykey: 'dyn_send_transaction.warning_message.insufficient_gas_funds', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_send_transaction.warning_message.insufficient_gas_funds.title', children: t('dyn_send_transaction.warning_message.insufficient_gas_funds.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.warning_message.insufficient_gas_funds.description', children: t('dyn_send_transaction.warning_message.insufficient_gas_funds.description', {
                             amountLeft: transaction.format(transaction.fee.gas, {
                                 precision: 6,
                             }),
                             currencySymbol: currency,
                         }) })] }));
         }
+        // Check for insufficient funds
         const showInsufficientFundsWarningMessage = hasInsufficientFunds && missingFunds;
-        if (!showInsufficientFundsWarningMessage)
-            return;
-        const amountLeft = transaction.format(missingFunds, { precision: 5 });
-        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', copykey: 'dyn_send_transaction.warning_message.insufficient_funds.title', children: t('dyn_send_transaction.warning_message.insufficient_funds.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.warning_message.insufficient_funds.description', children: t('dyn_send_transaction.warning_message.insufficient_funds.description', {
-                        amountLeft,
-                        currencySymbol: currency,
-                    }) })] }));
+        if (showInsufficientFundsWarningMessage) {
+            const amountLeft = transaction.format(missingFunds, { precision: 6 });
+            return (jsxRuntime.jsxs(Alert.Alert, { icon: 'error', variant: 'error', contentDataTestId: 'warning_content', copykey: 'dyn_send_transaction.warning_message.insufficient_funds', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_send_transaction.warning_message.insufficient_funds.title', children: t('dyn_send_transaction.warning_message.insufficient_funds.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.warning_message.insufficient_funds.description', children: t('dyn_send_transaction.warning_message.insufficient_funds.description', {
+                            amountLeft,
+                            currencySymbol: currency,
+                        }) })] }));
+        }
+        // Finally, check for simulation failure
+        if (simulationState.status === SimulationStatus.FAILED) {
+            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', copykey: 'dyn_send_transaction.warning_message.failed_simulation.title', as: 'div', children: t('dyn_send_transaction.warning_message.failed_simulation.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.warning_message.failed_simulation.description', as: 'div', children: t('dyn_send_transaction.warning_message.failed_simulation.description') })] }));
+        }
+        return null;
     }, [
+        simulationState.status,
         errorMessage,
         transactionError,
-        simulationState,
         isGasSponsoredLoading,
         isBalanceLoading,
         missingFunds,
@@ -303,10 +361,68 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
             }
         }
     }, [simulationState, chainId, transaction, sendBalanceTransaction]);
-    if (simulationState.status === SimulationStatus.LOADING) {
-        return null;
-    }
-    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: (_a = simulationState.result) !== null && _a !== void 0 ? _a : undefined, sendBalanceTransaction: sendBalanceTransaction }));
+    const layoutProps = React.useMemo(() => {
+        var _a;
+        return ({
+            alert,
+            copykey,
+            currentToken,
+            disableSendButton: isBalanceLoading,
+            displayPoweredByDynamicFooter,
+            error: errorMessage,
+            hideModal,
+            isGasSponsored,
+            isGasSponsoredLoading,
+            isLoading,
+            isNativeToken,
+            onClickBack,
+            onClickClose,
+            onClickSend: () => send(),
+            onSuccess: (tx) => onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(tx),
+            sendBalanceTransaction,
+            simulationResult: (_a = simulationState.result) !== null && _a !== void 0 ? _a : undefined,
+            title,
+            total,
+            transaction,
+            transactionValue,
+            walletConnector,
+            walletKey: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key) || '',
+        });
+    }, [
+        total,
+        currentToken,
+        transactionValue,
+        isNativeToken,
+        onClickBack,
+        onClickClose,
+        copykey,
+        title,
+        hideModal,
+        isLoading,
+        send,
+        onSuccess,
+        displayPoweredByDynamicFooter,
+        isBalanceLoading,
+        errorMessage,
+        alert,
+        walletConnector,
+        transaction,
+        isGasSponsored,
+        isGasSponsoredLoading,
+        primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key,
+        simulationState.result,
+        sendBalanceTransaction,
+    ]);
+    return simulationState.status === SimulationStatus.LOADING ? null : (jsxRuntime.jsx(TransactionConfirmationPageLayout.TransactionConfirmationPageLayout, Object.assign({}, layoutProps)));
+};
+const calculateGasUnits = (userOp) => {
+    // Sum all gas units
+    const totalGasUnits = BigInt(userOp.callGasLimit || 0) +
+        BigInt(userOp.verificationGasLimit || 0) +
+        BigInt(userOp.preVerificationGas || 0);
+    // Multiply by maxFeePerGas to get the total gas cost in wei
+    const gasCost = totalGasUnits * BigInt(userOp.maxFeePerGas || 0);
+    return gasCost;
 };
 
 exports.FEE_REFRESH_INTERVAL = FEE_REFRESH_INTERVAL;