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

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

@@ -1,17 +1,88 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { useWalletBookContext, getWalletGroup, WalletIcon } from '@dynamic-labs/wallet-book';
 import { SelectWalletChainLayout } from '../../components/SelectWalletChainLayout/SelectWalletChainLayout.js';
 import { useWalletGroupContext } from '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../events/dynamicEvents.js';
+import '@dynamic-labs/utils';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import '../../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 'react-i18next';
+import '../../context/MockContext/MockContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
+import { useWalletItemActions } from '../../utils/hooks/useWalletItemActions/useWalletItemActions.js';
+import '../../components/Alert/Alert.js';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../components/IconButton/IconButton.js';
+import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'formik';
+import 'i18next';
+import '../../components/OverlayCard/OverlayCard.context.js';
+import { Divider } from '../../components/Divider/Divider.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../../context/QrCodeContext/QrCodeContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import '@dynamic-labs/viem-utils';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { WalletGroupItem } from './components/WalletGroupItem/WalletGroupItem.js';
+import { HardwareWalletToggle } from './components/HardwareWalletToggle/HardwareWalletToggle.js';
 
+const hardwareWallets = ['phantomledger'];
+const isHardwareWallet = (wallet) => hardwareWallets.includes(wallet.key);
 const WalletGroupView = () => {
     var _a;
     const { selectedWalletGroup } = useWalletGroupContext();
     const { walletBook } = useWalletBookContext();
+    const { handleWalletItemClick } = useWalletItemActions();
+    const [isHardwareWalletEnabled, setIsHardwareWalletEnabled] = useState(false);
     if (!selectedWalletGroup)
         throw new Error('Could not access WalletGroup view without selected group');
     const walletBookData = getWalletGroup(walletBook, selectedWalletGroup === null || selectedWalletGroup === void 0 ? void 0 : selectedWalletGroup.key);
-    return (jsx(SelectWalletChainLayout, { HeaderIcon: jsx(WalletIcon, { walletKey: (_a = walletBookData.brand) === null || _a === void 0 ? void 0 : _a.spriteId }), children: selectedWalletGroup.groupedWallets.map((wallet, index) => (jsx(WalletGroupItem, { wallet: wallet }, `${wallet.key}_${index}`))) }));
+    const wallets = selectedWalletGroup.groupedWallets.filter((wallet) => !isHardwareWallet(wallet));
+    const hardwareWallet = selectedWalletGroup.groupedWallets.find(isHardwareWallet);
+    const isHardwareWalletPresent = Boolean(hardwareWallet);
+    return (jsx(SelectWalletChainLayout, { HeaderIcon: jsx(WalletIcon, { walletKey: (_a = walletBookData.brand) === null || _a === void 0 ? void 0 : _a.spriteId }), children: jsxs("div", { className: 'wallet-group__list', children: [isHardwareWalletPresent && (jsxs(Fragment, { children: [jsx(HardwareWalletToggle, { checked: isHardwareWalletEnabled, onChecked: setIsHardwareWalletEnabled }), jsx(Divider, {})] })), jsx("div", { className: 'select-wallet-chain-layout__list', children: wallets.map((wallet, index) => (jsx(WalletGroupItem, { wallet: wallet, onClick: () => {
+                            if (isHardwareWalletEnabled &&
+                                hardwareWallet &&
+                                wallet.key === 'phantom') {
+                                handleWalletItemClick(hardwareWallet);
+                                return;
+                            }
+                            handleWalletItemClick(wallet);
+                        } }, `${wallet.key}_${index}`))) })] }) }));
 };
 
 export { WalletGroupView };

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

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
+require('react');
+require('../../../../events/dynamicEvents.cjs');
+require('@dynamic-labs/utils');
+require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+var check = require('../../../../shared/assets/check.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('../../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../../../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');
+require('../../../../context/QrCodeContext/QrCodeContext.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
+var Icon = require('../../../../components/Icon/Icon.cjs');
+require('i18next');
+require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('formik');
+require('../../../../components/IconButton/IconButton.cjs');
+require('../../../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
+require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var ListTile = require('../../../../components/ListTile/ListTile.cjs');
+require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../../components/Popper/Popper/Popper.cjs');
+require('../../../../components/Popper/PopperContext/PopperContext.cjs');
+var Toggle = require('../../../../components/Toggle/Toggle.cjs');
+
+const HardwareWalletToggle = ({ checked, onChecked, }) => {
+    const { t } = reactI18next.useTranslation();
+    const toggle = (jsxRuntime.jsx(Toggle.Toggle, { checked: checked, onChange: () => onChecked(!checked), "data-testid": 'hardware-wallet-toggle', icon: 
+        // eslint-disable-next-line react/jsx-wrap-multilines
+        jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx(check.ReactComponent, {}) }) }));
+    return (jsxRuntime.jsx(ListTile.ListTile, { disabled: true, trailing: toggle, children: jsxRuntime.jsx("span", { copykey: 'dyn_select_chain.using_hardware_wallet_toggle_label', children: t('dyn_select_chain.using_hardware_wallet_toggle_label') }) }));
+};
+
+exports.HardwareWalletToggle = HardwareWalletToggle;

package/src/lib/views/WalletGroupView/components/HardwareWalletToggle/HardwareWalletToggle.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type HardwareWalletToggle = {
+    checked: boolean;
+    onChecked: (value: boolean) => void;
+};
+export declare const HardwareWalletToggle: FC<HardwareWalletToggle>;
+export {};

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

@@ -0,0 +1,70 @@
+import { jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
+import 'react';
+import '../../../../events/dynamicEvents.js';
+import '@dynamic-labs/utils';
+import '../../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import { ReactComponent as SvgCheck } from '../../../../shared/assets/check.js';
+import '@dynamic-labs/wallet-book';
+import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '../../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import '../../../../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 '../../../../context/QrCodeContext/QrCodeContext.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
+import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
+import { Icon } from '../../../../components/Icon/Icon.js';
+import 'i18next';
+import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import 'formik';
+import '../../../../components/IconButton/IconButton.js';
+import '../../../../components/Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
+import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { ListTile } from '../../../../components/ListTile/ListTile.js';
+import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../../components/Popper/Popper/Popper.js';
+import '../../../../components/Popper/PopperContext/PopperContext.js';
+import { Toggle } from '../../../../components/Toggle/Toggle.js';
+
+const HardwareWalletToggle = ({ checked, onChecked, }) => {
+    const { t } = useTranslation();
+    const toggle = (jsx(Toggle, { checked: checked, onChange: () => onChecked(!checked), "data-testid": 'hardware-wallet-toggle', icon: 
+        // eslint-disable-next-line react/jsx-wrap-multilines
+        jsx(Icon, { size: 'small', children: jsx(SvgCheck, {}) }) }));
+    return (jsx(ListTile, { disabled: true, trailing: toggle, children: jsx("span", { copykey: 'dyn_select_chain.using_hardware_wallet_toggle_label', children: t('dyn_select_chain.using_hardware_wallet_toggle_label') }) }));
+};
+
+export { HardwareWalletToggle };

package/src/lib/views/WalletGroupView/components/HardwareWalletToggle/index.d.ts

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

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

@@ -21,15 +21,13 @@ var localStorage$1 = require('../../../../utils/constants/localStorage.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 var Icon = require('../../../../components/Icon/Icon.cjs');
 var ChainCard = require('../../../../components/ChainCard/ChainCard.cjs');
-var useWalletItemActions = require('../../../../utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
 var pixelToRem = require('../../../../utils/functions/pixelToRem/pixelToRem.cjs');
 var Badge = require('../../../../components/Badge/Badge.cjs');
 
-const WalletGroupItem = ({ wallet }) => {
+const WalletGroupItem = ({ wallet, onClick, }) => {
     const [supportedChain] = wallet.walletConnector.supportedChains;
     const ChainIcon = getChainIcon.getChainIcon(supportedChain);
     const chainInfo = walletConnectorCore.getChainInfo(supportedChain);
-    const { handleWalletItemClick } = useWalletItemActions.useWalletItemActions();
     const isUsingMultiWallet = Boolean(localStorage.getItem(localStorage$1.AUTH_USER));
     const label = getWalletListItemLabel.getWalletListItemLabel({
         usingMultiWallet: isUsingMultiWallet,
@@ -49,7 +47,7 @@ const WalletGroupItem = ({ wallet }) => {
             return 'Ledger (Solana)';
         return (chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName) || wallet.name;
     }, [chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName, isPhantomLedger, wallet.name]);
-    return (jsxRuntime.jsx(ChainCard.ChainCard, { className: 'wallet-group__item', onClick: () => handleWalletItemClick(wallet), chainName: renderChainName, startSlot: renderChainIcon, endSlot: trailing }, wallet.key));
+    return (jsxRuntime.jsx(ChainCard.ChainCard, { className: 'wallet-group__item', onClick: onClick, chainName: renderChainName, startSlot: renderChainIcon, endSlot: trailing }, wallet.key));
 };
 
 exports.WalletGroupItem = WalletGroupItem;

package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.d.ts

@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import { FC, MouseEventHandler } from 'react';
 import { WalletOption } from '../../../../shared';
 export type WalletGroupItemProps = {
     wallet: WalletOption;
+    onClick: MouseEventHandler<HTMLDivElement>;
 };
 export declare const WalletGroupItem: FC<WalletGroupItemProps>;

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

@@ -17,15 +17,13 @@ import { AUTH_USER } from '../../../../utils/constants/localStorage.js';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import { Icon } from '../../../../components/Icon/Icon.js';
 import { ChainCard } from '../../../../components/ChainCard/ChainCard.js';
-import { useWalletItemActions } from '../../../../utils/hooks/useWalletItemActions/useWalletItemActions.js';
 import { pixelToRem } from '../../../../utils/functions/pixelToRem/pixelToRem.js';
 import { Badge } from '../../../../components/Badge/Badge.js';
 
-const WalletGroupItem = ({ wallet }) => {
+const WalletGroupItem = ({ wallet, onClick, }) => {
     const [supportedChain] = wallet.walletConnector.supportedChains;
     const ChainIcon = getChainIcon(supportedChain);
     const chainInfo = getChainInfo(supportedChain);
-    const { handleWalletItemClick } = useWalletItemActions();
     const isUsingMultiWallet = Boolean(localStorage.getItem(AUTH_USER));
     const label = getWalletListItemLabel({
         usingMultiWallet: isUsingMultiWallet,
@@ -45,7 +43,7 @@ const WalletGroupItem = ({ wallet }) => {
             return 'Ledger (Solana)';
         return (chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName) || wallet.name;
     }, [chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName, isPhantomLedger, wallet.name]);
-    return (jsx(ChainCard, { className: 'wallet-group__item', onClick: () => handleWalletItemClick(wallet), chainName: renderChainName, startSlot: renderChainIcon, endSlot: trailing }, wallet.key));
+    return (jsx(ChainCard, { className: 'wallet-group__item', onClick: onClick, chainName: renderChainName, startSlot: renderChainIcon, endSlot: trailing }, wallet.key));
 };
 
 export { WalletGroupItem };

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
 require('react');
+require('../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -43,8 +44,9 @@ require('../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../components/Typography/Typography.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 var Icon = require('../../../components/Icon/Icon.cjs');
 require('i18next');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -58,11 +60,10 @@ require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const SearchNotFoundMessage = ({ title, subtitle, image, }) => {
     const { t } = reactI18next.useTranslation();
-    return (jsxRuntime.jsxs("div", { className: 'search-instead__container', children: [image && (jsxRuntime.jsx(Icon.Icon, { className: 'search-instead__container__image', color: 'text-tertiary', children: image })), jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', weight: 'regular', children: title || t('dyn_wallet_list.wallet_missing.title') }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'button_primary', weight: 'regular', children: subtitle || t('dyn_wallet_list.wallet_missing.description') })] }));
+    return (jsxRuntime.jsxs("div", { className: 'search-instead__container', children: [image && (jsxRuntime.jsx(Icon.Icon, { className: 'search-instead__container__image', color: 'text-tertiary', children: image })), jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', weight: 'regular', copykey: 'dyn_wallet_list.wallet_missing.title', children: title || t('dyn_wallet_list.wallet_missing.title') }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'button_primary', weight: 'regular', copykey: 'dyn_wallet_list.wallet_missing.description', children: subtitle || t('dyn_wallet_list.wallet_missing.description') })] }));
 };
 
 exports.SearchNotFoundMessage = SearchNotFoundMessage;

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

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import 'react';
+import '../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -39,8 +40,9 @@ import '../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../components/Typography/Typography.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import { Icon } from '../../../components/Icon/Icon.js';
 import 'i18next';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -54,11 +56,10 @@ import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const SearchNotFoundMessage = ({ title, subtitle, image, }) => {
     const { t } = useTranslation();
-    return (jsxs("div", { className: 'search-instead__container', children: [image && (jsx(Icon, { className: 'search-instead__container__image', color: 'text-tertiary', children: image })), jsx(Typography, { color: 'secondary', variant: 'body_small', weight: 'regular', children: title || t('dyn_wallet_list.wallet_missing.title') }), jsx(Typography, { color: 'primary', variant: 'button_primary', weight: 'regular', children: subtitle || t('dyn_wallet_list.wallet_missing.description') })] }));
+    return (jsxs("div", { className: 'search-instead__container', children: [image && (jsx(Icon, { className: 'search-instead__container__image', color: 'text-tertiary', children: image })), jsx(Typography, { color: 'secondary', variant: 'body_small', weight: 'regular', copykey: 'dyn_wallet_list.wallet_missing.title', children: title || t('dyn_wallet_list.wallet_missing.title') }), jsx(Typography, { color: 'primary', variant: 'button_primary', weight: 'regular', copykey: 'dyn_wallet_list.wallet_missing.description', children: subtitle || t('dyn_wallet_list.wallet_missing.description') })] }));
 };
 
 export { SearchNotFoundMessage };

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

@@ -15,30 +15,27 @@ require('../../utils/constants/colors.cjs');
 var walletListBuilder = require('../../utils/functions/walletListBuilder/walletListBuilder.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
-var MockContext = require('../../context/MockContext/MockContext.cjs');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
-var isUserLinkingWallet = require('../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.cjs');
 var index = require('../../utils/functions/walletFilters/index.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');
 var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 var noWalletFound = require('../../assets/no-wallet-found.cjs');
+var useAuthLayoutChecks = require('../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
 var SearchNotFoundMessage = require('./SearchNotFoundMessage/SearchNotFoundMessage.cjs');
 var WalletListItem = require('./WalletListItem/WalletListItem.cjs');
 
 localStorage.LocalStorage.setToLS(localStorage$1.WALLET_PICKER_SEARCH_KEY, '');
 const WalletList = ({ isWalletConnectList = false, }) => {
     var _a;
-    const { walletsFilter, signWithEmailWalletName, user, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, walletConnector, } = useInternalDynamicContext.useInternalDynamicContext();
     const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const { error } = ErrorContext.useErrorContext();
-    const { view } = ViewContext.useViewContext();
-    const { mockedSDK } = MockContext.useMockContext();
     const { t } = reactI18next.useTranslation();
     const [filterValue, setFilterValue] = React.useState((_a = localStorage.LocalStorage.getFromLS(localStorage$1.WALLET_PICKER_SEARCH_KEY)) !== null && _a !== void 0 ? _a : '');
     const [footerIsVisible, setFooterIsVisibile] = React.useState(false);
@@ -62,7 +59,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     });
     const isSearchEnabled = numberOfWallets > defaultNumberOfWalletsToShow &&
         walletsList.length !== numberOfWallets;
-    const noDefaultFooter = isUserLinkingWallet.isUserLinkingWallet(user, view, mockedSDK);
+    const { showDefaultFooter } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
     const walletListScrollRef = React.useRef(null);
     /* istanbul ignore next */
     const handleScroll = () => {
@@ -83,11 +80,11 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     };
     const searchContainer = !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'wallet-list__search-skeleton' })) : (isSearchEnabled && (jsxRuntime.jsx("div", { className: classNames.classNames('wallet-list__search-container', {
             'wallet-list__search-container--scroll': !error,
-        }), children: jsxRuntime.jsx(Search.Search, { label: t('dyn_wallet_list.search.label', { numberOfWallets }), value: filterValue, onChange: ({ target: { value } }) => handleFilterValueChange(value), onClickClear: () => handleFilterValueChange('') }) })));
+        }), 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: [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, { 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, usingMultiWallet: multiWallet, onResetSearchValue: () => handleFilterValueChange('') }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, {}))] }) }), noDefaultFooter && (jsxRuntime.jsx("div", { className: classNames.classNames('wallet-list__tiny-footer', {
+                    }), "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, usingMultiWallet: multiWallet, onResetSearchValue: () => handleFilterValueChange('') }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, {}))] }) }), showDefaultFooter && (jsxRuntime.jsx("div", { className: classNames.classNames('wallet-list__tiny-footer', {
                     'wallet-list__tiny-footer--hidden': footerIsVisible,
                 }), "data-testid": 'wallet-list-tiny-footer' }))] }));
 };

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

