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

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

@@ -1,6 +1,6 @@
-import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useMemo } from 'react';
 import '../../../../events/dynamicEvents.js';
+import '../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
@@ -25,7 +25,6 @@ import '../../../../config/ApiEndpoint.js';
 import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
 import '../../../../context/ThemeContext/ThemeContext.js';
-import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import { useTransactionEstimatedGas } from '../../../../utils/hooks/useTransactionEstimatedGas/useTransactionEstimatedGas.js';
 import 'yup';
@@ -63,22 +62,39 @@ import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/viem-utils';
+import { useEstimateL1Fee } from '../../../../utils/hooks/useEstimateL1Fee/useEstimateL1Fee.js';
+import '../../helpers/transactionErrorMessage.js';
+import '../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
+/**
+ * Estimates the total gas price to be paid for the transaction.
+ */
 const useTransactionGas = ({ provider, transaction, }) => {
+    const { data: l1GasPrice } = useEstimateL1Fee(provider, transaction);
     const { data: estimatedGas, isLoading: isEstimatedGasLoading } = useTransactionEstimatedGas(provider, transaction);
-    const { data: gasPrice, isLoading: isLoadingGasPrice } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (transaction.gasPrice) {
-            const { gasPrice } = transaction;
+    const gasPrice = useMemo(() => {
+        const { maxFeePerGas, gasPrice } = transaction;
+        if (gasPrice)
             return gasPrice;
+        if (!maxFeePerGas) {
+            return undefined;
         }
-        return provider.getGasPrice();
-    }), {
-        deps: [transaction.gasPrice],
-    });
-    const gasTotalPrice = useMemo(() => (gasPrice && estimatedGas ? gasPrice * estimatedGas : undefined), [gasPrice, estimatedGas]);
-    const isLoading = isEstimatedGasLoading || isLoadingGasPrice;
+        return maxFeePerGas;
+    }, [transaction]);
+    /**
+     * Generates the total gas price to be paid for the transaction.
+     * Gas price is calculated by multiplying the gas price by the estimated gas.
+     * If the chain is L1, the l1 extra gas price is added to the total gas price.
+     */
+    const gasTotalPrice = useMemo(() => {
+        const l2GasEstimate = gasPrice && estimatedGas ? gasPrice * estimatedGas : undefined;
+        if (l1GasPrice && l2GasEstimate) {
+            return l2GasEstimate + l1GasPrice;
+        }
+        return l2GasEstimate;
+    }, [gasPrice, estimatedGas, l1GasPrice]);
+    const isLoading = isEstimatedGasLoading;
     const isGasEstimated = Boolean(estimatedGas) && !transaction.gasPrice;
     return {
         gasTotalPrice,

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

@@ -62,6 +62,8 @@ require('../../components/Alert/Alert.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useAssignDefaultValues = require('./useAssignDefaultValues/useAssignDefaultValues.cjs');
 var UserFieldsToIcon = require('./UserFieldsToIcon/UserFieldsToIcon.cjs');

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

@@ -58,6 +58,8 @@ import '../../components/Alert/Alert.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
+import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useAssignDefaultValues } from './useAssignDefaultValues/useAssignDefaultValues.js';
 import { UserFieldsToIcon } from './UserFieldsToIcon/UserFieldsToIcon.js';

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

@@ -66,6 +66,8 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var splitCamelCase = require('../../../shared/utils/functions/splitCamelCase/splitCamelCase.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');

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

@@ -62,6 +62,8 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { splitCamelCase } from '../../../shared/utils/functions/splitCamelCase/splitCamelCase.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';

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

@@ -61,6 +61,8 @@ require('../../components/Alert/Alert.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');

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

@@ -57,6 +57,8 @@ import '../../components/Alert/Alert.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
+import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/IsBrowser/IsBrowser.js';

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

@@ -71,6 +71,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const WalletGroupView = () => {

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

@@ -67,6 +67,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const WalletGroupView = () => {

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

@@ -65,6 +65,8 @@ require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var ListTile = require('../../../../components/ListTile/ListTile.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');

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

@@ -61,6 +61,8 @@ import '../../../../components/Alert/Alert.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
+import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { ListTile } from '../../../../components/ListTile/ListTile.js';
 import '../../../../components/InlineWidget/InlineWidget.js';

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

@@ -59,6 +59,8 @@ require('../../../components/Alert/Alert.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/IsBrowser/IsBrowser.cjs');

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

@@ -55,6 +55,8 @@ import '../../../components/Alert/Alert.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
+import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/IsBrowser/IsBrowser.js';

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

@@ -75,6 +75,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useViewSettings = require('../../utils/hooks/useViewSettings/useViewSettings.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
@@ -104,7 +106,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
         index.FilterBridgeChainsName(bridgeChainsToConnect[0].chain);
     const filteredBridgeChains = getFilteredBridgeChains && getFilteredBridgeChains(walletConnectorOptions);
     const effectiveWalletFilter = React.useMemo(() => {
-        if (selectedTabSettings) {
+        if (selectedTabSettings && (selectedTabSettings === null || selectedTabSettings === void 0 ? void 0 : selectedTabSettings.walletsFilter)) {
             return selectedTabSettings === null || selectedTabSettings === void 0 ? void 0 : selectedTabSettings.walletsFilter;
         }
         return walletsFilter;
@@ -149,7 +151,6 @@ const WalletList = ({ isWalletConnectList = false, }) => {
         }), children: jsxRuntime.jsx(Search.Search, { copykey: 'dyn_wallet_list.search.label', label: t('dyn_wallet_list.search.label', { numberOfWallets }), value: filterValue, onChange: ({ target: { value } }) => handleFilterValueChange(value), onClickClear: () => handleFilterValueChange('') }) })));
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) && !isLinkingWallet && (jsxRuntime.jsx("div", { className: 'wallet-list__tabs-container', children: jsxRuntime.jsx(WalletListGridTabs.WalletListGridTabs, { items: walletListViewSettings.tabs.items, value: selectedTabIndex || 0, onSelect: setSelectedTabIndex }) })), searchContainer, Boolean(error) && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { className: 'wallet-list__error-container', withIcon: false, children: error })), jsxRuntime.jsx("div", { className: 'wallet-list__container', children: jsxRuntime.jsxs("div", { className: classNames.classNames('wallet-list__scroll-container', {
                         'wallet-list__scroll-container--error': Boolean(error),
-                        'wallet-list__scroll-container--full-height': isSearchEnabled,
                     }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll, children: [!projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [walletConnectorOptions.length === 0 && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { copykey: 'dyn_wallet_list.configuration_mismatch', children: t('dyn_wallet_list.configuration_mismatch') })), walletConnectorOptions.length && walletsList.length === 0 ? (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, { title: t('dyn_wallet_list.search.not_found.title'), subtitle: t('dyn_wallet_list.search.not_found.description'), image: jsxRuntime.jsx(noWalletFound.ReactComponent, {}) })) : (walletsList.map((wallet, index) => (jsxRuntime.jsx(WalletListItem.WalletListItem, { wallet: wallet, onResetSearchValue: () => handleFilterValueChange('') }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, {}))] }) }), showDefaultFooter && (jsxRuntime.jsx(DefaultFooter.DefaultFooter, { hideBorder: !footerBorderIsVisible }))] }));
 };
 

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

