@dynamic-labs/sdk-react-core 0.18.0-RC.2 → 0.18.0-RC.4

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

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

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

@@ -0,0 +1,51 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { LedgerIcon } from '@dynamic-labs/iconic';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
+import { getChainIcon } from '../../../../shared/utils/functions/chain/getChainIcon.js';
+import '@dynamic-labs/wallet-book';
+import { getWalletListItemLabel } from '../../../../shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.js';
+import 'ethers';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import '../../../../context/ViewContext/ViewContext.js';
+import { ReactComponent as SvgStroke } from '../../../../shared/assets/stroke.js';
+import '../../../../shared/consts/index.js';
+import { AUTH_USER } from '../../../../utils/constants/localStorage.js';
+import { classNames } from '../../../../utils/functions/classNames/classNames.js';
+import { Badge } from '../../../../components/Badge/Badge.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';
+
+const WalletGroupItem = ({ wallet }) => {
+    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,
+        wallet,
+    });
+    const isPhantomLedger = wallet.key === 'phantomledger';
+    const isComingSoon = label === 'Coming soon';
+    const trailing = (jsxs("div", Object.assign({ className: classNames('wallet-list-item__trailing', 'wallet-group__item-label') }, { children: [label && (jsx("div", Object.assign({ className: classNames('trailing__child', {
+                    trailing__label: !isComingSoon,
+                }) }, { children: jsx(Badge, { dot: !isComingSoon, text: label, className: 'trailing__badge' }) }))), !isComingSoon && (jsx("div", Object.assign({ "data-testid": 'trailing__arrow', className: 'trailing__child trailing__arrow' }, { children: jsx(Icon, Object.assign({ color: 'text-tertiary', size: 'small' }, { children: jsx(SvgStroke, {}) })) })))] })));
+    const renderChainIcon = useMemo(() => {
+        if (isPhantomLedger)
+            return (jsx(LedgerIcon, { style: { height: pixelToRem(28), width: pixelToRem(28) } }));
+        return (jsx(ChainIcon, { style: { height: pixelToRem(28), width: pixelToRem(28) } }));
+    }, [ChainIcon, isPhantomLedger]);
+    const renderChainName = useMemo(() => {
+        if (isPhantomLedger)
+            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));
+};
+
+export { WalletGroupItem };

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

@@ -31,6 +31,7 @@ require('../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');

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

@@ -27,6 +27,7 @@ import '../../../context/ErrorContext/ErrorContext.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../context/MockContext/MockContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';

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

