@dynamic-labs/sdk-react-core 4.0.0-alpha.46 → 4.0.0-alpha.47

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 
+## [4.0.0-alpha.47](https://github.com/dynamic-labs/dynamic-auth/compare/v4.0.0-alpha.46...v4.0.0-alpha.47) (2024-12-17)
+
+
+### ⚠ BREAKING CHANGES
+
+* stop exposing authToken and minAuthToken from dynamic context (#7629)
+
+### Bug Fixes
+
+* allow re-linking unknown wallet when there's another account of the same wallet provider already linked ([#7628](https://github.com/dynamic-labs/dynamic-auth/issues/7628)) ([20c6dc3](https://github.com/dynamic-labs/dynamic-auth/commit/20c6dc3b1847d82bd46f0df5abaef4efe1e24e38))
+* ensure wallet connector will not get removed ([#7625](https://github.com/dynamic-labs/dynamic-auth/issues/7625)) ([b764846](https://github.com/dynamic-labs/dynamic-auth/commit/b764846b56428e2997d33858e29a87f44359eb6c))
+
+
+* stop exposing authToken and minAuthToken from dynamic context ([#7629](https://github.com/dynamic-labs/dynamic-auth/issues/7629)) ([9648870](https://github.com/dynamic-labs/dynamic-auth/commit/9648870478cdcecde279117ada2a1095dab54e2c))
+
 ## [4.0.0-alpha.46](https://github.com/dynamic-labs/dynamic-auth/compare/v4.0.0-alpha.45...v4.0.0-alpha.46) (2024-12-17)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.0.0-alpha.46";
+var version = "4.0.0-alpha.47";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.576",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.0.0-alpha.46";
+var version = "4.0.0-alpha.47";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.576",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.0.0-alpha.46",
+  "version": "4.0.0-alpha.47",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.576",
     "@hcaptcha/react-hcaptcha": "1.4.4",
@@ -13,16 +13,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/assert-package-version": "4.0.0-alpha.46",
-    "@dynamic-labs/iconic": "4.0.0-alpha.46",
-    "@dynamic-labs/logger": "4.0.0-alpha.46",
-    "@dynamic-labs/multi-wallet": "4.0.0-alpha.46",
-    "@dynamic-labs/rpc-providers": "4.0.0-alpha.46",
-    "@dynamic-labs/store": "4.0.0-alpha.46",
-    "@dynamic-labs/types": "4.0.0-alpha.46",
-    "@dynamic-labs/utils": "4.0.0-alpha.46",
-    "@dynamic-labs/wallet-book": "4.0.0-alpha.46",
-    "@dynamic-labs/wallet-connector-core": "4.0.0-alpha.46",
+    "@dynamic-labs/assert-package-version": "4.0.0-alpha.47",
+    "@dynamic-labs/iconic": "4.0.0-alpha.47",
+    "@dynamic-labs/logger": "4.0.0-alpha.47",
+    "@dynamic-labs/multi-wallet": "4.0.0-alpha.47",
+    "@dynamic-labs/rpc-providers": "4.0.0-alpha.47",
+    "@dynamic-labs/store": "4.0.0-alpha.47",
+    "@dynamic-labs/types": "4.0.0-alpha.47",
+    "@dynamic-labs/utils": "4.0.0-alpha.47",
+    "@dynamic-labs/wallet-book": "4.0.0-alpha.47",
+    "@dynamic-labs/wallet-connector-core": "4.0.0-alpha.47",
     "bs58": "5.0.0",
     "eventemitter3": "5.0.1"
   },

package/src/index.d.ts

@@ -57,7 +57,7 @@ LogoutIcon,
 /** @deprecated */
 PencilIcon, 
 /** @deprecated */
-SpinnerIcon, type AccessDeniedCustomButton, type AccountSwitchState, type AuthModeType, type AwaitingSignatureState, type ChainToWalletMap, type DynamicEventsCallbacks, type DynamicHandlers, type MultiWalletWidgetState, type OnAuthSuccess, type HandleConnectedWallet, type OnWalletAdded, type OnWalletRemoved, type OnOtpVerificationResult, type OnEmbeddedWalletCreated, type OnUserProfileUpdate, type RecommendedWallet, type Wallet, type WalletOption, 
+SpinnerIcon, type AccessDeniedCustomButton, type AccountSwitchState, type AuthModeType, type AwaitingSignatureState, type ChainToWalletMap, type DynamicEventsCallbacks, type DynamicHandlers, type MultiWalletWidgetState, type OnAuthSuccess, type HandleConnectedWallet, type OnWalletAdded, type OnWalletRemoved, type OnOtpVerificationResult, type OnEmbeddedWalletCreated, type OnUserProfileUpdate, type RecommendedWallet, type Wallet, type WalletOption, type WalletsFilter, type WalletListViewTabItem, 
 /** @deprecated */
 useLocalStorage, 
 /** @deprecated */

package/src/lib/components/Divider/Divider.cjs

@@ -88,6 +88,7 @@ require('qrcode');
 
 const Divider = ({ text, className, style, fullWidth = false, children, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('divider', className, {
         'divider__full-width': fullWidth,
+        'divider__no-gap': text === undefined && children === undefined,
     }), style: style, children: [jsxRuntime.jsx("div", { className: 'divider__dash' }), Boolean(text) && (jsxRuntime.jsx(Typography.Typography, { className: 'divider__text', variant: 'body_small', color: 'secondary', children: text })), children && jsxRuntime.jsx("div", { children: children }), jsxRuntime.jsx("div", { className: 'divider__dash' })] }));
 
 exports.Divider = Divider;

package/src/lib/components/Divider/Divider.js

@@ -84,6 +84,7 @@ import 'qrcode';
 
 const Divider = ({ text, className, style, fullWidth = false, children, }) => (jsxs("div", { className: classNames('divider', className, {
         'divider__full-width': fullWidth,
+        'divider__no-gap': text === undefined && children === undefined,
     }), style: style, children: [jsx("div", { className: 'divider__dash' }), Boolean(text) && (jsx(Typography, { className: 'divider__text', variant: 'body_small', color: 'secondary', children: text })), children && jsx("div", { children: children }), jsx("div", { className: 'divider__dash' })] }));
 
 export { Divider };

package/src/lib/components/UserProfile/UserProfile.cjs

@@ -122,6 +122,7 @@ const UserProfile = ({ rootClassName }) => {
         projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
         user,
     });
+    const ensDomain = React.useMemo(() => { var _a; return (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.nameService) === null || _a === void 0 ? void 0 : _a.evm.domain; }, [projectSettings]);
     const providers = isSocialKycEnabled.isSocialKycEnabled(projectSettings)
         ? index.getEnabledOAuthProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers)
         : [];
@@ -143,9 +144,13 @@ const UserProfile = ({ rootClassName }) => {
                             let fieldValue = value;
                             if (validationType === sdkApiCore.CustomFieldType.Checkbox)
                                 fieldValue = value.length > 0 ? 'Checked' : 'Unchecked';
-                            let fieldLabel = label;
+                            // Use name instead of label here because the back-end doesn't set label
+                            let fieldLabel = name;
                             if (name === fields.NAME_SERVICE_FIELD_NAME) {
                                 fieldLabel = t('dyn_subdomain_field.label');
+                                if (ensDomain) {
+                                    fieldValue = `${fieldValue}.${ensDomain}`;
+                                }
                             }
                             return (jsxRuntime.jsx(UserProfileField.UserProfileField, { name: name, label: fieldLabel, value: fieldValue }, name));
                         }

package/src/lib/components/UserProfile/UserProfile.js

@@ -1,6 +1,6 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
+import { useRef, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { KycFieldType, CustomFieldType } from '@dynamic-labs/sdk-api-core';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
@@ -118,6 +118,7 @@ const UserProfile = ({ rootClassName }) => {
         projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
         user,
     });
+    const ensDomain = useMemo(() => { var _a; return (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.nameService) === null || _a === void 0 ? void 0 : _a.evm.domain; }, [projectSettings]);
     const providers = isSocialKycEnabled(projectSettings)
         ? getEnabledOAuthProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers)
         : [];
