@dynamic-labs/sdk-react-core 4.3.2 → 4.4.1

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

@@ -78,6 +78,8 @@ require('../../components/OverlayCard/OverlayCard.cjs');
 require('../TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 var useAssignDefaultValues = require('./useAssignDefaultValues/useAssignDefaultValues.cjs');
@@ -95,7 +97,6 @@ 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, }) => {
     // Treat undefined props

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

@@ -74,6 +74,8 @@ import '../../components/OverlayCard/OverlayCard.js';
 import '../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import { useAssignDefaultValues } from './useAssignDefaultValues/useAssignDefaultValues.js';
@@ -91,7 +93,6 @@ 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, }) => {
     // Treat undefined props

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

@@ -70,7 +70,6 @@ require('react-focus-lock');
 require('qrcode');
 require('formik');
 require('../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -78,12 +77,14 @@ require('../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../index.cjs');
 var splitCamelCase = require('../../../shared/utils/functions/splitCamelCase/splitCamelCase.cjs');

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

@@ -66,7 +66,6 @@ import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
 import '../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -74,12 +73,14 @@ import '../../../context/ConnectWithOtpContext/constants.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../store/state/sendBalances.js';
 import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../context/OnrampContext/OnrampContext.js';
 import '../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../index.js';
 import { splitCamelCase } from '../../../shared/utils/functions/splitCamelCase/splitCamelCase.js';

package/src/lib/views/WalletAlreadyExistsView/WalletAlreadyExistsView.cjs

@@ -77,6 +77,8 @@ require('../../components/OverlayCard/OverlayCard.cjs');
 require('../TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -91,7 +93,6 @@ 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 WalletAlreadyExistsView = () => {
     const { selectedWalletConnector: walletConnector } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/views/WalletAlreadyExistsView/WalletAlreadyExistsView.js

@@ -73,6 +73,8 @@ import '../../components/OverlayCard/OverlayCard.js';
 import '../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -87,7 +89,6 @@ 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 WalletAlreadyExistsView = () => {
     const { selectedWalletConnector: walletConnector } = useInternalDynamicContext();

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

@@ -78,6 +78,8 @@ require('../../components/OverlayCard/OverlayCard.cjs');
 require('../TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -92,7 +94,6 @@ 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 = () => {
     const { goToInitialView } = ViewContext.useViewContext();

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

@@ -74,6 +74,8 @@ import '../../components/OverlayCard/OverlayCard.js';
 import '../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -88,7 +90,6 @@ 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 WalletCannotBeTransferredView = () => {
     const { goToInitialView } = useViewContext();

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

@@ -82,6 +82,8 @@ require('../../../TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var Badge = require('../../../../components/Badge/Badge.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -96,7 +98,6 @@ 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 WalletGroupItem = ({ wallet, onClick, }) => {
     const [supportedChain] = wallet.walletConnector.supportedChains;

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

@@ -78,6 +78,8 @@ import '../../../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { Badge } from '../../../../components/Badge/Badge.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -92,7 +94,6 @@ 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 WalletGroupItem = ({ wallet, onClick, }) => {
     const [supportedChain] = wallet.walletConnector.supportedChains;

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

@@ -75,6 +75,8 @@ require('../../../components/OverlayCard/OverlayCard.cjs');
 require('../../TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../index.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -89,7 +91,6 @@ 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 SearchNotFoundMessage = ({ title, subtitle, image, }) => {
     const { t } = reactI18next.useTranslation();

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

@@ -71,6 +71,8 @@ import '../../../components/OverlayCard/OverlayCard.js';
 import '../../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../index.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -85,7 +87,6 @@ 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 SearchNotFoundMessage = ({ title, subtitle, image, }) => {
     const { t } = useTranslation();

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

@@ -39,7 +39,7 @@ require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-var UserWalletsContext = require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
@@ -56,7 +56,7 @@ require('../CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-var walletOptions = require('../../store/state/walletOptions/walletOptions.cjs');
+require('../../store/state/walletOptions/walletOptions.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
@@ -78,70 +78,47 @@ require('qrcode');
 require('formik');
 require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 var DefaultFooter = require('../../layout/DynamicAuthLayout/DefaultFooter/DefaultFooter.cjs');
-var index = require('../../utils/functions/walletFilters/index.cjs');
-var walletListBuilder = require('../../utils/functions/walletListBuilder/walletListBuilder.cjs');
-var useAuthLayoutChecks = require('../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
+var useWalletList = require('../../utils/hooks/useWalletList/useWalletList.cjs');
 var SearchNotFoundMessage = require('./SearchNotFoundMessage/SearchNotFoundMessage.cjs');
 var WalletListGridTabs = require('./WalletListGridTabs/WalletListGridTabs.cjs');
 var WalletListItem = require('./WalletListItem/WalletListItem.cjs');
-var getEffectiveRecommendedWallets = require('./utils/getEffectiveRecommendedWallets.cjs');
-var getEffectiveWalletFilter = require('./utils/getEffectiveWalletFilter.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../context/ConnectWithOtpContext/constants.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
-const WalletList = ({ isWalletConnectList = false, onSelectWallet, viewWalletsFilter, }) => {
+const WalletList = ({ isWalletConnectList = false, onSelectWallet, viewWalletsFilter, showDefaultFooter, scrollContainerClassName, }) => {
     var _a, _b;
     /**
      * Clear search key on unmount
      */
     useEffectOnce.useEffectOnce(() => () => utils.StorageService === null || utils.StorageService === void 0 ? void 0 : utils.StorageService.setItem(localStorage.WALLET_PICKER_SEARCH_KEY, ''));
-    const { walletsFilter, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, authMode, multiWallet, recommendedWallets, selectedTabIndex, setSelectedTabIndex, selectedTabSettings, tabsItems, } = useInternalDynamicContext.useInternalDynamicContext();
-    const userWallets = UserWalletsContext.useUserWallets();
-    const walletGroups = walletOptions.useWalletGroups();
+    const { walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, selectedTabIndex, setSelectedTabIndex, tabsItems, } = useInternalDynamicContext.useInternalDynamicContext();
     const { error } = ErrorContext.useErrorContext();
-    const { showDefaultFooter } = useAuthLayoutChecks.useAuthLayoutChecks();
     const [footerBorderIsVisible, setFooterBorderIsVisible] = React.useState(true);
     const { t } = reactI18next.useTranslation();
     const [filterValue, setFilterValue] = React.useState((_a = utils.StorageService.getItem(localStorage.WALLET_PICKER_SEARCH_KEY)) !== null && _a !== void 0 ? _a : '');
-    const getFilteredBridgeChains = (bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) &&
-        index.FilterBridgeChainsName(bridgeChainsToConnect[0].chain);
-    const filteredBridgeChains = getFilteredBridgeChains && getFilteredBridgeChains(walletConnectorOptions);
-    const effectiveRecommendedWallets = getEffectiveRecommendedWallets.getEffectiveRecommendedWallets(selectedTabSettings, recommendedWallets);
-    const effectiveWalletsFilter = getEffectiveWalletFilter.getEffectiveWalletFilter(selectedTabSettings, walletsFilter);
-    const { numberOfWallets, walletsList } = walletListBuilder.walletListBuilder({
-        authMode,
-        groupWallets: true,
-        inputList: filteredBridgeChains || walletConnectorOptions,
+    const { numberOfWallets, walletsList, recommendedWallets: effectiveRecommendedWallets, } = useWalletList.useWalletList({
         isWalletConnectList,
         lastUsedWalletKey: (_b = utils.StorageService.getItem(localStorage.LAST_USED_WALLET)) !== null && _b !== void 0 ? _b : undefined,
-        multiWallet,
-        numberOfWalletsToShow: defaultNumberOfWalletsToShow,
-        recommendedWallets: effectiveRecommendedWallets,
         searchFilter: filterValue,
-        showMoreWalletsWithFilter: true,
-        userWallets,
-        walletGroups,
-        // use both filters if available, else use the viewWalletsFilter or effectiveWalletsFilter
-        walletsFilter: viewWalletsFilter && effectiveWalletsFilter
-            ? utils.pipe(viewWalletsFilter).pipe(effectiveWalletsFilter)
-            : viewWalletsFilter || effectiveWalletsFilter,
+        viewWalletsFilter,
     });
     const isSearchEnabled = Boolean(filterValue) ||
         (numberOfWallets > defaultNumberOfWalletsToShow &&
@@ -174,10 +151,10 @@ const WalletList = ({ isWalletConnectList = false, onSelectWallet, viewWalletsFi
                 , { 
                     // The tabsItems nullable assertion is safe here because isTabsEnabled is true
                     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                    items: tabsItems, 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--fixed-height': isTabsEnabled,
-                    }), "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(''), recommendedWallets: effectiveRecommendedWallets, onSelectWallet: onSelectWallet }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, {}))] }) }), showDefaultFooter && (jsxRuntime.jsx(DefaultFooter.DefaultFooter, { hideBorder: !footerBorderIsVisible }))] }));
+                    items: tabsItems, value: selectedTabIndex || 0, onSelect: setSelectedTabIndex }) })), searchContainer, Boolean(error) && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { className: 'wallet-list__error-container', withIcon: false, children: error })), jsxRuntime.jsxs("div", { className: classNames.classNames('wallet-list__scroll-container', scrollContainerClassName, {
+                    'wallet-list__scroll-container--error': Boolean(error),
+                    'wallet-list__scroll-container--fixed-height': isTabsEnabled,
+                }), "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(''), recommendedWallets: effectiveRecommendedWallets, onSelectWallet: onSelectWallet }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, {}))] }), showDefaultFooter && (jsxRuntime.jsx(DefaultFooter.DefaultFooter, { hideBorder: !footerBorderIsVisible }))] }));
 };
 
 exports.WalletList = WalletList;

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

@@ -4,5 +4,7 @@ export type WalletListProps = {
     isWalletConnectList?: boolean;
     onSelectWallet: (wallet: WalletOption) => void;
     viewWalletsFilter?: WalletsFilter;
+    showDefaultFooter?: boolean;
+    scrollContainerClassName?: string;
 };
-export declare const WalletList: ({ isWalletConnectList, onSelectWallet, viewWalletsFilter, }: WalletListProps) => JSX.Element;
+export declare const WalletList: ({ isWalletConnectList, onSelectWallet, viewWalletsFilter, showDefaultFooter, scrollContainerClassName, }: WalletListProps) => JSX.Element;

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

@@ -2,7 +2,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
-import { StorageService, pipe } from '@dynamic-labs/utils';
+import { StorageService } from '@dynamic-labs/utils';
 import { ReactComponent as SvgNoWalletFound } from '../../assets/no-wallet-found.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import { Search } from '../../components/Search/Search.js';
@@ -35,7 +35,7 @@ import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
-import { useUserWallets } from '../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
@@ -52,7 +52,7 @@ import '../CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import { useWalletGroups } from '../../store/state/walletOptions/walletOptions.js';
+import '../../store/state/walletOptions/walletOptions.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
@@ -74,70 +74,47 @@ import 'qrcode';
 import 'formik';
 import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import { DefaultFooter } from '../../layout/DynamicAuthLayout/DefaultFooter/DefaultFooter.js';
-import { FilterBridgeChainsName } from '../../utils/functions/walletFilters/index.js';
-import { walletListBuilder } from '../../utils/functions/walletListBuilder/walletListBuilder.js';
-import { useAuthLayoutChecks } from '../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
+import { useWalletList } from '../../utils/hooks/useWalletList/useWalletList.js';
 import { SearchNotFoundMessage } from './SearchNotFoundMessage/SearchNotFoundMessage.js';
 import { WalletListGridTabs } from './WalletListGridTabs/WalletListGridTabs.js';
 import { WalletListItem } from './WalletListItem/WalletListItem.js';
-import { getEffectiveRecommendedWallets } from './utils/getEffectiveRecommendedWallets.js';
-import { getEffectiveWalletFilter } from './utils/getEffectiveWalletFilter.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../context/ConnectWithOtpContext/constants.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../context/FooterAnimationContext/index.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../store/state/sendBalances.js';
 import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
-import '../../context/FooterAnimationContext/index.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
-const WalletList = ({ isWalletConnectList = false, onSelectWallet, viewWalletsFilter, }) => {
+const WalletList = ({ isWalletConnectList = false, onSelectWallet, viewWalletsFilter, showDefaultFooter, scrollContainerClassName, }) => {
     var _a, _b;
     /**
      * Clear search key on unmount
      */
     useEffectOnce(() => () => StorageService === null || StorageService === void 0 ? void 0 : StorageService.setItem(WALLET_PICKER_SEARCH_KEY, ''));
-    const { walletsFilter, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, authMode, multiWallet, recommendedWallets, selectedTabIndex, setSelectedTabIndex, selectedTabSettings, tabsItems, } = useInternalDynamicContext();
-    const userWallets = useUserWallets();
-    const walletGroups = useWalletGroups();
+    const { walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, selectedTabIndex, setSelectedTabIndex, tabsItems, } = useInternalDynamicContext();
     const { error } = useErrorContext();
-    const { showDefaultFooter } = useAuthLayoutChecks();
     const [footerBorderIsVisible, setFooterBorderIsVisible] = useState(true);
     const { t } = useTranslation();
     const [filterValue, setFilterValue] = useState((_a = StorageService.getItem(WALLET_PICKER_SEARCH_KEY)) !== null && _a !== void 0 ? _a : '');
-    const getFilteredBridgeChains = (bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) &&
-        FilterBridgeChainsName(bridgeChainsToConnect[0].chain);
-    const filteredBridgeChains = getFilteredBridgeChains && getFilteredBridgeChains(walletConnectorOptions);
-    const effectiveRecommendedWallets = getEffectiveRecommendedWallets(selectedTabSettings, recommendedWallets);
-    const effectiveWalletsFilter = getEffectiveWalletFilter(selectedTabSettings, walletsFilter);
-    const { numberOfWallets, walletsList } = walletListBuilder({
-        authMode,
-        groupWallets: true,
-        inputList: filteredBridgeChains || walletConnectorOptions,
+    const { numberOfWallets, walletsList, recommendedWallets: effectiveRecommendedWallets, } = useWalletList({
         isWalletConnectList,
         lastUsedWalletKey: (_b = StorageService.getItem(LAST_USED_WALLET)) !== null && _b !== void 0 ? _b : undefined,
-        multiWallet,
-        numberOfWalletsToShow: defaultNumberOfWalletsToShow,
-        recommendedWallets: effectiveRecommendedWallets,
         searchFilter: filterValue,
-        showMoreWalletsWithFilter: true,
-        userWallets,
-        walletGroups,
-        // use both filters if available, else use the viewWalletsFilter or effectiveWalletsFilter
-        walletsFilter: viewWalletsFilter && effectiveWalletsFilter
-            ? pipe(viewWalletsFilter).pipe(effectiveWalletsFilter)
-            : viewWalletsFilter || effectiveWalletsFilter,
+        viewWalletsFilter,
     });
     const isSearchEnabled = Boolean(filterValue) ||
         (numberOfWallets > defaultNumberOfWalletsToShow &&
@@ -170,10 +147,10 @@ const WalletList = ({ isWalletConnectList = false, onSelectWallet, viewWalletsFi
                 , { 
                     // The tabsItems nullable assertion is safe here because isTabsEnabled is true
                     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                    items: tabsItems, 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--fixed-height': isTabsEnabled,
-                    }), "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(''), recommendedWallets: effectiveRecommendedWallets, onSelectWallet: onSelectWallet }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsx(SearchNotFoundMessage, {}))] }) }), showDefaultFooter && (jsx(DefaultFooter, { hideBorder: !footerBorderIsVisible }))] }));
+                    items: tabsItems, value: selectedTabIndex || 0, onSelect: setSelectedTabIndex }) })), searchContainer, Boolean(error) && (jsx(ErrorContainer, { className: 'wallet-list__error-container', withIcon: false, children: error })), jsxs("div", { className: classNames('wallet-list__scroll-container', scrollContainerClassName, {
+                    'wallet-list__scroll-container--error': Boolean(error),
+                    'wallet-list__scroll-container--fixed-height': isTabsEnabled,
+                }), "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(''), recommendedWallets: effectiveRecommendedWallets, onSelectWallet: onSelectWallet }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsx(SearchNotFoundMessage, {}))] }), showDefaultFooter && (jsx(DefaultFooter, { hideBorder: !footerBorderIsVisible }))] }));
 };
 
 export { WalletList };

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

@@ -4,12 +4,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var useAuthLayoutChecks = require('../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
 var useWalletItemActions = require('../../../utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
 var WalletList = require('../WalletList.cjs');
 
 const WalletListForDefaultConnection = ({ isWalletConnectList }) => {
     const { handleWalletItemClick } = useWalletItemActions.useWalletItemActions();
-    return (jsxRuntime.jsx(WalletList.WalletList, { onSelectWallet: handleWalletItemClick, isWalletConnectList: isWalletConnectList }));
+    const { showDefaultFooter } = useAuthLayoutChecks.useAuthLayoutChecks();
+    return (jsxRuntime.jsx(WalletList.WalletList, { onSelectWallet: handleWalletItemClick, isWalletConnectList: isWalletConnectList, showDefaultFooter: showDefaultFooter }));
 };
 
 exports.WalletListForDefaultConnection = WalletListForDefaultConnection;

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

@@ -1,11 +1,13 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
+import { useAuthLayoutChecks } from '../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
 import { useWalletItemActions } from '../../../utils/hooks/useWalletItemActions/useWalletItemActions.js';
 import { WalletList } from '../WalletList.js';
 
 const WalletListForDefaultConnection = ({ isWalletConnectList }) => {
     const { handleWalletItemClick } = useWalletItemActions();
-    return (jsx(WalletList, { onSelectWallet: handleWalletItemClick, isWalletConnectList: isWalletConnectList }));
+    const { showDefaultFooter } = useAuthLayoutChecks();
+    return (jsx(WalletList, { onSelectWallet: handleWalletItemClick, isWalletConnectList: isWalletConnectList, showDefaultFooter: showDefaultFooter }));
 };
 
 export { WalletListForDefaultConnection };

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

@@ -76,6 +76,8 @@ require('../../../components/OverlayCard/OverlayCard.cjs');
 require('../../TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../index.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -90,7 +92,6 @@ 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 WalletListGridTabs = ({ items, onSelect, value, }) => (jsxRuntime.jsx("div", { className: 'wallet-list-grid-tabs', children: items.map((item, index) => {
         const selected = value === index;

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

@@ -72,6 +72,8 @@ import '../../../components/OverlayCard/OverlayCard.js';
 import '../../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../index.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -86,7 +88,6 @@ 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 WalletListGridTabs = ({ items, onSelect, value, }) => (jsx("div", { className: 'wallet-list-grid-tabs', children: items.map((item, index) => {
         const selected = value === index;

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

@@ -82,6 +82,8 @@ require('../../TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var Badge = require('../../../components/Badge/Badge.cjs');
+require('../../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../index.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -96,7 +98,6 @@ 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 DefaultTile = ({ leading, name, onClick, trailing, }) => (jsxRuntime.jsx(ListTile.ListTile, { leading: leading, trailing: trailing, onClick: onClick, className: 'wallet-list-item__tile', dataTestId: 'ListTile', children: name }));
 const WalletListItem = ({ disabled = false, wallet, onResetSearchValue, recommendedWallets, tile = DefaultTile, onSelectWallet, }) => {

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

@@ -78,6 +78,8 @@ import '../../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { Badge } from '../../../components/Badge/Badge.js';
+import '../../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../index.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -92,7 +94,6 @@ 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 DefaultTile = ({ leading, name, onClick, trailing, }) => (jsx(ListTile, { leading: leading, trailing: trailing, onClick: onClick, className: 'wallet-list-item__tile', dataTestId: 'ListTile', children: name }));
 const WalletListItem = ({ disabled = false, wallet, onResetSearchValue, recommendedWallets, tile = DefaultTile, onSelectWallet, }) => {