@@ -17,7 +17,6 @@ var useInternalDynamicContext = require('../../context/DynamicContext/useInterna
 var MockContext = require('../../context/MockContext/MockContext.cjs');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var isUserLinkingWallet = require('../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.cjs');
-var hasWalletGroupFlag = require('../../utils/functions/hasWalletGroupFlag/hasWalletGroupFlag.cjs');
 var index = require('../../utils/functions/walletFilters/index.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
@@ -48,7 +47,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
         index.FilterWalletsByChainName(walletsToConnectByChain[0].chain);
     const filteredWalletsByChain = getFilteredWalletsByChain && getFilteredWalletsByChain(wallets);
     const { numberOfWallets, walletsList } = walletListBuilder.walletListBuilder({
-        groupWallets: hasWalletGroupFlag.hasWalletGroupFlag(),
+        groupWallets: true,
         inputList: filteredWalletsByChain || wallets,
         isWalletConnectList,
         lastUsedWalletName: localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET),

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

@@ -13,7 +13,6 @@ import { useInternalDynamicContext } from '../../context/DynamicContext/useInter
 import { useMockContext } from '../../context/MockContext/MockContext.js';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { isUserLinkingWallet } from '../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.js';
-import { hasWalletGroupFlag } from '../../utils/functions/hasWalletGroupFlag/hasWalletGroupFlag.js';
 import { FilterWalletsByChainName } from '../../utils/functions/walletFilters/index.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
@@ -44,7 +43,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
         FilterWalletsByChainName(walletsToConnectByChain[0].chain);
     const filteredWalletsByChain = getFilteredWalletsByChain && getFilteredWalletsByChain(wallets);
     const { numberOfWallets, walletsList } = walletListBuilder({
-        groupWallets: hasWalletGroupFlag(),
+        groupWallets: true,
         inputList: filteredWalletsByChain || wallets,
         isWalletConnectList,
         lastUsedWalletName: LocalStorage.getFromLS(LAST_USED_WALLET),

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

@@ -38,6 +38,7 @@ require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
 var isWalletGroup = require('../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.cjs');
 var Badge = require('../../../components/Badge/Badge.cjs');
+var WalletGroupContext = require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var useWalletItemActions = require('../../../utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
@@ -48,6 +49,7 @@ require('formik');
 require('yup');
 
 const WalletListItem = ({ usingMultiWallet, wallet, onResetSearchValue, tile = ({ leading, name, onClick, trailing }) => (jsxRuntime.jsx(ListTile.ListTile, Object.assign({ leading: leading, trailing: trailing, onClick: onClick, className: 'wallet-list-item__tile', dataTestId: 'ListTile' }, { children: name }))), }) => {
+    const { navigateToWalletGroup } = WalletGroupContext.useWalletGroupContext();
     const _isWalletGroup = isWalletGroup.isWalletGroup(wallet);
     const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const { handleWalletItemClick } = useWalletItemActions.useWalletItemActions();
@@ -62,6 +64,9 @@ const WalletListItem = ({ usingMultiWallet, wallet, onResetSearchValue, tile = (
             return;
         }
         onResetSearchValue === null || onResetSearchValue === void 0 ? void 0 : onResetSearchValue('');
+        if (_isWalletGroup) {
+            return navigateToWalletGroup(wallet);
+        }
         yield handleWalletItemClick(wallet);
     });
     const name = _isWalletGroup

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

@@ -34,6 +34,7 @@ import '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
 import { isWalletGroup } from '../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.js';
 import { Badge } from '../../../components/Badge/Badge.js';
+import { useWalletGroupContext } from '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import { useWalletItemActions } from '../../../utils/hooks/useWalletItemActions/useWalletItemActions.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
@@ -44,6 +45,7 @@ import 'formik';
 import 'yup';
 
 const WalletListItem = ({ usingMultiWallet, wallet, onResetSearchValue, tile = ({ leading, name, onClick, trailing }) => (jsx(ListTile, Object.assign({ leading: leading, trailing: trailing, onClick: onClick, className: 'wallet-list-item__tile', dataTestId: 'ListTile' }, { children: name }))), }) => {
+    const { navigateToWalletGroup } = useWalletGroupContext();
     const _isWalletGroup = isWalletGroup(wallet);
     const { walletBook } = useWalletBookContext();
     const { handleWalletItemClick } = useWalletItemActions();
@@ -58,6 +60,9 @@ const WalletListItem = ({ usingMultiWallet, wallet, onResetSearchValue, tile = (
             return;
         }
         onResetSearchValue === null || onResetSearchValue === void 0 ? void 0 : onResetSearchValue('');
+        if (_isWalletGroup) {
+            return navigateToWalletGroup(wallet);
+        }
         yield handleWalletItemClick(wallet);
     });
     const name = _isWalletGroup

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

@@ -36,6 +36,7 @@ require('../../components/IconButton/IconButton.cjs');
 var Button = require('../../components/Button/Button.cjs');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 require('../../components/Alert/Alert.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');

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

@@ -32,6 +32,7 @@ import '../../components/IconButton/IconButton.js';
 import { Button } from '../../components/Button/Button.js';
 import { IconWithSpinner, iconRatio } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import '../../components/Alert/Alert.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';

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

@@ -42,6 +42,7 @@ require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 var Button = require('../../components/Button/Button.cjs');
 require('../../components/Alert/Alert.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');

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

@@ -38,6 +38,7 @@ import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../components/IconButton/IconButton.js';
 import { Button } from '../../components/Button/Button.js';
 import '../../components/Alert/Alert.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/views/viewToComponentMap.cjs

@@ -23,6 +23,7 @@ var NoAccess = require('./NoAccess/NoAccess.cjs');
 var WalletSignSpinnerView = require('./WalletSignSpinnerView/WalletSignSpinnerView.cjs');
 var WalletUsedView = require('./WalletUsedView/WalletUsedView.cjs');
 var SocialWrongAccountView = require('./SocialWrongAccountView/SocialWrongAccountView.cjs');
+var WalletGroupView = require('./WalletGroupView/WalletGroupView.cjs');
 
 const viewToComponentMap = {
     captcha: jsxRuntime.jsx(CaptchaVerifyUser.CaptchaVerifyUser, {}),
@@ -47,6 +48,7 @@ const viewToComponentMap = {
     'verify-email': jsxRuntime.jsx(EmailVerification.EmailVerification, {}),
     'wait-for-email-confirmation-view': jsxRuntime.jsx(EmailConfirmationWaitingView.EmailConfirmationWaitingView, {}),
     'wallet-connect-mobile-wallets-list': jsxRuntime.jsx(WalletList.WalletList, { isWalletConnectList: true }),
+    'wallet-group': jsxRuntime.jsx(WalletGroupView.WalletGroupView, {}),
     'wallet-list': jsxRuntime.jsx(WalletList.WalletList, {}),
     'wallet-sign': jsxRuntime.jsx(WalletSignSpinnerView.WalletSignSpinnerView, {}),
     'wallet-used': jsxRuntime.jsx(WalletUsedView.WalletUsedView, {}),

package/src/lib/views/viewToComponentMap.js

@@ -19,6 +19,7 @@ import { NoAccess } from './NoAccess/NoAccess.js';
 import { WalletSignSpinnerView } from './WalletSignSpinnerView/WalletSignSpinnerView.js';
 import { WalletUsedView } from './WalletUsedView/WalletUsedView.js';
 import { SocialWrongAccountView } from './SocialWrongAccountView/SocialWrongAccountView.js';
+import { WalletGroupView } from './WalletGroupView/WalletGroupView.js';
 
 const viewToComponentMap = {
     captcha: jsx(CaptchaVerifyUser, {}),
@@ -43,6 +44,7 @@ const viewToComponentMap = {
     'verify-email': jsx(EmailVerification, {}),
     'wait-for-email-confirmation-view': jsx(EmailConfirmationWaitingView, {}),
     'wallet-connect-mobile-wallets-list': jsx(WalletList, { isWalletConnectList: true }),
+    'wallet-group': jsx(WalletGroupView, {}),
     'wallet-list': jsx(WalletList, {}),
     'wallet-sign': jsx(WalletSignSpinnerView, {}),
     'wallet-used': jsx(WalletUsedView, {}),

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

@@ -32,6 +32,7 @@ require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('./views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.js

@@ -28,6 +28,7 @@ import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
 import './views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';

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

@@ -34,6 +34,7 @@ require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.js

@@ -30,6 +30,7 @@ import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
 import '../../../../context/MockContext/MockContext.js';

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

@@ -32,6 +32,7 @@ require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCard/DynamicBridgeWalletCard.js

@@ -28,6 +28,7 @@ import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';

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

@@ -35,6 +35,7 @@ require('../../../../components/IconButton/IconButton.cjs');
 var StatusDot = require('../../../../components/StatusDot/StatusDot.cjs');
 var Button = require('../../../../components/Button/Button.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCardBody/DynamicBridgeWalletCardBody.js

@@ -31,6 +31,7 @@ import '../../../../components/IconButton/IconButton.js';
 import { StatusDot } from '../../../../components/StatusDot/StatusDot.js';
 import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';

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

@@ -33,6 +33,7 @@ require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.js

@@ -29,6 +29,7 @@ import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';

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

@@ -32,6 +32,7 @@ require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 var DynamicBridgeWalletCard = require('../../components/DynamicBridgeWalletCard/DynamicBridgeWalletCard.cjs');
 var DynamicBridgeWalletCardBody = require('../../components/DynamicBridgeWalletCardBody/DynamicBridgeWalletCardBody.cjs');
 var Balance = require('../../../DynamicWidget/components/Balance/Balance.cjs');

package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/WalletsView.js

@@ -28,6 +28,7 @@ import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import { DynamicBridgeWalletCard } from '../../components/DynamicBridgeWalletCard/DynamicBridgeWalletCard.js';
 import { DynamicBridgeWalletCardBody } from '../../components/DynamicBridgeWalletCardBody/DynamicBridgeWalletCardBody.js';
 import { Balance } from '../../../DynamicWidget/components/Balance/Balance.js';

package/src/lib/widgets/DynamicWidget/DynamicWidget.cjs

@@ -32,6 +32,7 @@ require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 var IsBrowser = require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/widgets/DynamicWidget/DynamicWidget.js

@@ -28,6 +28,7 @@ import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import { IsBrowser } from '../../components/IsBrowser/IsBrowser.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/widgets/DynamicWidget/components/AccountControl/AccountControl.cjs

@@ -36,6 +36,7 @@ require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/widgets/DynamicWidget/components/AccountControl/AccountControl.js

@@ -32,6 +32,7 @@ import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs

@@ -33,6 +33,7 @@ require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 var Balance = require('../Balance/Balance.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
@@ -57,11 +58,13 @@ const ActiveWalletInformation = () => {
         {
             Icon: null,
             callback: () => (nameService === null || nameService === void 0 ? void 0 : nameService.name) && navigator.clipboard.writeText(nameService === null || nameService === void 0 ? void 0 : nameService.name),
+            hide: !(nameService === null || nameService === void 0 ? void 0 : nameService.name),
             text: 'Copy ENS',
         },
         {
             Icon: null,
             callback: () => address && navigator.clipboard.writeText(address),
+            hide: !address,
             text: 'Copy wallet address',
         },
         {

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js

@@ -29,6 +29,7 @@ import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import { Balance } from '../Balance/Balance.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../context/MockContext/MockContext.js';
@@ -53,11 +54,13 @@ const ActiveWalletInformation = () => {
         {
             Icon: null,
             callback: () => (nameService === null || nameService === void 0 ? void 0 : nameService.name) && navigator.clipboard.writeText(nameService === null || nameService === void 0 ? void 0 : nameService.name),
+            hide: !(nameService === null || nameService === void 0 ? void 0 : nameService.name),
             text: 'Copy ENS',
         },
         {
             Icon: null,
             callback: () => address && navigator.clipboard.writeText(address),
+            hide: !address,
             text: 'Copy wallet address',
         },
         {

package/src/lib/widgets/DynamicWidget/components/Balance/Balance.cjs

@@ -33,6 +33,7 @@ var useFetchBalance = require('../../hooks/useFetchBalance/useFetchBalance.cjs')
 var useFetchCurrency = require('../../hooks/useFetchCurrency/useFetchCurrency.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 var helpers = require('../../helpers/helpers.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicWidget/components/Balance/Balance.js

@@ -29,6 +29,7 @@ import { useFetchBalance } from '../../hooks/useFetchBalance/useFetchBalance.js'
 import { useFetchCurrency } from '../../hooks/useFetchCurrency/useFetchCurrency.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import { roundBalance } from '../../helpers/helpers.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/widgets/DynamicWidget/components/DotsMenu/DotsMenu.cjs

@@ -33,6 +33,7 @@ require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/widgets/DynamicWidget/components/DotsMenu/DotsMenu.d.ts

@@ -4,6 +4,7 @@ export type DotsMenuOption = {
     Icon: ReactElement | null;
     callback: VoidFunction;
     text: string;
+    hide?: boolean;
 };
 type Props = {
     anchorOrigin?: AnchorOrigin;

package/src/lib/widgets/DynamicWidget/components/DotsMenu/DotsMenu.js

@@ -29,6 +29,7 @@ import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/widgets/DynamicWidget/components/DotsMenuDropdown/DotsMenuDropdown.cjs

@@ -32,6 +32,7 @@ require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -41,7 +42,7 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 
-const DotsMenuDropdown = ({ options, setShowMenu, }) => (jsxRuntime.jsx("div", Object.assign({ className: 'dots-menu-dropdown__container', style: { zIndex: index.tooltipZIndex } }, { children: options.map((option) => (jsxRuntime.jsxs("div", Object.assign({ className: 'dots-menu-dropdown__item', onClick: () => {
+const DotsMenuDropdown = ({ options, setShowMenu, }) => (jsxRuntime.jsx("div", Object.assign({ className: 'dots-menu-dropdown__container', style: { zIndex: index.tooltipZIndex } }, { children: options.map((option) => option.hide ? null : (jsxRuntime.jsxs("div", Object.assign({ className: 'dots-menu-dropdown__item', onClick: () => {
             option.callback();
             setShowMenu(false);
         } }, { children: [option.Icon && jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'text-tertiary' }, { children: option.Icon })), jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'secondary' }, { children: option.text }))] }), option.text))) })));

package/src/lib/widgets/DynamicWidget/components/DotsMenuDropdown/DotsMenuDropdown.js

@@ -28,6 +28,7 @@ import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
@@ -37,7 +38,7 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 
-const DotsMenuDropdown = ({ options, setShowMenu, }) => (jsx("div", Object.assign({ className: 'dots-menu-dropdown__container', style: { zIndex: tooltipZIndex } }, { children: options.map((option) => (jsxs("div", Object.assign({ className: 'dots-menu-dropdown__item', onClick: () => {
+const DotsMenuDropdown = ({ options, setShowMenu, }) => (jsx("div", Object.assign({ className: 'dots-menu-dropdown__container', style: { zIndex: tooltipZIndex } }, { children: options.map((option) => option.hide ? null : (jsxs("div", Object.assign({ className: 'dots-menu-dropdown__item', onClick: () => {
             option.callback();
             setShowMenu(false);
         } }, { children: [option.Icon && jsx(Icon, Object.assign({ color: 'text-tertiary' }, { children: option.Icon })), jsx(Typography, Object.assign({ color: 'secondary' }, { children: option.text }))] }), option.text))) })));

package/src/lib/widgets/DynamicWidget/components/DotsMenuDropdown/DotsMenuDropdown.types.d.ts

@@ -1,12 +1,7 @@
-import { Dispatch, FC, ReactElement, SetStateAction } from 'react';
-type DotsMenuOption = {
-    Icon: ReactElement | null;
-    callback: VoidFunction;
-    text: string;
-};
+import { Dispatch, FC, SetStateAction } from 'react';
+import { DotsMenuOption } from '../DotsMenu/DotsMenu';
 export type DotsMenuDropdownProps = {
     options: DotsMenuOption[];
     setShowMenu: Dispatch<SetStateAction<boolean>>;
 };
 export type DotsMenuDropdownComponent = FC<DotsMenuDropdownProps>;
-export {};

package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.cjs

@@ -36,6 +36,7 @@ require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
 var IsBrowser = require('../../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.js

@@ -32,6 +32,7 @@ import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
 import { IsBrowser } from '../../../../components/IsBrowser/IsBrowser.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs

@@ -35,6 +35,7 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
 var useMultiWalletFlag = require('../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js

@@ -31,6 +31,7 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
 import { useMultiWalletFlag } from '../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs

@@ -35,6 +35,7 @@ require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
 var Button = require('../../../../../components/Button/Button.cjs');
 require('../../../../../components/Alert/Alert.cjs');
+require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../../../context/MockContext/MockContext.cjs');
 require('../../../../../context/CaptchaContext/CaptchaContext.cjs');