@@ -11,30 +11,27 @@ import '../../utils/constants/colors.js';
 import { walletListBuilder } from '../../utils/functions/walletListBuilder/walletListBuilder.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
-import { useMockContext } from '../../context/MockContext/MockContext.js';
-import { useViewContext } from '../../context/ViewContext/ViewContext.js';
-import { isUserLinkingWallet } from '../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.js';
 import { FilterBridgeChainsName } from '../../utils/functions/walletFilters/index.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 { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import { ReactComponent as SvgNoWalletFound } from '../../assets/no-wallet-found.js';
+import { useAuthLayoutChecks } from '../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
 import { SearchNotFoundMessage } from './SearchNotFoundMessage/SearchNotFoundMessage.js';
 import { WalletListItem } from './WalletListItem/WalletListItem.js';
 
 LocalStorage.setToLS(WALLET_PICKER_SEARCH_KEY, '');
 const WalletList = ({ isWalletConnectList = false, }) => {
     var _a;
-    const { walletsFilter, signWithEmailWalletName, user, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, } = useInternalDynamicContext();
+    const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, walletConnector, } = useInternalDynamicContext();
     const { walletBook } = useWalletBookContext();
     const { error } = useErrorContext();
-    const { view } = useViewContext();
-    const { mockedSDK } = useMockContext();
     const { t } = useTranslation();
     const [filterValue, setFilterValue] = useState((_a = LocalStorage.getFromLS(WALLET_PICKER_SEARCH_KEY)) !== null && _a !== void 0 ? _a : '');
     const [footerIsVisible, setFooterIsVisibile] = useState(false);
