@dynamic-labs/sdk-react-core 4.83.0 → 4.83.2-alpha.0

package/src/lib/components/TransactionCard/SendBalanceTransactionCard.js

@@ -15,15 +15,19 @@ import '../../utils/constants/values.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/consts/index.js';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '../../context/DynamicContext/useDynamicContext/useDynamicContext.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+import { getNetworkInfoEntry } from '../../utils/functions/networksAndChains/networksAndChains.js';
+import { Icon } from '../Icon/Icon.js';
+import { getDisplayFiatPrice } from '../TransactionConfirmationPageLayout/utils.js';
+import { Typography } from '../Typography/Typography.js';
+import { useNetworkConfigurationsFromProjectSettings } from '../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.js';
 import '../../events/dynamicEvents.js';
 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 { getNetworkInfoEntry } from '../../utils/functions/networksAndChains/networksAndChains.js';
 import '@dynamic-labs-sdk/client/core';
 import 'eventemitter3';
 import '@dynamic-labs-sdk/client';
@@ -37,6 +41,7 @@ import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../store/state/authMode/authMode.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
@@ -59,8 +64,6 @@ import '../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
-import { Typography } from '../Typography/Typography.js';
-import { Icon } from '../Icon/Icon.js';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import '../IconButton/IconButton.js';
 import '../InlineWidget/InlineWidget.js';
@@ -77,13 +80,13 @@ import '../Popper/PopperContext/PopperContext.js';
 import '../ShadowDOM/ShadowDOM.js';
 import 'react-focus-lock';
 import 'qrcode';
-import { useFetchChain } from '../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js';
 import 'formik';
 import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import '../../utils/hooks/useWalletBackup/useWalletBackup.js';
+import '../../utils/hooks/useWalletBackup/BackupError.js';
 import '../../utils/hooks/useWalletBackup/types.js';
 import '../../utils/hooks/useWalletBackup/cloudProviders.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -97,9 +100,8 @@ import '../../context/FooterAnimationContext/index.js';
 import '../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../context/OnrampContext/OnrampContext.js';
+import '../../utils/hooks/useWalletDelegation/DelegationError.js';
 import '../../store/state/sendBalances.js';