@@ -71,6 +71,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useViewSettings } from '../../utils/hooks/useViewSettings/useViewSettings.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
@@ -100,7 +102,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
         FilterBridgeChainsName(bridgeChainsToConnect[0].chain);
     const filteredBridgeChains = getFilteredBridgeChains && getFilteredBridgeChains(walletConnectorOptions);
     const effectiveWalletFilter = useMemo(() => {
-        if (selectedTabSettings) {
+        if (selectedTabSettings && (selectedTabSettings === null || selectedTabSettings === void 0 ? void 0 : selectedTabSettings.walletsFilter)) {
             return selectedTabSettings === null || selectedTabSettings === void 0 ? void 0 : selectedTabSettings.walletsFilter;
         }
         return walletsFilter;
@@ -145,7 +147,6 @@ const WalletList = ({ isWalletConnectList = false, }) => {
         }), children: jsx(Search, { copykey: 'dyn_wallet_list.search.label', label: t('dyn_wallet_list.search.label', { numberOfWallets }), value: filterValue, onChange: ({ target: { value } }) => handleFilterValueChange(value), onClickClear: () => handleFilterValueChange('') }) })));
     return (jsxs(Fragment, { children: [(walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) && !isLinkingWallet && (jsx("div", { className: 'wallet-list__tabs-container', children: jsx(WalletListGridTabs, { items: walletListViewSettings.tabs.items, value: selectedTabIndex || 0, onSelect: setSelectedTabIndex }) })), searchContainer, Boolean(error) && (jsx(ErrorContainer, { className: 'wallet-list__error-container', withIcon: false, children: error })), jsx("div", { className: 'wallet-list__container', children: jsxs("div", { className: classNames('wallet-list__scroll-container', {
                         'wallet-list__scroll-container--error': Boolean(error),
-                        'wallet-list__scroll-container--full-height': isSearchEnabled,
                     }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll, children: [!projectSettings ? (jsx(Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsxs(Fragment, { children: [walletConnectorOptions.length === 0 && (jsx(ErrorContainer, { copykey: 'dyn_wallet_list.configuration_mismatch', children: t('dyn_wallet_list.configuration_mismatch') })), walletConnectorOptions.length && walletsList.length === 0 ? (jsx(SearchNotFoundMessage, { title: t('dyn_wallet_list.search.not_found.title'), subtitle: t('dyn_wallet_list.search.not_found.description'), image: jsx(SvgNoWalletFound, {}) })) : (walletsList.map((wallet, index) => (jsx(WalletListItem, { wallet: wallet, onResetSearchValue: () => handleFilterValueChange('') }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsx(SearchNotFoundMessage, {}))] }) }), showDefaultFooter && (jsx(DefaultFooter, { hideBorder: !footerBorderIsVisible }))] }));
 };
 

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

@@ -61,6 +61,8 @@ require('../../../components/Alert/Alert.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/IsBrowser/IsBrowser.cjs');

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

@@ -57,6 +57,8 @@ import '../../../components/Alert/Alert.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
+import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/IsBrowser/IsBrowser.js';

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

@@ -66,6 +66,8 @@ require('../../../components/Alert/Alert.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var ListTile = require('../../../components/ListTile/ListTile.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');

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

@@ -62,6 +62,8 @@ import '../../../components/Alert/Alert.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
+import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { ListTile } from '../../../components/ListTile/ListTile.js';
 import '../../../components/InlineWidget/InlineWidget.js';

package/src/lib/views/WalletLockedView/WalletLockedView.cjs

@@ -64,6 +64,8 @@ require('../../components/Alert/Alert.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var TextButton = require('../../components/TextButton/TextButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');

package/src/lib/views/WalletLockedView/WalletLockedView.js

@@ -60,6 +60,8 @@ import '../../components/Alert/Alert.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
+import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { TextButton } from '../../components/TextButton/TextButton.js';
 import '../../components/InlineWidget/InlineWidget.js';

package/src/lib/views/WalletRedirectView/WalletRedirectView.cjs

@@ -0,0 +1,84 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
+var walletBook = require('@dynamic-labs/wallet-book');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
+require('react');
+require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/utils');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('../../shared/consts/index.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('viem/chains');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('react-dom');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('@dynamic-labs/types');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('i18next');
+require('qrcode');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+var Typography = require('../../components/Typography/Typography.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('formik');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('@dynamic-labs/viem-utils');
+require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+
+const WalletRedirectView = () => {
+    const { t } = reactI18next.useTranslation();
+    const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
+    return (jsxRuntime.jsxs("div", { className: classNames.classNames('wallet-redirect-view__container'), children: [selectedWalletConnector && (jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { iconSize: 64, Icon: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: selectedWalletConnector.key }), isSpinning: true })), jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'title', className: classNames.classNames('wallet-redirect-view__title'), copykey: 'dyn_wallet_redirect.loading', children: t('dyn_wallet_redirect.loading') }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'powered-by-dynamic' })] }));
+};
+
+exports.WalletRedirectView = WalletRedirectView;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WalletRedirectView: () => JSX.Element;

package/src/lib/views/WalletRedirectView/WalletRedirectView.js

@@ -0,0 +1,80 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
+import { WalletIcon } from '@dynamic-labs/wallet-book';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
+import 'react';
+import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
+import '@dynamic-labs/utils';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '../../shared/consts/index.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'viem/chains';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../config/ApiEndpoint.js';
+import '../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'react-dom';
+import '../../context/ThemeContext/ThemeContext.js';
+import '@dynamic-labs/types';
+import 'yup';
+import '../../context/MockContext/MockContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
+import '../../context/FooterAnimationContext/index.js';
+import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
+import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
+import '../../context/LoadingContext/LoadingContext.js';
+import 'i18next';
+import 'qrcode';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import { Typography } from '../../components/Typography/Typography.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import 'formik';
+import '../../components/IconButton/IconButton.js';
+import '../../components/Alert/Alert.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/viem-utils';
+import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import '../WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+
+const WalletRedirectView = () => {
+    const { t } = useTranslation();
+    const { selectedWalletConnector } = useInternalDynamicContext();
+    return (jsxs("div", { className: classNames('wallet-redirect-view__container'), children: [selectedWalletConnector && (jsx(IconWithSpinner, { iconSize: 64, Icon: jsx(WalletIcon, { walletKey: selectedWalletConnector.key }), isSpinning: true })), jsx(Typography, { weight: 'medium', variant: 'title', className: classNames('wallet-redirect-view__title'), copykey: 'dyn_wallet_redirect.loading', children: t('dyn_wallet_redirect.loading') }), jsx(PoweredByDynamic, { classNameRoot: 'powered-by-dynamic' })] }));
+};
+
+export { WalletRedirectView };

package/src/lib/views/WalletRedirectView/index.d.ts

@@ -0,0 +1 @@
+export { WalletRedirectView } from './WalletRedirectView';

package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.cjs

@@ -71,6 +71,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.js

@@ -67,6 +67,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/views/WalletUsedView/WalletUsedView.cjs

@@ -68,6 +68,8 @@ require('../../components/Alert/Alert.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var Checkbox = require('../../components/Checkbox/Checkbox.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');

package/src/lib/views/WalletUsedView/WalletUsedView.js

@@ -64,6 +64,8 @@ import '../../components/Alert/Alert.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
+import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { Checkbox } from '../../components/Checkbox/Checkbox.js';
 import '../../components/InlineWidget/InlineWidget.js';

package/src/lib/views/viewToComponentMap.cjs

@@ -91,6 +91,8 @@ require('../components/Alert/Alert.cjs');
 require('../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('./TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../components/InlineWidget/InlineWidget.cjs');
 require('../components/IsBrowser/IsBrowser.cjs');
@@ -100,6 +102,7 @@ require('../components/Popper/PopperContext/PopperContext.cjs');
 var EmbeddedRevealView = require('./EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.cjs');
 var SelectHardwareWalletView = require('./SelectHardwareWalletView/SelectHardwareWalletView.cjs');
 var SelectWalletInWalletGroupView = require('./SelectWalletInWalletGroupView/SelectWalletInWalletGroupView.cjs');
+var WalletRedirectView = require('./WalletRedirectView/WalletRedirectView.cjs');
 var PasskeyNewDomainDetectedView = require('./Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.cjs');
 
 const viewToComponentMap = {
@@ -148,6 +151,7 @@ const viewToComponentMap = {
     'wallet-group': WalletGroupView.WalletGroupView,
     'wallet-list': WalletList.WalletList,
     'wallet-locked-view': WalletLockedView.WalletLockedView,
+    'wallet-redirect-view': WalletRedirectView.WalletRedirectView,
     'wallet-sign': WalletSignSpinnerView.WalletSignSpinnerView,
     'wallet-used': WalletUsedView.WalletUsedView,
 };

package/src/lib/views/viewToComponentMap.js

@@ -87,6 +87,8 @@ import '../components/Alert/Alert.js';
 import '../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
+import './TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../components/InlineWidget/InlineWidget.js';
 import '../components/IsBrowser/IsBrowser.js';
@@ -96,6 +98,7 @@ import '../components/Popper/PopperContext/PopperContext.js';
 import { EmbeddedRevealView } from './EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.js';
 import { SelectHardwareWalletView } from './SelectHardwareWalletView/SelectHardwareWalletView.js';
 import { SelectWalletInWalletGroupView } from './SelectWalletInWalletGroupView/SelectWalletInWalletGroupView.js';
+import { WalletRedirectView } from './WalletRedirectView/WalletRedirectView.js';
 import { PasskeyNewDomainDetectedView } from './Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.js';
 
 const viewToComponentMap = {
@@ -144,6 +147,7 @@ const viewToComponentMap = {
     'wallet-group': WalletGroupView,
     'wallet-list': WalletList,
     'wallet-locked-view': WalletLockedView,
+    'wallet-redirect-view': WalletRedirectView,
     'wallet-sign': WalletSignSpinnerView,
     'wallet-used': WalletUsedView,
 };

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.cjs

@@ -61,6 +61,8 @@ require('../../components/Alert/Alert.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var InlineWidgetButton = require('../../components/InlineWidget/components/InlineWidgetButton/InlineWidgetButton.cjs');
 var InlineWidget = require('../../components/InlineWidget/InlineWidget.cjs');