@@ -58,7 +55,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     });
     const isSearchEnabled = numberOfWallets > defaultNumberOfWalletsToShow &&
         walletsList.length !== numberOfWallets;
-    const noDefaultFooter = isUserLinkingWallet(user, view, mockedSDK);
+    const { showDefaultFooter } = useAuthLayoutChecks(walletConnector);
     const walletListScrollRef = useRef(null);
     /* istanbul ignore next */
     const handleScroll = () => {
@@ -79,11 +76,11 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     };
     const searchContainer = !projectSettings ? (jsx(Skeleton, { className: 'wallet-list__search-skeleton' })) : (isSearchEnabled && (jsx("div", { className: classNames('wallet-list__search-container', {
             'wallet-list__search-container--scroll': !error,
-        }), children: jsx(Search, { label: t('dyn_wallet_list.search.label', { numberOfWallets }), value: filterValue, onChange: ({ target: { value } }) => handleFilterValueChange(value), onClickClear: () => handleFilterValueChange('') }) })));
+        }), 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: [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, { 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, usingMultiWallet: multiWallet, onResetSearchValue: () => handleFilterValueChange('') }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsx(SearchNotFoundMessage, {}))] }) }), noDefaultFooter && (jsx("div", { className: classNames('wallet-list__tiny-footer', {
+                    }), "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, usingMultiWallet: multiWallet, onResetSearchValue: () => handleFilterValueChange('') }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsx(SearchNotFoundMessage, {}))] }) }), showDefaultFooter && (jsx("div", { className: classNames('wallet-list__tiny-footer', {
                     'wallet-list__tiny-footer--hidden': footerIsVisible,
                 }), "data-testid": 'wallet-list-tiny-footer' }))] }));
 };

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

