@dynamic-labs/sdk-react-core 4.0.0-alpha.2 → 4.0.0-alpha.21

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

@@ -66,26 +66,17 @@ import '../../../components/Input/Input.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../polyfills.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../components/IsBrowser/IsBrowser.js';
-import '../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../context/FundingContext/FundingContext.js';
-import '../../../components/Popper/Popper/Popper.js';
-import '../../../components/Popper/PopperContext/PopperContext.js';
+import '../../../../index.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../context/ConnectWithOtpContext/constants.js';
-import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import '../../../store/state/tokenBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
 import { QrCodeWrapper } from '../../../components/QrCodeWrapper/QrCodeWrapper.js';
 

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

@@ -73,26 +73,17 @@ require('../../../components/Input/Input.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../polyfills.cjs');
-require('../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../../components/IsBrowser/IsBrowser.cjs');
-require('../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../../context/FundingContext/FundingContext.cjs');
-require('../../../components/Popper/Popper/Popper.cjs');
-require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../../../index.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../context/ConnectWithOtpContext/constants.cjs');
-require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 require('../../../store/state/tokenBalances.cjs');
+require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../components/Popper/Popper/Popper.cjs');
+require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
 
 const SwitchWalletView = ({ onCancel, connector, expectedAddress, activeAddress, }) => {

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

@@ -69,26 +69,17 @@ import '../../../components/Input/Input.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../polyfills.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../components/IsBrowser/IsBrowser.js';
-import '../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../context/FundingContext/FundingContext.js';
-import '../../../components/Popper/Popper/Popper.js';
-import '../../../components/Popper/PopperContext/PopperContext.js';
+import '../../../../index.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../context/ConnectWithOtpContext/constants.js';
-import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import '../../../store/state/tokenBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
 
 const SwitchWalletView = ({ onCancel, connector, expectedAddress, activeAddress, }) => {

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

@@ -7,26 +7,23 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var utils = require('@dynamic-labs/utils');
-require('../../../polyfills.cjs');
-require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/rpc-providers');
+require('../../../index.cjs');
+var useDynamicEvents = require('../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
+var useWalletConnectorEvent = require('../../utils/hooks/events/useWalletConnectorEvent/useWalletConnectorEvent.cjs');
+require('react');
+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');
-require('react');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../store/state/loadingAndLifecycle.cjs');
 require('../../shared/consts/index.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-var useDynamicEvents = require('../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
-var useWalletConnectorEvent = require('../../utils/hooks/events/useWalletConnectorEvent/useWalletConnectorEvent.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
@@ -49,6 +46,7 @@ require('../../context/MockContext/MockContext.cjs');
 require('../CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../store/state/environmentId.cjs');
 require('../../store/state/walletConnectorOptions.cjs');
 require('react-i18next');
@@ -72,11 +70,11 @@ require('qrcode');
 require('formik');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -86,14 +84,7 @@ var SwitchWalletView = require('./SwitchWalletView/SwitchWalletView.cjs');
 var ReconnectWithQrCodeView = require('./ReconnectWithQrCodeView/ReconnectWithQrCodeView.cjs');
 var AutoReconnectingView = require('./AutoReconnectingView/AutoReconnectingView.cjs');
 require('../../store/state/tokenBalances.cjs');
-require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../context/FundingContext/FundingContext.cjs');
-require('../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../context/ConnectWithOtpContext/constants.cjs');
-require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 const SyncWalletView = ({ onSuccess, onError, expectedAddress, activeAddress, connector, }) => {
     const showQrCodeModal = connector.canConnectViaQrCode &&

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

@@ -3,26 +3,23 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { isSameAddress } from '@dynamic-labs/wallet-connector-core';
 import { DynamicError } from '@dynamic-labs/utils';
-import '../../../polyfills.js';
-import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/rpc-providers';
+import '../../../index.js';
+import { useInternalDynamicEvents } from '../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
+import { useWalletConnectorEvent } from '../../utils/hooks/events/useWalletConnectorEvent/useWalletConnectorEvent.js';
+import 'react';
+import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '../../context/ViewContext/ViewContext.js';
-import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../store/state/loadingAndLifecycle.js';
 import '../../shared/consts/index.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import { useInternalDynamicEvents } from '../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
-import { useWalletConnectorEvent } from '../../utils/hooks/events/useWalletConnectorEvent/useWalletConnectorEvent.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
@@ -45,6 +42,7 @@ import '../../context/MockContext/MockContext.js';
 import '../CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
 import '../../store/state/environmentId.js';
 import '../../store/state/walletConnectorOptions.js';
 import 'react-i18next';
@@ -68,11 +66,11 @@ import 'qrcode';
 import 'formik';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -82,14 +80,7 @@ import { SwitchWalletView } from './SwitchWalletView/SwitchWalletView.js';
 import { ReconnectWithQrCodeView } from './ReconnectWithQrCodeView/ReconnectWithQrCodeView.js';
 import { AutoReconnectingView } from './AutoReconnectingView/AutoReconnectingView.js';
 import '../../store/state/tokenBalances.js';
-import '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../context/FundingContext/FundingContext.js';
-import '../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../context/ConnectWithOtpContext/constants.js';
-import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 const SyncWalletView = ({ onSuccess, onError, expectedAddress, activeAddress, connector, }) => {
     const showQrCodeModal = connector.canConnectViaQrCode &&

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

@@ -72,34 +72,27 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
+var useFetchChain = require('../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.cjs');
 var useFetchCurrency = require('../../widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.cjs');
 require('formik');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
-var sendBalances = require('../../store/state/sendBalances.cjs');
+require('../../store/state/sendBalances.cjs');
 var TransactionConfirmationPageLayout = require('../../components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 var useTransactionTotal = require('./hooks/useTransactionTotal/useTransactionTotal.cjs');
 var transactionErrorMessage = require('./helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../polyfills.cjs');
-require('../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../context/FundingContext/FundingContext.cjs');
-require('../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../context/ConnectWithOtpContext/constants.cjs');
-require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../index.cjs');
+var useNetworkDataFromWallet = require('../../utils/hooks/useNetworkDataFromWallet/useNetworkDataFromWallet.cjs');
 require('../../store/state/tokenBalances.cjs');
+require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const FEE_REFRESH_INTERVAL = 20000;
@@ -110,14 +103,14 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
     const update = useForceUpdate.useForceUpdate();
     const { t } = reactI18next.useTranslation();
     const { currency } = useFetchCurrency.useFetchCurrency(walletConnector);
-    const { chainName } = sendBalances.useSendBalanceState();
+    const { chain } = useFetchChain.useFetchChain(walletConnector);
     /**
      * 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 (chainName === 'Solana' && transaction.fee.gas !== undefined)
+        if ((chain === null || chain === void 0 ? void 0 : chain.name) === 'Solana' && transaction.fee.gas !== undefined)
             return;
         transaction.fetchFee().finally(update);
     };
@@ -215,9 +208,10 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         isNativeToken,
         isLoading,
     ]);
+    const networkData = useNetworkDataFromWallet.useNetworkDataFromWallet(primaryWallet);
     return (jsxRuntime.jsxs(TransactionConfirmationPageLayout.TransactionConfirmationPageLayout, { onClickBack: onClickBack, onClickClose: onClickClose, copykey: copykey, title: title, appOrigin: appOrigin, appName: appName, appLogoUrl: appLogoUrl, hideModal: hideModal, isLoading: isLoading, onClickSend: () => send(), onSuccess: (tx) => onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(tx), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, disableSendButton: isBalanceLoading, error: errorMessage, alert: alert, walletConnector: walletConnector, transaction: transaction, total: total, currentToken: currentToken, transactionValue: transactionValue, isNativeToken: isNativeToken, isGasSponsored: isGasSponsored, isGasSponsoredLoading: isGasSponsoredLoading, walletKey: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key) || '', children: [jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-wallet_used', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.wallet_used') }), jsxRuntime.jsxs(Typography.Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key, width: 20, height: 20 }), ' ', shortenWalletAddress.shortenWalletAddress(transaction.from, 4, 4)] })] }), isModal && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-destination', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.destination') }), jsxRuntime.jsxs(Typography.Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key, width: 20, height: 20 }), ' ', shortenWalletAddress.shortenWalletAddress(transaction.to, 4, 4)] })] }), jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-amount', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.amount') }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: transaction.value
                                     ? transaction.format(transaction.value, { precision: 6 })
-                                    : '' })] })] })), jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-network_used', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.network_used') }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'primary', children: chainName })] })] }));
+                                    : '' })] })] })), jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-network_used', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.network_used') }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'primary', children: networkData === null || networkData === void 0 ? void 0 : networkData.name })] })] }));
 };
 
 exports.FEE_REFRESH_INTERVAL = FEE_REFRESH_INTERVAL;

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

@@ -68,34 +68,27 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
+import { useFetchChain } from '../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js';
 import { useFetchCurrency } from '../../widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.js';
 import 'formik';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
-import { useSendBalanceState } from '../../store/state/sendBalances.js';
+import '../../store/state/sendBalances.js';
 import { TransactionConfirmationPageLayout } from '../../components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import { useTransactionTotal } from './hooks/useTransactionTotal/useTransactionTotal.js';
 import { transactionErrorMessage } from './helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../polyfills.js';
-import '../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../context/FundingContext/FundingContext.js';
-import '../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../context/ConnectWithOtpContext/constants.js';
-import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../index.js';
+import { useNetworkDataFromWallet } from '../../utils/hooks/useNetworkDataFromWallet/useNetworkDataFromWallet.js';
 import '../../store/state/tokenBalances.js';
+import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const FEE_REFRESH_INTERVAL = 20000;
@@ -106,14 +99,14 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
     const update = useForceUpdate();
     const { t } = useTranslation();
     const { currency } = useFetchCurrency(walletConnector);
-    const { chainName } = useSendBalanceState();
+    const { chain } = useFetchChain(walletConnector);
     /**
      * 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 (chainName === 'Solana' && transaction.fee.gas !== undefined)
+        if ((chain === null || chain === void 0 ? void 0 : chain.name) === 'Solana' && transaction.fee.gas !== undefined)
             return;
         transaction.fetchFee().finally(update);
     };
@@ -211,9 +204,10 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         isNativeToken,
         isLoading,
     ]);
+    const networkData = useNetworkDataFromWallet(primaryWallet);
     return (jsxs(TransactionConfirmationPageLayout, { onClickBack: onClickBack, onClickClose: onClickClose, copykey: copykey, title: title, appOrigin: appOrigin, appName: appName, appLogoUrl: appLogoUrl, hideModal: hideModal, isLoading: isLoading, onClickSend: () => send(), onSuccess: (tx) => onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(tx), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, disableSendButton: isBalanceLoading, error: errorMessage, alert: alert, walletConnector: walletConnector, transaction: transaction, total: total, currentToken: currentToken, transactionValue: transactionValue, isNativeToken: isNativeToken, isGasSponsored: isGasSponsored, isGasSponsoredLoading: isGasSponsoredLoading, walletKey: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key) || '', children: [jsxs("div", { className: 'row flex', "data-testid": 'transaction-wallet_used', children: [jsx(Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.wallet_used') }), jsxs(Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: [jsx(WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key, width: 20, height: 20 }), ' ', shortenWalletAddress(transaction.from, 4, 4)] })] }), isModal && (jsxs(Fragment, { children: [jsxs("div", { className: 'row flex', "data-testid": 'transaction-destination', children: [jsx(Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.destination') }), jsxs(Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: [jsx(WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key, width: 20, height: 20 }), ' ', shortenWalletAddress(transaction.to, 4, 4)] })] }), jsxs("div", { className: 'row flex', "data-testid": 'transaction-amount', children: [jsx(Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.amount') }), jsx(Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: transaction.value
                                     ? transaction.format(transaction.value, { precision: 6 })
-                                    : '' })] })] })), jsxs("div", { className: 'row flex', "data-testid": 'transaction-network_used', children: [jsx(Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.network_used') }), jsx(Typography, { weight: 'regular', color: 'primary', children: chainName })] })] }));
+                                    : '' })] })] })), jsxs("div", { className: 'row flex', "data-testid": 'transaction-network_used', children: [jsx(Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.network_used') }), jsx(Typography, { weight: 'regular', color: 'primary', children: networkData === null || networkData === void 0 ? void 0 : networkData.name })] })] }));
 };
 
 export { FEE_REFRESH_INTERVAL, TransactionConfirmationView };

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

@@ -67,35 +67,26 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var UserProfileForm = require('../../components/UserProfileForm/UserProfileForm.cjs');
-require('../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 require('formik');
+require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../polyfills.cjs');
-require('../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../components/IsBrowser/IsBrowser.cjs');
-require('../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../context/FundingContext/FundingContext.cjs');
-require('../../components/Popper/Popper/Popper.cjs');
-require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../../index.cjs');
+var useAssignDefaultValues = require('./useAssignDefaultValues/useAssignDefaultValues.cjs');
+var UserFieldsToIcon = require('./UserFieldsToIcon/UserFieldsToIcon.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../context/ConnectWithOtpContext/constants.cjs');
-require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
-var useAssignDefaultValues = require('./useAssignDefaultValues/useAssignDefaultValues.cjs');
-var UserFieldsToIcon = require('./UserFieldsToIcon/UserFieldsToIcon.cjs');
 require('../../store/state/tokenBalances.cjs');
+require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
 
 const UserFieldEditorView = ({ onClickClose, onSubmit, fields, submitText, subtitle, title, }) => {

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

@@ -63,35 +63,26 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { UserProfileForm } from '../../components/UserProfileForm/UserProfileForm.js';
-import '../../store/state/sendBalances.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import 'formik';
+import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../polyfills.js';
-import '../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../components/IsBrowser/IsBrowser.js';
-import '../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../context/FundingContext/FundingContext.js';
-import '../../components/Popper/Popper/Popper.js';
-import '../../components/Popper/PopperContext/PopperContext.js';
+import '../../../index.js';
+import { useAssignDefaultValues } from './useAssignDefaultValues/useAssignDefaultValues.js';
+import { UserFieldsToIcon } from './UserFieldsToIcon/UserFieldsToIcon.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../context/ConnectWithOtpContext/constants.js';
-import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
-import { useAssignDefaultValues } from './useAssignDefaultValues/useAssignDefaultValues.js';
-import { UserFieldsToIcon } from './UserFieldsToIcon/UserFieldsToIcon.js';
 import '../../store/state/tokenBalances.js';
+import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
 
 const UserFieldEditorView = ({ onClickClose, onSubmit, fields, submitText, subtitle, title, }) => {

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

@@ -67,29 +67,20 @@ require('qrcode');
 require('formik');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../polyfills.cjs');
-require('../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../../context/FundingContext/FundingContext.cjs');
-require('../../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../context/ConnectWithOtpContext/constants.cjs');
-require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../../index.cjs');
 var splitCamelCase = require('../../../shared/utils/functions/splitCamelCase/splitCamelCase.cjs');
 require('../../../store/state/tokenBalances.cjs');
+require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 /** This function assigns the default values for the modal's text components */

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

@@ -63,29 +63,20 @@ import 'qrcode';
 import 'formik';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../store/state/sendBalances.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../polyfills.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../context/FundingContext/FundingContext.js';
-import '../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../context/ConnectWithOtpContext/constants.js';
-import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../index.js';
 import { splitCamelCase } from '../../../shared/utils/functions/splitCamelCase/splitCamelCase.js';
 import '../../../store/state/tokenBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 /** This function assigns the default values for the modal's text components */

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

@@ -73,26 +73,17 @@ require('../../components/Input/Input.cjs');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../polyfills.cjs');
-require('../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../components/IsBrowser/IsBrowser.cjs');
-require('../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../context/FundingContext/FundingContext.cjs');
-require('../../components/Popper/Popper/Popper.cjs');
-require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../../index.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../context/ConnectWithOtpContext/constants.cjs');
-require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 require('../../store/state/tokenBalances.cjs');
+require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
 
 const WalletCannotBeTransferredView = () => {