@@ -139,9 +140,13 @@ const UserProfile = ({ rootClassName }) => {
                             let fieldValue = value;
                             if (validationType === CustomFieldType.Checkbox)
                                 fieldValue = value.length > 0 ? 'Checked' : 'Unchecked';
-                            let fieldLabel = label;
+                            // Use name instead of label here because the back-end doesn't set label
+                            let fieldLabel = name;
                             if (name === NAME_SERVICE_FIELD_NAME) {
                                 fieldLabel = t('dyn_subdomain_field.label');
+                                if (ensDomain) {
+                                    fieldValue = `${fieldValue}.${ensDomain}`;
+                                }
                             }
                             return (jsx(UserProfileField, { name: name, label: fieldLabel, value: fieldValue }, name));
                         }

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.cjs

@@ -138,7 +138,7 @@ const WalletConnectorEvents = ({ connectorProps, }) => {
                 const newWalletOption = createWallet.createWallet(connectorProps.walletBook, connector);
                 updatedConnectors.push(newWalletOption);
             }
-            walletConnectorOptions.setWalletConnectorOptions(updatedConnectors);
+            walletConnectorOptions.mergeWalletConnectorOptions(updatedConnectors);
         };
         if (!walletBook.isWalletBookPopulated(connectorProps.walletBook)) {
             return;

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.js

@@ -44,7 +44,7 @@ import '../../context/MockContext/MockContext.js';
 import '../../views/CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import { setWalletConnectorOptions } from '../../store/state/walletConnectorOptions.js';
+import { mergeWalletConnectorOptions } from '../../store/state/walletConnectorOptions.js';
 import 'react-i18next';
 import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
@@ -134,7 +134,7 @@ const WalletConnectorEvents = ({ connectorProps, }) => {
                 const newWalletOption = createWallet(connectorProps.walletBook, connector);
                 updatedConnectors.push(newWalletOption);
             }
-            setWalletConnectorOptions(updatedConnectors);
+            mergeWalletConnectorOptions(updatedConnectors);
         };
         if (!isWalletBookPopulated(connectorProps.walletBook)) {
             return;

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -30,8 +30,7 @@ require('../../shared/consts/index.cjs');
 var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs');
-var getMinAuthToken = require('../../utils/functions/getMinAuthToken/getMinAuthToken.cjs');
+var helpers = require('./helpers/helpers.cjs');
 require('react-international-phone');
 var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
 var user = require('../../store/state/user/user.cjs');
@@ -132,7 +131,6 @@ var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs')
 var UseNetworkValidation = require('../UseNetworkValidation/UseNetworkValidation.cjs');
 var defaultDynamicSettings = require('../../store/state/dynamicContextProps/defaultDynamicSettings.cjs');
 var onReinitialize = require('./functions/onReinitialize/onReinitialize.cjs');
-var helpers = require('./helpers/helpers.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
 var useEmailLoginState = require('./hooks/useEmailLoginState/useEmailLoginState.cjs');
 var useHandleLogout = require('./hooks/useHandleLogout/useHandleLogout.cjs');
@@ -483,7 +481,6 @@ const InnerDynamicContextProvider = (props) => {
             appLogoUrl,
             appName,
             authMode,
-            authToken: getAuthToken.getAuthToken(),
             authorizationViewDisplayOrder,
             awaitingSignatureState,
             bridgeChains,
@@ -521,7 +518,6 @@ const InnerDynamicContextProvider = (props) => {
                 changeLanguage: locale.Locale.getInstance().changeLanguage,
             },
             loginWithEmail,
-            minAuthToken: getMinAuthToken.getMinAuthToken(),
             multiAsset,
             multiWallet,
             multiWalletWidgetState,

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -26,8 +26,7 @@ import '../../shared/consts/index.js';
 import { CaptchaContextProvider } from '../CaptchaContext/CaptchaContext.js';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
-import { getMinAuthToken } from '../../utils/functions/getMinAuthToken/getMinAuthToken.js';
+import { resolveNetworkValidationMode, initExpirationTime, getInitialView, getDeepLinkPreference } from './helpers/helpers.js';
 import 'react-international-phone';
 import ApiEndpoint from '../../config/ApiEndpoint.js';
 import { useUser } from '../../store/state/user/user.js';
@@ -128,7 +127,6 @@ import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceCon
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
 import { defaultDynamicSettings } from '../../store/state/dynamicContextProps/defaultDynamicSettings.js';
 import { onReinitialize } from './functions/onReinitialize/onReinitialize.js';
-import { resolveNetworkValidationMode, initExpirationTime, getInitialView, getDeepLinkPreference } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
 import { useHandleLogout } from './hooks/useHandleLogout/useHandleLogout.js';
@@ -479,7 +477,6 @@ const InnerDynamicContextProvider = (props) => {
             appLogoUrl,
             appName,
             authMode,
-            authToken: getAuthToken(),
             authorizationViewDisplayOrder,
             awaitingSignatureState,
             bridgeChains,
@@ -517,7 +514,6 @@ const InnerDynamicContextProvider = (props) => {
                 changeLanguage: Locale.getInstance().changeLanguage,
             },
             loginWithEmail,
-            minAuthToken: getMinAuthToken(),
             multiAsset,
             multiWallet,
             multiWalletWidgetState,

package/src/lib/context/DynamicContext/types/DynamicContextProps.d.ts

@@ -5,7 +5,7 @@ import { type MobileExperience, type CoinbaseWalletPreference, type SocialProvid
 import { DeepLinkVariant, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
 import { TokenBalance } from '@dynamic-labs/sdk-api-core';
 import { LocaleResource } from '../../../locale';
-import { AccessDeniedCustomButton, AuthModeType, ChainToWalletMap, DynamicEventsCallbacks, RecommendedWallet, WalletOption } from '../../../shared';
+import { AccessDeniedCustomButton, AuthModeType, ChainToWalletMap, DynamicEventsCallbacks, RecommendedWallet, WalletsFilter } from '../../../shared';
 import { DynamicHandlers } from '../../../shared/types/dynamicHandlers';
 import { SocialNetworkIconType } from '../../../utils/functions/getSocialNetworkIcon';
 import { ThemeData, ThemeSetting } from '../../ThemeContext';
@@ -87,7 +87,7 @@ export interface DynamicContextProps {
         walletConnectors?: WalletConnectorsMethod[];
         walletConnectorExtensions?: WalletConnectorExtension[];
         walletConnectPreferredChains?: `eip155:${number}`[];
-        walletsFilter?: (options: WalletOption[]) => WalletOption[];
+        walletsFilter?: WalletsFilter;
         /**
          * Allows filtering which tokens show in the expanded tokens view.
          * Hidden tokens will not count towards the user's total balance.

package/src/lib/context/DynamicContext/types/IDynamicContext.d.ts

@@ -5,7 +5,7 @@ import { NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api-core';
 import { MobileExperience, NetworkConfigurationMap, SocialProviderFilter, UserProfile, WalletUiUtils } from '@dynamic-labs/types';
 import { Chain, GetAddressOpts, InternalWalletConnector, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { PasskeySuccessEnum } from '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner';
-import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, MultiWalletWidgetState, RecommendedWallet, Wallet, WalletOption, WalletWithAction } from '../../../shared';
+import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, MultiWalletWidgetState, RecommendedWallet, Wallet, WalletListViewTabItem, WalletOption, WalletsFilter, WalletWithAction } from '../../../shared';
 import { DynamicHandlers } from '../../../shared/types/dynamicHandlers';
 import { SocialNetworkIconType } from '../../../utils/functions/getSocialNetworkIcon';
 import { MultiWalletWidgetStateSetter } from '../../../utils/hooks/multiWallet';
@@ -14,7 +14,6 @@ import { ThemeData, ThemeSetting } from '../../ThemeContext';
 import { DisplayOrder, SetDisplayOrderPriority, SetShowAuthFlow } from '../hooks';
 import { SetCallbackType } from '../useCustomerCallbacks';
 import { SettingsOverrides } from './SettingsOverrides';
-import { WalletListViewTabItem } from './WalletListViewTabItem';
 import { SocialSettings } from './SocialSettings';
 export type ChainsToConnect = {
     chain: Chain;
@@ -34,7 +33,6 @@ export interface IDynamicContext {
     appName?: string;
     defaultPhoneInputIso2?: CountryIso2;
     authMode: AuthModeType;
-    authToken: string | undefined;
     authorizationViewDisplayOrder: DisplayOrder;
     awaitingSignatureState: AwaitingSignatureState;
     socialSettings?: SocialSettings;
@@ -81,7 +79,6 @@ export interface IDynamicContext {
     selectedTabSettings: WalletListViewTabItem | undefined;
     tabsItems: WalletListViewTabItem[] | undefined;
     setSelectedTabIndex: Dispatch<SetStateAction<number>>;
-    minAuthToken: string | undefined;
     multiAsset: boolean;
     multiWallet: boolean;
     multiWalletWidgetState: MultiWalletWidgetState;
@@ -158,5 +155,5 @@ export interface IDynamicContext {
     userWithMissingInfo: UserProfile | undefined;
     walletConnectorOptions: WalletOption[];
     walletUiUtils: WalletUiUtils<InternalWalletConnector>;
-    walletsFilter?: (options: WalletOption[]) => WalletOption[];
+    walletsFilter?: WalletsFilter;
 }

package/src/lib/context/DynamicContext/types/SettingsOverrides.d.ts

@@ -1,7 +1,7 @@
 import { SdkView } from '@dynamic-labs/sdk-api-core';
 import { GenericNetwork } from '@dynamic-labs/types';
 import { ChainDisplayOverrides } from '@dynamic-labs/wallet-connector-core';
-import { WalletListViewTabItem } from './WalletListViewTabItem';
+import { WalletListViewTabItem } from '../../../shared';
 export type WalletListViewSettings = {
     type: 'wallet-list';
     tabs?: {

package/src/lib/context/DynamicContext/types/index.d.ts

@@ -1,5 +1,4 @@
 export * from './DynamicContextProps';
 export * from './IDynamicContext';
 export * from './SettingsOverrides';
-export * from './WalletListViewTabItem';
 export * from './SocialSettings';

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.cjs

@@ -13,12 +13,11 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, selectedTabIndex, setSelectedTabIndex, } = context;
+    const { accountSwitchState, authMode, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, selectedTabIndex, setSelectedTabIndex, } = context;
     const { setAuthMode } = useOverrides.useOverrides(context);
     return {
         accountSwitchState,
         authMode,
-        authToken,
         awaitingSignatureState,
         bridgeChains,
         bridgeChainsToConnect,
@@ -28,7 +27,6 @@ const useDynamicContext = () => {
         loadingNetwork,
         locale,
         loginWithEmail,
-        minAuthToken,
         multiWalletWidgetState,
         network,
         networkConfigurations,

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { IDynamicContext } from '../types';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'userWithMissingInfo' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode' | 'minAuthToken' | 'selectedTabIndex' | 'setSelectedTabIndex'> & {
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'userWithMissingInfo' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode' | 'selectedTabIndex' | 'setSelectedTabIndex'> & {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
 };
 export declare const useDynamicContext: () => UseDynamicContext;

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.js

@@ -9,12 +9,11 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, selectedTabIndex, setSelectedTabIndex, } = context;
+    const { accountSwitchState, authMode, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, selectedTabIndex, setSelectedTabIndex, } = context;
     const { setAuthMode } = useOverrides(context);
     return {
         accountSwitchState,
         authMode,
-        authToken,
         awaitingSignatureState,
         bridgeChains,
         bridgeChainsToConnect,
@@ -24,7 +23,6 @@ const useDynamicContext = () => {
         loadingNetwork,
         locale,
         loginWithEmail,
-        minAuthToken,
         multiWalletWidgetState,
         network,
         networkConfigurations,

package/src/lib/events/multiWallet.d.ts

@@ -1,6 +1,7 @@
+import { InternalWalletConnector } from '@dynamic-labs/wallet-connector-core';
 export type MultiWalletInternalEvents = {
     triggerComputePrimaryWalletMultiWalletStateFromAccounts: (props: {
         accounts: string[];
     }) => void;
-    triggerConnectAndSign: () => void;
+    triggerConnectAndSign: (walletConnector?: InternalWalletConnector) => void;
 };

package/src/lib/shared/types/wallets.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { OauthProviderRequest, PasswordSourceTypeEnum, WalletAdditionalAddress, WalletProviderEnum } from '@dynamic-labs/sdk-api-core';
 import type { InternalWalletConnector, Wallet } from '@dynamic-labs/wallet-connector-core';
 export type { Wallet } from '@dynamic-labs/wallet-connector-core';
@@ -54,3 +55,12 @@ export type ChainToWalletMap = {
         solana?: string;
     };
 };
+export type WalletsFilter = (options: WalletOption[]) => WalletOption[];
+export type WalletListViewTabItem = {
+    label: {
+        text?: string;
+        icon?: string | ReactElement;
+    };
+    walletsFilter?: WalletsFilter;
+    recommendedWallets?: RecommendedWallet[];
+};

package/src/lib/store/state/walletConnectorOptions.cjs

@@ -5,9 +5,28 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var createStoreState = require('../internalImplementation/utils/createStoreState/createStoreState.cjs');
 
-const { getWalletConnectorOptions, setWalletConnectorOptions, useWalletConnectorOptions, resetWalletConnectorOptions, } = createStoreState.createStoreState('walletConnectorOptions');
+const walletConnectorOptionsState = createStoreState.createStoreState('walletConnectorOptions');
+const { getWalletConnectorOptions, useWalletConnectorOptions, resetWalletConnectorOptions, } = walletConnectorOptionsState;
+/**
+ * Merges the current wallet connector options with the new options.
+ * @param options - The new wallet connector options to merge.
+ */
+const mergeWalletConnectorOptions = (options) => {
+    const currentWalletOptions = getWalletConnectorOptions();
+    // Create a unique key for each wallet option based on its key and connected chain
+    const getKey = (walletOption) => `${walletOption.key}-${walletOption.walletConnector.connectedChain}`;
+    const currentWalletOptionsMap = new Map(currentWalletOptions.map((walletOption) => [
+        getKey(walletOption),
+        walletOption,
+    ]));
+    options.forEach((walletOption) => {
+        currentWalletOptionsMap.set(getKey(walletOption), walletOption);
+    });
+    const updatedWalletOptions = Array.from(currentWalletOptionsMap.values());
+    walletConnectorOptionsState.setWalletConnectorOptions(updatedWalletOptions);
+};
 
 exports.getWalletConnectorOptions = getWalletConnectorOptions;
+exports.mergeWalletConnectorOptions = mergeWalletConnectorOptions;
 exports.resetWalletConnectorOptions = resetWalletConnectorOptions;
-exports.setWalletConnectorOptions = setWalletConnectorOptions;
 exports.useWalletConnectorOptions = useWalletConnectorOptions;

package/src/lib/store/state/walletConnectorOptions.d.ts

@@ -1 +1,7 @@
-export declare const getWalletConnectorOptions: () => import("../../shared").WalletOption[], setWalletConnectorOptions: (value: import("../../shared").WalletOption[]) => void, useWalletConnectorOptions: () => import("../../shared").WalletOption[], resetWalletConnectorOptions: () => void;
+import { WalletOption } from '../../shared';
+export declare const getWalletConnectorOptions: () => WalletOption[], useWalletConnectorOptions: () => WalletOption[], resetWalletConnectorOptions: () => void;
+/**
+ * Merges the current wallet connector options with the new options.
+ * @param options - The new wallet connector options to merge.
+ */
+export declare const mergeWalletConnectorOptions: (options: WalletOption[]) => void;

package/src/lib/store/state/walletConnectorOptions.js

@@ -1,6 +1,25 @@
 'use client'
 import { createStoreState } from '../internalImplementation/utils/createStoreState/createStoreState.js';
 
-const { getWalletConnectorOptions, setWalletConnectorOptions, useWalletConnectorOptions, resetWalletConnectorOptions, } = createStoreState('walletConnectorOptions');
+const walletConnectorOptionsState = createStoreState('walletConnectorOptions');
+const { getWalletConnectorOptions, useWalletConnectorOptions, resetWalletConnectorOptions, } = walletConnectorOptionsState;
+/**
+ * Merges the current wallet connector options with the new options.
+ * @param options - The new wallet connector options to merge.
+ */
+const mergeWalletConnectorOptions = (options) => {
+    const currentWalletOptions = getWalletConnectorOptions();
+    // Create a unique key for each wallet option based on its key and connected chain
+    const getKey = (walletOption) => `${walletOption.key}-${walletOption.walletConnector.connectedChain}`;
+    const currentWalletOptionsMap = new Map(currentWalletOptions.map((walletOption) => [
+        getKey(walletOption),
+        walletOption,
+    ]));
+    options.forEach((walletOption) => {
+        currentWalletOptionsMap.set(getKey(walletOption), walletOption);
+    });
+    const updatedWalletOptions = Array.from(currentWalletOptionsMap.values());
+    walletConnectorOptionsState.setWalletConnectorOptions(updatedWalletOptions);
+};
 
-export { getWalletConnectorOptions, resetWalletConnectorOptions, setWalletConnectorOptions, useWalletConnectorOptions };
+export { getWalletConnectorOptions, mergeWalletConnectorOptions, resetWalletConnectorOptions, useWalletConnectorOptions };