@@ -10,6 +10,7 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 var stroke = require('../../../shared/assets/stroke.cjs');
 var classNames = require('../../../utils/functions/classNames/classNames.cjs');
+require('../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -50,8 +51,9 @@ var Badge = require('../../../components/Badge/Badge.cjs');
 var isWalletGroup = require('../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.cjs');
 var WalletGroupContext = require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 var Icon = require('../../../components/Icon/Icon.cjs');
 require('i18next');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -66,7 +68,6 @@ require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const WalletListItem = ({ disabled = false, usingMultiWallet, wallet, onResetSearchValue, tile = ({ leading, name, onClick, trailing }) => (jsxRuntime.jsx(ListTile.ListTile, { leading: leading, trailing: trailing, onClick: onClick, className: 'wallet-list-item__tile', dataTestId: 'ListTile', children: name })), }) => {
     const { navigateToWalletGroup } = WalletGroupContext.useWalletGroupContext();

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

@@ -6,6 +6,7 @@ import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgStroke } from '../../../shared/assets/stroke.js';
 import { classNames } from '../../../utils/functions/classNames/classNames.js';
+import '../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -46,8 +47,9 @@ import { Badge } from '../../../components/Badge/Badge.js';
 import { isWalletGroup } from '../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.js';
 import { useWalletGroupContext } from '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import { Icon } from '../../../components/Icon/Icon.js';
 import 'i18next';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -62,7 +64,6 @@ import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const WalletListItem = ({ disabled = false, usingMultiWallet, wallet, onResetSearchValue, tile = ({ leading, name, onClick, trailing }) => (jsx(ListTile, { leading: leading, trailing: trailing, onClick: onClick, className: 'wallet-list-item__tile', dataTestId: 'ListTile', children: name })), }) => {
     const { navigateToWalletGroup } = useWalletGroupContext();

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

@@ -4,7 +4,7 @@ interface IChain {
     enabled: boolean;
     name: string;
 }
-export declare const getEnabledChains: (chains: IChain[]) => ("STARK" | "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "ATOM" | "COSMOS")[];
+export declare const getEnabledChains: (chains: IChain[]) => ("STARK" | "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "ATOM" | "COSMOS" | "BTC")[];
 type BaseGetSupportedWalletOpts = Omit<GetSupportedWalletsOpts, 'isWalletConnectV2Enabled' | 'walletConnectProjectId' | 'chainRpcProviders'>;
 export declare const getWallets: (props: {
     getSupportedWalletOpts: BaseGetSupportedWalletOpts;