@dynamic-labs/sdk-react-core 1.0.0-alpha.7 → 1.0.0-alpha.9

package/src/lib/views/SocialWrongAccountView/SocialWrongAccountView.cjs

@@ -6,56 +6,56 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('@dynamic-labs/utils');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api');
-require('../../config/ApiEndpoint.cjs');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
+var useFindSocialIcon = require('../../utils/hooks/useFindSocialIcon/useFindSocialIcon.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('@dynamic-labs/types');
+require('yup');
 require('react-i18next');
+require('../../context/MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/MockContext/MockContext.cjs');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
-require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('yup');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/types');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('formik');
 var Button = require('../../components/Button/Button.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-var useFindSocialIcon = require('../../utils/hooks/useFindSocialIcon/useFindSocialIcon.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');

package/src/lib/views/SocialWrongAccountView/SocialWrongAccountView.js

@@ -2,56 +2,56 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '@dynamic-labs/utils';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api';
-import '../../config/ApiEndpoint.js';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../context/ErrorContext/ErrorContext.js';
+import '../../config/ApiEndpoint.js';
+import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
+import { useFindSocialIcon } from '../../utils/hooks/useFindSocialIcon/useFindSocialIcon.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import '@dynamic-labs/types';
+import 'yup';
 import 'react-i18next';
+import '../../context/MockContext/MockContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/MockContext/MockContext.js';
 import '../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
-import '../../context/ThemeContext/ThemeContext.js';
 import '../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import 'yup';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/types';
-import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import 'formik';
 import { Button } from '../../components/Button/Button.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { useFindSocialIcon } from '../../utils/hooks/useFindSocialIcon/useFindSocialIcon.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';

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

@@ -10,8 +10,10 @@ var viem = require('viem');
 var utils = require('@dynamic-labs/utils');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api');
-require('../../config/ApiEndpoint.cjs');
 require('../../shared/logger.cjs');
 var getChainIcon = require('../../shared/utils/functions/chain/getChainIcon.cjs');
 require('@dynamic-labs/wallet-book');
@@ -20,21 +22,28 @@ require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 var formatBigNumber = require('../../shared/utils/functions/formatBigNumber/formatBigNumber.cjs');
 require('@dynamic-labs/iconic');
-require('../../context/ViewContext/ViewContext.cjs');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var getAppOrigin = require('../../utils/functions/getAppOrigin/getAppOrigin.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
+var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
+require('@dynamic-labs/types');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var Alert = require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 var Icon = require('../../components/Icon/Icon.cjs');
 require('../../components/IconButton/IconButton.cjs');
-require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
@@ -44,33 +53,24 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('formik');
-require('yup');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 var TransactionConfirmationPageLayout = require('../../components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.cjs');
 var TransactionRow = require('../../components/TransactionConfirmationPageLayout/components/TransactionRow/TransactionRow.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/MockContext/MockContext.cjs');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/types');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 var useFetchChain = require('../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.cjs');
 var useFetchCurrency = require('../../widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.cjs');
 var useTransactionGas = require('./hooks/useTransactionGas/useTransactionGas.cjs');
 var useTransactionTotal = require('./hooks/useTransactionTotal/useTransactionTotal.cjs');
 var transactionErrorMessage = require('./helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
 
 const TransactionConfirmationView = ({ transaction, mutation, onError, onSuccess, onClickBack, onClickClose, title, displayPoweredByDynamicFooter = false, provider, }) => {
     const { appName, appLogoUrl, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
@@ -99,18 +99,14 @@ const TransactionConfirmationView = ({ transaction, mutation, onError, onSuccess
             }
         },
     });
-    const { mutate: send, isLoading, error: transactionError, } = useMutation.useMutation(() => {
-        if (utils.TransactionGasCannotBeSponsoredError.isInstance(transactionError)) {
-            const { connector } = primaryWallet;
-            if (walletConnectorCore.isAccountAbstractionConnector(connector)) {
-                connector.disableGasSponsorshipOnce();
-            }
-        }
-        return mutation();
-    }, {
+    const { mutate: send, isLoading, error: transactionError, } = useMutation.useMutation(() => mutation(), {
         onFailure: (error) => {
             if (utils.TransactionGasCannotBeSponsoredError.isInstance(error)) {
                 setIsGasSponsored(false);
+                const { connector } = primaryWallet;
+                if (walletConnectorCore.isAccountAbstractionConnector(connector)) {
+                    connector.disableGasSponsorshipOnce();
+                }
             }
             onError === null || onError === void 0 ? void 0 : onError(error);
         },

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

@@ -6,8 +6,10 @@ import { parseEther, isHex, hexToBigInt } from 'viem';
 import { DynamicError, TransactionGasCannotBeSponsoredError } from '@dynamic-labs/utils';
 import { isAccountAbstractionConnector } from '@dynamic-labs/wallet-connector-core';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api';
-import '../../config/ApiEndpoint.js';
 import '../../shared/logger.js';
 import { getChainIcon } from '../../shared/utils/functions/chain/getChainIcon.js';
 import '@dynamic-labs/wallet-book';
@@ -16,21 +18,28 @@ import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import { formatBigNumber } from '../../shared/utils/functions/formatBigNumber/formatBigNumber.js';
 import '@dynamic-labs/iconic';
-import '../../context/ViewContext/ViewContext.js';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import { getAppOrigin } from '../../utils/functions/getAppOrigin/getAppOrigin.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../context/ErrorContext/ErrorContext.js';
+import '../../config/ApiEndpoint.js';
+import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
+import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
+import '@dynamic-labs/types';
+import 'yup';
+import '../../context/MockContext/MockContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import { Alert } from '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import { Icon } from '../../components/Icon/Icon.js';
 import '../../components/IconButton/IconButton.js';
-import '../../context/ThemeContext/ThemeContext.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
@@ -40,33 +49,24 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'formik';
-import 'yup';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import { TransactionConfirmationPageLayout } from '../../components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.js';
 import { TransactionRow } from '../../components/TransactionConfirmationPageLayout/components/TransactionRow/TransactionRow.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/MockContext/MockContext.js';
 import '../../context/QrCodeContext/QrCodeContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/types';
-import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import { useFetchChain } from '../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js';
 import { useFetchCurrency } from '../../widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.js';
 import { useTransactionGas } from './hooks/useTransactionGas/useTransactionGas.js';
 import { useTransactionTotal } from './hooks/useTransactionTotal/useTransactionTotal.js';
 import { transactionErrorMessage } from './helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
 
 const TransactionConfirmationView = ({ transaction, mutation, onError, onSuccess, onClickBack, onClickClose, title, displayPoweredByDynamicFooter = false, provider, }) => {
     const { appName, appLogoUrl, primaryWallet } = useInternalDynamicContext();
@@ -95,18 +95,14 @@ const TransactionConfirmationView = ({ transaction, mutation, onError, onSuccess
             }
         },
     });
-    const { mutate: send, isLoading, error: transactionError, } = useMutation(() => {
-        if (TransactionGasCannotBeSponsoredError.isInstance(transactionError)) {
-            const { connector } = primaryWallet;
-            if (isAccountAbstractionConnector(connector)) {
-                connector.disableGasSponsorshipOnce();
-            }
-        }
-        return mutation();
-    }, {
+    const { mutate: send, isLoading, error: transactionError, } = useMutation(() => mutation(), {
         onFailure: (error) => {
             if (TransactionGasCannotBeSponsoredError.isInstance(error)) {
                 setIsGasSponsored(false);
+                const { connector } = primaryWallet;
+                if (isAccountAbstractionConnector(connector)) {
+                    connector.disableGasSponsorshipOnce();
+                }
             }
             onError === null || onError === void 0 ? void 0 : onError(error);
         },

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

@@ -0,0 +1,4 @@
+import { InsufficientFundsError, PasskeyError, TransactionGasCannotBeSponsoredError } from '@dynamic-labs/utils';
+export type TransactionError = PasskeyError | {
+    reason?: string;
+} | InsufficientFundsError | TransactionGasCannotBeSponsoredError;

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

@@ -20,13 +20,19 @@ const errorCodesMapping = {
     '-32603': 'Could not replace existing transaction',
     0: 'The operation either timed out or was not allowed.',
     16: 'Invalid Passkey signature. Select the passkey for this account and device.',
+    3: 'You reached the limit of passkeys for this account.',
     INSUFFICIENT_FUNDS: 'Insufficient funds for this transaction.',
 };
 const errorReasonsMapping = {
     'provided ENS name resolves to null': 'Invalid address. Please check that the entered address is correct.',
 };
-const transactionErrorMessage = (error) => {
+const getCode = (error) => {
     var _a;
+    const err = error;
+    return (err === null || err === void 0 ? void 0 : err.code) || ((_a = err === null || err === void 0 ? void 0 : err.cause) === null || _a === void 0 ? void 0 : _a.code);
+};
+const hasReason = (error) => 'reason' in error && error.reason !== undefined;
+const transactionErrorMessage = (error) => {
     logger.logger.debug('transaction error]:', error);
     if (utils.TransactionGasCannotBeSponsoredError.isInstance(error)) {
         return;
@@ -34,18 +40,14 @@ const transactionErrorMessage = (error) => {
     if (utils.InsufficientFundsError.isInstance(error)) {
         return errorCodesMapping.INSUFFICIENT_FUNDS;
     }
-    const { code } = error;
-    const defaultMessage = 'Something went wrong.';
-    // turnkey request errors
-    if (((_a = error === null || error === void 0 ? void 0 : error.cause) === null || _a === void 0 ? void 0 : _a.code) !== undefined &&
-        errorCodesMapping[error.cause.code] !== undefined) {
-        return errorCodesMapping[error.cause.code];
+    const code = getCode(error);
+    if (code !== undefined && errorCodesMapping[code]) {
+        return errorCodesMapping[code];
+    }
+    if (hasReason(error) && errorReasonsMapping[error.reason]) {
+        return errorReasonsMapping[error.reason];
     }
-    if (!code)
-        return defaultMessage;
-    return (errorCodesMapping[code] ||
-        (error.reason && errorReasonsMapping[error.reason]) ||
-        defaultMessage);
+    return 'Something went wrong.';
 };
 
 exports.transactionErrorMessage = transactionErrorMessage;

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

@@ -1,11 +1,2 @@
-type TransactionError = Error & {
-    code?: string;
-    reason?: string;
-    cause?: {
-        code: number;
-        name: string;
-        message: string;
-    };
-};
+import { TransactionError } from '../TransactionConfirmationView.types';
 export declare const transactionErrorMessage: (error: TransactionError) => string | undefined;
-export {};

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

@@ -16,13 +16,19 @@ const errorCodesMapping = {
     '-32603': 'Could not replace existing transaction',
     0: 'The operation either timed out or was not allowed.',
     16: 'Invalid Passkey signature. Select the passkey for this account and device.',
+    3: 'You reached the limit of passkeys for this account.',
     INSUFFICIENT_FUNDS: 'Insufficient funds for this transaction.',
 };
 const errorReasonsMapping = {
     'provided ENS name resolves to null': 'Invalid address. Please check that the entered address is correct.',
 };
-const transactionErrorMessage = (error) => {
+const getCode = (error) => {
     var _a;
+    const err = error;
+    return (err === null || err === void 0 ? void 0 : err.code) || ((_a = err === null || err === void 0 ? void 0 : err.cause) === null || _a === void 0 ? void 0 : _a.code);
+};
+const hasReason = (error) => 'reason' in error && error.reason !== undefined;
+const transactionErrorMessage = (error) => {
     logger.debug('transaction error]:', error);
     if (TransactionGasCannotBeSponsoredError.isInstance(error)) {
         return;
@@ -30,18 +36,14 @@ const transactionErrorMessage = (error) => {
     if (InsufficientFundsError.isInstance(error)) {
         return errorCodesMapping.INSUFFICIENT_FUNDS;
     }
-    const { code } = error;
-    const defaultMessage = 'Something went wrong.';
-    // turnkey request errors
-    if (((_a = error === null || error === void 0 ? void 0 : error.cause) === null || _a === void 0 ? void 0 : _a.code) !== undefined &&
-        errorCodesMapping[error.cause.code] !== undefined) {
-        return errorCodesMapping[error.cause.code];
+    const code = getCode(error);
+    if (code !== undefined && errorCodesMapping[code]) {
+        return errorCodesMapping[code];
+    }
+    if (hasReason(error) && errorReasonsMapping[error.reason]) {
+        return errorReasonsMapping[error.reason];
     }
-    if (!code)
-        return defaultMessage;
-    return (errorCodesMapping[code] ||
-        (error.reason && errorReasonsMapping[error.reason]) ||
-        defaultMessage);
+    return 'Something went wrong.';
 };
 
 export { transactionErrorMessage };

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

@@ -5,31 +5,40 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 require('@dynamic-labs/utils');
+require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api');
-require('../../../../config/ApiEndpoint.cjs');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
-require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/rpc-providers');
-require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../config/ApiEndpoint.cjs');
+require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
+require('../../../../context/ThemeContext/ThemeContext.cjs');
+var usePromise = require('../../../../utils/hooks/usePromise/usePromise.cjs');
+require('@dynamic-labs/types');
+var useTransactionEstimatedGas = require('../../../../utils/hooks/useTransactionEstimatedGas/useTransactionEstimatedGas.cjs');
+require('yup');
 require('react-i18next');
+require('../../../../context/MockContext/MockContext.cjs');
+require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
-require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
@@ -39,26 +48,17 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('formik');
-require('yup');
 require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-var usePromise = require('../../../../utils/hooks/usePromise/usePromise.cjs');
-require('../../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/types');
-require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-var useTransactionEstimatedGas = require('../../../../utils/hooks/useTransactionEstimatedGas/useTransactionEstimatedGas.cjs');
 
 const useTransactionGas = ({ provider, transaction, }) => {
     const { data: estimatedGas, isLoading: isEstimatedGasLoading } = useTransactionEstimatedGas.useTransactionEstimatedGas(provider, transaction);

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

@@ -1,31 +1,40 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useMemo } from 'react';
 import '@dynamic-labs/utils';
+import '../../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api';
-import '../../../../config/ApiEndpoint.js';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
-import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/rpc-providers';
-import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../../context/DynamicContext/DynamicContext.js';
-import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../config/ApiEndpoint.js';
+import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
+import '../../../../context/ThemeContext/ThemeContext.js';
+import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
+import '@dynamic-labs/types';
+import { useTransactionEstimatedGas } from '../../../../utils/hooks/useTransactionEstimatedGas/useTransactionEstimatedGas.js';
+import 'yup';
 import 'react-i18next';
+import '../../../../context/MockContext/MockContext.js';
+import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../components/Alert/Alert.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../components/IconButton/IconButton.js';
-import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
@@ -35,26 +44,17 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'formik';
-import 'yup';
 import '../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/QrCodeContext/QrCodeContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/types';
-import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { useTransactionEstimatedGas } from '../../../../utils/hooks/useTransactionEstimatedGas/useTransactionEstimatedGas.js';
 
 const useTransactionGas = ({ provider, transaction, }) => {
     const { data: estimatedGas, isLoading: isEstimatedGasLoading } = useTransactionEstimatedGas(provider, transaction);