-import { getDisplayFiatPrice } from '../TransactionConfirmationPageLayout/utils.js';
-import { useNetworkConfigurationsFromProjectSettings } from '../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -107,6 +109,7 @@ import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../index.js';
+import { useFetchChain } from '../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
@@ -114,7 +117,6 @@ import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
 import '@dynamic-labs/store';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const SendBalanceTransactionCard = ({ transaction, currentToken, currencySymbol, valueRounded, transactionValue, isGasSponsored, gasFiatValue, totalGasFiatValue, currency, total, t, onFeeUpdate, }) => {
     var _a, _b;

package/src/lib/components/TransactionCard/TransactionCard.cjs

@@ -20,10 +20,11 @@ require('../../shared/consts/index.cjs');
 var networksAndChains = require('../../utils/functions/networksAndChains/networksAndChains.cjs');
 var Icon = require('../Icon/Icon.cjs');
 var Typography = require('../Typography/Typography.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
-require('../../events/dynamicEvents.cjs');
+require('../../context/DynamicContext/useDynamicContext/useDynamicContext.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+var useNetworkConfigurationsFromProjectSettings = require('../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.cjs');
 require('../../../../_virtual/_tslib.cjs');
+require('../../events/dynamicEvents.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -42,6 +43,7 @@ require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../store/state/authMode/authMode.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
@@ -79,7 +81,6 @@ require('../Popper/PopperContext/PopperContext.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('react-focus-lock');
 require('qrcode');
-var useFetchChain = require('../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.cjs');
 var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 require('formik');
 require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
@@ -87,6 +88,7 @@ require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
+require('../../utils/hooks/useWalletBackup/BackupError.cjs');
 require('../../utils/hooks/useWalletBackup/types.cjs');
 require('../../utils/hooks/useWalletBackup/cloudProviders.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -100,8 +102,8 @@ require('../../context/FooterAnimationContext/index.cjs');
 require('../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../context/OnrampContext/OnrampContext.cjs');
+require('../../utils/hooks/useWalletDelegation/DelegationError.cjs');
 require('../../store/state/sendBalances.cjs');
-var useNetworkConfigurationsFromProjectSettings = require('../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -109,6 +111,7 @@ require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../index.cjs');
+var useFetchChain = require('../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
 require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
@@ -116,7 +119,6 @@ require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
 require('@dynamic-labs/store');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
-var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/src/lib/components/TransactionCard/TransactionCard.js

@@ -16,10 +16,11 @@ import '../../shared/consts/index.js';
 import { getNetworkInfoEntry } from '../../utils/functions/networksAndChains/networksAndChains.js';
 import { Icon } from '../Icon/Icon.js';
 import { Typography } from '../Typography/Typography.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
-import '../../events/dynamicEvents.js';
+import '../../context/DynamicContext/useDynamicContext/useDynamicContext.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+import { useNetworkConfigurationsFromProjectSettings } from '../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.js';
 import '../../../../_virtual/_tslib.js';
+import '../../events/dynamicEvents.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -38,6 +39,7 @@ import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../store/state/authMode/authMode.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
@@ -75,7 +77,6 @@ import '../Popper/PopperContext/PopperContext.js';
 import '../ShadowDOM/ShadowDOM.js';
 import 'react-focus-lock';
 import 'qrcode';
-import { useFetchChain } from '../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import 'formik';
 import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
@@ -83,6 +84,7 @@ import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import '../../utils/hooks/useWalletBackup/useWalletBackup.js';
+import '../../utils/hooks/useWalletBackup/BackupError.js';
 import '../../utils/hooks/useWalletBackup/types.js';
 import '../../utils/hooks/useWalletBackup/cloudProviders.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -96,8 +98,8 @@ import '../../context/FooterAnimationContext/index.js';
 import '../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../context/OnrampContext/OnrampContext.js';
+import '../../utils/hooks/useWalletDelegation/DelegationError.js';
 import '../../store/state/sendBalances.js';
-import { useNetworkConfigurationsFromProjectSettings } from '../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -105,6 +107,7 @@ import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../index.js';
+import { useFetchChain } from '../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
@@ -112,7 +115,6 @@ import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
 import '@dynamic-labs/store';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const TransactionCard = ({ transaction, simulationResult, isGasSponsored, isAATransaction, recipient, }) => {
     var _a, _b, _c, _d, _e, _f, _g;

package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.cjs

@@ -3,16 +3,18 @@
 
 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');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('../../context/DynamicContext/useDynamicContext/useDynamicContext.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+var PasskeyContext = require('../../context/PasskeyContext/PasskeyContext.cjs');
+var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 var arrowLeft = require('../../shared/assets/arrow-left.cjs');
 var close = require('../../shared/assets/close.cjs');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
@@ -22,7 +24,6 @@ require('@dynamic-labs/sdk-api-core');
 var usingSessionKeys = require('../../shared/utils/functions/usingSessionKeys/usingSessionKeys.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');
@@ -42,6 +43,7 @@ require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../store/state/authMode/authMode.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
@@ -50,6 +52,7 @@ require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var usePasskeyRecovery = require('../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
 require('bs58');
+var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');
@@ -95,6 +98,7 @@ require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
+require('../../utils/hooks/useWalletBackup/BackupError.cjs');
 require('../../utils/hooks/useWalletBackup/types.cjs');
 require('../../utils/hooks/useWalletBackup/cloudProviders.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -106,12 +110,13 @@ require('../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
-var PasskeyContext = require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../context/OnrampContext/OnrampContext.cjs');
+require('../../utils/hooks/useWalletDelegation/DelegationError.cjs');
 var sendBalances = require('../../store/state/sendBalances.cjs');
 var utils = require('./utils.cjs');
 var TransactionCard = require('../TransactionCard/TransactionCard.cjs');
 var SendBalanceTransactionCard = require('../TransactionCard/SendBalanceTransactionCard.cjs');
+var getTransactionLink = require('../../utils/functions/getTransactionLink/getTransactionLink.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -126,11 +131,18 @@ require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
 require('@dynamic-labs/store');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
-var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
-const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, error, fetchTransactionFee, alert, walletConnector, transaction, currentToken, children, hideModal, onSuccess, transactionValue, total, isGasSponsored, isNativeToken, walletKey, simulationResult, sendBalanceTransaction, recipient, }) => {
+const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, error, fetchTransactionFee, alert, walletConnector, transaction, transactionSignature, currentToken, children, hideModal, onSuccess, transactionValue, total, isGasSponsored, isNativeToken, walletKey, simulationResult, sendBalanceTransaction, recipient, }) => {
     var _a;
     const { t } = reactI18next.useTranslation();
+    const { data: transactionLink } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        return walletConnector && transactionSignature
+            ? getTransactionLink.getTransactionLink({
+                transactionHash: transactionSignature,
+                walletConnector,
+            })
+            : undefined;
+    }), { deps: [walletConnector, transactionSignature] });
     const { isTurnkeyWallet } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     const { setShowAuthFlow, user, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
     const { pushView } = ViewContext.useViewContext();
@@ -157,7 +169,9 @@ const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBac
     const backButton = onClickBack && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }));
     const gasFiatValue = fiatUtils.getGasFiatValue(currentToken, transaction, nativePrice);
     const totalGasFiatValue = fiatUtils.getTotalFiatCost(currentToken, transaction, nativePrice, transactionValue);
-    return hideModal ? null : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.confirmation_tx', children: t('dyn_send_transaction.data.confirmation_tx') }) }) }), !sendBalanceTransaction && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__banner', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_send_transaction.data.banner', children: t('dyn_send_transaction.data.banner') }) })), jsxRuntime.jsx(PasskeyCreatedSuccessBanner.PasskeyCreatedSuccessBanner, {}), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__body', children: [jsxRuntime.jsxs("div", { className: 'transaction-confirmation__content', children: [error && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__error', children: jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }) })), !sendBalanceTransaction ? (jsxRuntime.jsx(TransactionCard.TransactionCard, { transaction: transaction, isGasSponsored: isGasSponsored, isAATransaction: (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev', simulationResult: simulationResult, recipient: recipient })) : (jsxRuntime.jsx(SendBalanceTransactionCard.SendBalanceTransactionCard, { transaction: transaction, currentToken: currentToken, currencySymbol: currencySymbol, valueRounded: (_a = utils.getValueRounded(Boolean(isNativeToken), transaction)) === null || _a === void 0 ? void 0 : _a.toString(), transactionValue: transactionValue, isGasSponsored: isGasSponsored, gasFiatValue: gasFiatValue || '0', totalGasFiatValue: totalGasFiatValue || '0', currency: currency === null || currency === void 0 ? void 0 : currency.symbol, total: total, t: t, onFeeUpdate: fetchTransactionFee })), children && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__rows', children: children }))] }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: alert && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__actions', children: [(onClickBack || onClickClose) && (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'primary', buttonPadding: 'medium', onClick: onClickBack || onClickClose, expanded: true, disabled: isLoading, copykey: 'dyn_send_transaction.confirmation.cancel_button', children: t('dyn_send_transaction.confirmation.cancel_button') })), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'medium', onClick: handleSubmitWithChecks, expanded: true, loading: isLoading, disabled: disableSendButton, copykey: 'dyn_send_transaction.confirmation.send', dataTestId: 'transaction-confirmation-send', children: t('dyn_send_transaction.confirmation.send') })] }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, { walletCredential: walletCredential }), displayPoweredByDynamicFooter && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: 'transaction-confirmation__divider' }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'transaction-confirmation__footer' })] }))] })] }));
+    return hideModal ? null : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.confirmation_tx', children: t('dyn_send_transaction.data.confirmation_tx') }) }) }), !sendBalanceTransaction && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__banner', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_send_transaction.data.banner', children: t('dyn_send_transaction.data.banner') }) })), jsxRuntime.jsx(PasskeyCreatedSuccessBanner.PasskeyCreatedSuccessBanner, {}), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__body', children: [jsxRuntime.jsxs("div", { className: 'transaction-confirmation__content', children: [error && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__error', children: jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: transactionLink && transactionSignature ? (jsxRuntime.jsx(reactI18next.Trans, { i18nKey: 'dyn_send_transaction.error_message.confirmation_timeout_with_link', components: {
+                                            link: (jsxRuntime.jsx(Typography.Typography, { as: 'a', href: transactionLink, target: '_blank', rel: 'noreferrer', className: 'transaction-confirmation__error-link', variant: 'body_small' })),
+                                        } })) : (error) }) })), !sendBalanceTransaction ? (jsxRuntime.jsx(TransactionCard.TransactionCard, { transaction: transaction, isGasSponsored: isGasSponsored, isAATransaction: (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev', simulationResult: simulationResult, recipient: recipient })) : (jsxRuntime.jsx(SendBalanceTransactionCard.SendBalanceTransactionCard, { transaction: transaction, currentToken: currentToken, currencySymbol: currencySymbol, valueRounded: (_a = utils.getValueRounded(Boolean(isNativeToken), transaction)) === null || _a === void 0 ? void 0 : _a.toString(), transactionValue: transactionValue, isGasSponsored: isGasSponsored, gasFiatValue: gasFiatValue || '0', totalGasFiatValue: totalGasFiatValue || '0', currency: currency === null || currency === void 0 ? void 0 : currency.symbol, total: total, t: t, onFeeUpdate: fetchTransactionFee })), children && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__rows', children: children }))] }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: alert && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__actions', children: [(onClickBack || onClickClose) && (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'primary', buttonPadding: 'medium', onClick: onClickBack || onClickClose, expanded: true, disabled: isLoading, copykey: 'dyn_send_transaction.confirmation.cancel_button', children: t('dyn_send_transaction.confirmation.cancel_button') })), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'medium', onClick: handleSubmitWithChecks, expanded: true, loading: isLoading, disabled: disableSendButton, copykey: 'dyn_send_transaction.confirmation.send', dataTestId: 'transaction-confirmation-send', children: t('dyn_send_transaction.confirmation.send') })] }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, { walletCredential: walletCredential }), displayPoweredByDynamicFooter && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: 'transaction-confirmation__divider' }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'transaction-confirmation__footer' })] }))] })] }));
 };
 
 exports.TransactionConfirmationPageLayout = TransactionConfirmationPageLayout;

package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.d.ts

@@ -18,6 +18,7 @@ type TransactionConfirmationPageLayoutProps = {
     hideModal?: boolean;
     walletConnector?: WalletConnector;
     transaction: IUITransaction;
+    transactionSignature?: string;
     total: bigint | undefined;
     currentToken: TokenBalance | undefined;
     transactionValue?: string;

package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.js

@@ -1,14 +1,16 @@
 'use client'
+import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import { useTranslation, Trans } from 'react-i18next';
+import '../../context/DynamicContext/useDynamicContext/useDynamicContext.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+import { usePasskeyContext } from '../../context/PasskeyContext/PasskeyContext.js';
+import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import { ReactComponent as SvgArrowLeft } from '../../shared/assets/arrow-left.js';
 import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
-import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import '../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
@@ -18,7 +20,6 @@ import '@dynamic-labs/sdk-api-core';
 import { usingSessionKey } from '../../shared/utils/functions/usingSessionKeys/usingSessionKeys.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';
@@ -38,6 +39,7 @@ import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../store/state/authMode/authMode.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
@@ -46,6 +48,7 @@ import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { usePasskeyRecovery } from '../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
 import 'bs58';
+import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/LoadingContext/LoadingContext.js';
@@ -91,6 +94,7 @@ import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import '../../utils/hooks/useWalletBackup/useWalletBackup.js';
+import '../../utils/hooks/useWalletBackup/BackupError.js';
 import '../../utils/hooks/useWalletBackup/types.js';
 import '../../utils/hooks/useWalletBackup/cloudProviders.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -102,12 +106,13 @@ import '../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
-import { usePasskeyContext } from '../../context/PasskeyContext/PasskeyContext.js';
 import '../../context/OnrampContext/OnrampContext.js';
+import '../../utils/hooks/useWalletDelegation/DelegationError.js';
 import { useSendBalanceState } from '../../store/state/sendBalances.js';
 import { useCurrencySymbol, useHandleRecovery, getValueRounded, useHandleSubmitWithChecks } from './utils.js';
 import { TransactionCard } from '../TransactionCard/TransactionCard.js';
 import { SendBalanceTransactionCard } from '../TransactionCard/SendBalanceTransactionCard.js';
+import { getTransactionLink } from '../../utils/functions/getTransactionLink/getTransactionLink.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -122,11 +127,18 @@ import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
 import '@dynamic-labs/store';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
-const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, error, fetchTransactionFee, alert, walletConnector, transaction, currentToken, children, hideModal, onSuccess, transactionValue, total, isGasSponsored, isNativeToken, walletKey, simulationResult, sendBalanceTransaction, recipient, }) => {
+const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, error, fetchTransactionFee, alert, walletConnector, transaction, transactionSignature, currentToken, children, hideModal, onSuccess, transactionValue, total, isGasSponsored, isNativeToken, walletKey, simulationResult, sendBalanceTransaction, recipient, }) => {
     var _a;
     const { t } = useTranslation();
+    const { data: transactionLink } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
+        return walletConnector && transactionSignature
+            ? getTransactionLink({
+                transactionHash: transactionSignature,
+                walletConnector,
+            })
+            : undefined;
+    }), { deps: [walletConnector, transactionSignature] });
     const { isTurnkeyWallet } = useIsTurnkeyWallet();
     const { setShowAuthFlow, user, primaryWallet } = useInternalDynamicContext();
     const { pushView } = useViewContext();
@@ -153,7 +165,9 @@ const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBac
     const backButton = onClickBack && (jsx(IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsx(SvgArrowLeft, {}) }));
     const gasFiatValue = getGasFiatValue(currentToken, transaction, nativePrice);
     const totalGasFiatValue = getTotalFiatCost(currentToken, transaction, nativePrice, transactionValue);
-    return hideModal ? null : (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.confirmation_tx', children: t('dyn_send_transaction.data.confirmation_tx') }) }) }), !sendBalanceTransaction && (jsx("div", { className: 'transaction-confirmation__banner', children: jsx(Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_send_transaction.data.banner', children: t('dyn_send_transaction.data.banner') }) })), jsx(PasskeyCreatedSuccessBanner, {}), jsxs("div", { className: 'transaction-confirmation__body', children: [jsxs("div", { className: 'transaction-confirmation__content', children: [error && (jsx("div", { className: 'transaction-confirmation__error', children: jsx(ErrorContainer, { children: error }) })), !sendBalanceTransaction ? (jsx(TransactionCard, { transaction: transaction, isGasSponsored: isGasSponsored, isAATransaction: (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev', simulationResult: simulationResult, recipient: recipient })) : (jsx(SendBalanceTransactionCard, { transaction: transaction, currentToken: currentToken, currencySymbol: currencySymbol, valueRounded: (_a = getValueRounded(Boolean(isNativeToken), transaction)) === null || _a === void 0 ? void 0 : _a.toString(), transactionValue: transactionValue, isGasSponsored: isGasSponsored, gasFiatValue: gasFiatValue || '0', totalGasFiatValue: totalGasFiatValue || '0', currency: currency === null || currency === void 0 ? void 0 : currency.symbol, total: total, t: t, onFeeUpdate: fetchTransactionFee })), children && (jsx("div", { className: 'transaction-confirmation__rows', children: children }))] }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: alert && (jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsxs("div", { className: 'transaction-confirmation__actions', children: [(onClickBack || onClickClose) && (jsx(TypographyButton, { buttonVariant: 'primary', buttonPadding: 'medium', onClick: onClickBack || onClickClose, expanded: true, disabled: isLoading, copykey: 'dyn_send_transaction.confirmation.cancel_button', children: t('dyn_send_transaction.confirmation.cancel_button') })), jsx(TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'medium', onClick: handleSubmitWithChecks, expanded: true, loading: isLoading, disabled: disableSendButton, copykey: 'dyn_send_transaction.confirmation.send', dataTestId: 'transaction-confirmation-send', children: t('dyn_send_transaction.confirmation.send') })] }), jsx(NeedHelpSection, { walletCredential: walletCredential }), displayPoweredByDynamicFooter && (jsxs(Fragment, { children: [jsx("div", { className: 'transaction-confirmation__divider' }), jsx(PoweredByDynamic, { classNameRoot: 'transaction-confirmation__footer' })] }))] })] }));
+    return hideModal ? null : (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.confirmation_tx', children: t('dyn_send_transaction.data.confirmation_tx') }) }) }), !sendBalanceTransaction && (jsx("div", { className: 'transaction-confirmation__banner', children: jsx(Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_send_transaction.data.banner', children: t('dyn_send_transaction.data.banner') }) })), jsx(PasskeyCreatedSuccessBanner, {}), jsxs("div", { className: 'transaction-confirmation__body', children: [jsxs("div", { className: 'transaction-confirmation__content', children: [error && (jsx("div", { className: 'transaction-confirmation__error', children: jsx(ErrorContainer, { children: transactionLink && transactionSignature ? (jsx(Trans, { i18nKey: 'dyn_send_transaction.error_message.confirmation_timeout_with_link', components: {
+                                            link: (jsx(Typography, { as: 'a', href: transactionLink, target: '_blank', rel: 'noreferrer', className: 'transaction-confirmation__error-link', variant: 'body_small' })),
+                                        } })) : (error) }) })), !sendBalanceTransaction ? (jsx(TransactionCard, { transaction: transaction, isGasSponsored: isGasSponsored, isAATransaction: (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev', simulationResult: simulationResult, recipient: recipient })) : (jsx(SendBalanceTransactionCard, { transaction: transaction, currentToken: currentToken, currencySymbol: currencySymbol, valueRounded: (_a = getValueRounded(Boolean(isNativeToken), transaction)) === null || _a === void 0 ? void 0 : _a.toString(), transactionValue: transactionValue, isGasSponsored: isGasSponsored, gasFiatValue: gasFiatValue || '0', totalGasFiatValue: totalGasFiatValue || '0', currency: currency === null || currency === void 0 ? void 0 : currency.symbol, total: total, t: t, onFeeUpdate: fetchTransactionFee })), children && (jsx("div", { className: 'transaction-confirmation__rows', children: children }))] }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: alert && (jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsxs("div", { className: 'transaction-confirmation__actions', children: [(onClickBack || onClickClose) && (jsx(TypographyButton, { buttonVariant: 'primary', buttonPadding: 'medium', onClick: onClickBack || onClickClose, expanded: true, disabled: isLoading, copykey: 'dyn_send_transaction.confirmation.cancel_button', children: t('dyn_send_transaction.confirmation.cancel_button') })), jsx(TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'medium', onClick: handleSubmitWithChecks, expanded: true, loading: isLoading, disabled: disableSendButton, copykey: 'dyn_send_transaction.confirmation.send', dataTestId: 'transaction-confirmation-send', children: t('dyn_send_transaction.confirmation.send') })] }), jsx(NeedHelpSection, { walletCredential: walletCredential }), displayPoweredByDynamicFooter && (jsxs(Fragment, { children: [jsx("div", { className: 'transaction-confirmation__divider' }), jsx(PoweredByDynamic, { classNameRoot: 'transaction-confirmation__footer' })] }))] })] }));
 };
 
 export { TransactionConfirmationPageLayout };

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.cjs

@@ -24,11 +24,9 @@ var Alert = require('../Alert/Alert.cjs');
 var AnimatePresence = require('../AnimatePresence/AnimatePresence.cjs');
 var Typography = require('../Typography/Typography.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
-require('../../events/dynamicEvents.cjs');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/DynamicContext/useDynamicContext/useDynamicContext.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+require('../../context/WalletContext/WalletContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../store/state/nonce/nonce.cjs');
@@ -37,14 +35,18 @@ require('@dynamic-labs-sdk/client/core');
 require('eventemitter3');
 require('@dynamic-labs-sdk/client');
 require('../../config/ApiEndpoint.cjs');
+require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/locale');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../store/state/authMode/authMode.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
@@ -56,7 +58,6 @@ var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');
-require('../../context/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
@@ -83,6 +84,7 @@ var IconButton = require('../IconButton/IconButton.cjs');
 var ModalHeader = require('../ModalHeader/ModalHeader.cjs');
 var TypographyButton = require('../TypographyButton/TypographyButton.cjs');
 require('../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
+require('../../utils/hooks/useWalletDelegation/DelegationError.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
@@ -96,6 +98,7 @@ require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
+require('../../utils/hooks/useWalletBackup/BackupError.cjs');
 require('../../utils/hooks/useWalletBackup/types.cjs');
 require('../../utils/hooks/useWalletBackup/cloudProviders.cjs');
 require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
@@ -118,7 +121,6 @@ require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
 require('@dynamic-labs/store');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
-var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('../IsBrowser/IsBrowser.cjs');
 require('../Popper/Popper/Popper.cjs');

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.js

@@ -20,11 +20,9 @@ import { Alert } from '../Alert/Alert.js';
 import { AnimatePresence } from '../AnimatePresence/AnimatePresence.js';
 import { Typography } from '../Typography/Typography.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
-import '../../events/dynamicEvents.js';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/DynamicContext/useDynamicContext/useDynamicContext.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+import '../../context/WalletContext/WalletContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../store/state/nonce/nonce.js';
@@ -33,14 +31,18 @@ import '@dynamic-labs-sdk/client/core';
 import 'eventemitter3';
 import '@dynamic-labs-sdk/client';
 import '../../config/ApiEndpoint.js';
+import '../../events/dynamicEvents.js';
 import '@dynamic-labs/locale';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../store/state/authMode/authMode.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
@@ -52,7 +54,6 @@ import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/LoadingContext/LoadingContext.js';
-import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
@@ -79,6 +80,7 @@ import { IconButton } from '../IconButton/IconButton.js';
 import { ModalHeader } from '../ModalHeader/ModalHeader.js';
 import { TypographyButton } from '../TypographyButton/TypographyButton.js';
 import '../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
+import '../../utils/hooks/useWalletDelegation/DelegationError.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
@@ -92,6 +94,7 @@ import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../utils/hooks/useWalletBackup/useWalletBackup.js';
+import '../../utils/hooks/useWalletBackup/BackupError.js';
 import '../../utils/hooks/useWalletBackup/types.js';
 import '../../utils/hooks/useWalletBackup/cloudProviders.js';
 import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
@@ -114,7 +117,6 @@ import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
 import '@dynamic-labs/store';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 import '../InlineWidget/InlineWidget.js';
 import '../IsBrowser/IsBrowser.js';
 import '../Popper/Popper/Popper.js';