@dynamic-labs/sdk-react-core 4.0.0-alpha.5 → 4.0.0-alpha.51

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

@@ -3,20 +3,21 @@ import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useRef, useCallback, useEffect } from 'react';
 import { StorageService } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
+import '../../../../config/ApiEndpoint.js';
+import { DYNAMIC_AUTH_COOKIE_NAME } from '../../../../utils/constants/values.js';
+import '@dynamic-labs/multi-wallet';
+import { AUTH_TOKEN, AUTH_MIN_TOKEN, WALLET_PICKER_SEARCH_KEY, PHANTOM_SIGNATURE_STATE, AUTH_EXPIRES_AT } from '../../../../utils/constants/localStorage.js';
 import '../../../../shared/logger.js';
+import '../../../../utils/constants/colors.js';
+import 'react-international-phone';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import { AUTH_TOKEN, AUTH_MIN_TOKEN, WALLET_PICKER_SEARCH_KEY, PHANTOM_SIGNATURE_STATE, AUTH_EXPIRES_AT } from '../../../../utils/constants/localStorage.js';
-import '../../../../utils/constants/colors.js';
-import { DYNAMIC_AUTH_COOKIE_NAME } from '../../../../utils/constants/values.js';
 import '../../../../store/state/loadingAndLifecycle.js';
 import '../../../../shared/consts/index.js';
-import '../../../../config/ApiEndpoint.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
+import '../../../../store/state/nonce/nonce.js';
 import '../../../../store/state/projectSettings/projectSettings.js';
 import { setUser } from '../../../../store/state/user/user.js';
 import { revokeSession } from '../../../../data/api/session/session.js';
@@ -31,6 +32,7 @@ import '../../../AccountExistsContext/AccountExistsContext.js';
 import '../../../UserWalletsContext/UserWalletsContext.js';
 import '../../../VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../WalletContext/WalletContext.js';
 import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../ThemeContext/ThemeContext.js';
@@ -43,8 +45,8 @@ import '../../../../views/CollectUserDataView/useFields.js';
 import '../../../FieldsStateContext/FieldsStateContext.js';
 import '../../../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../store/state/environmentId.js';
-import '../../../../store/state/walletConnectorOptions.js';
+import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../components/Alert/Alert.js';
@@ -54,40 +56,34 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../../components/OverlayCard/OverlayCard.js';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../FooterAnimationContext/index.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';
+import '../../../IpConfigurationContext/IpConfigurationContext.js';
 import '../../../SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../IpConfigurationContext/IpConfigurationContext.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
+import '@dynamic-labs/ethereum-aa';
+import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../../polyfills.js';
-import '../../../ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../FundingContext/FundingContext.js';
-import '../../../SendBalanceContext/SendBalanceContext.js';
-import '../../../ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../ConnectWithOtpContext/constants.js';
-import '../../../ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
+import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 const useHandleLogout = (params) => {
     const paramsRef = useRef(params);

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

@@ -3,6 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var React = require('react');
 var utils = require('@dynamic-labs/utils');
 var isSSR = require('../../../../shared/utils/functions/isSSR/isSSR.cjs');
 
@@ -12,6 +13,7 @@ var isSSR = require('../../../../shared/utils/functions/isSSR/isSSR.cjs');
  * @param storagePostfix - The postfix for the storage services.
  */
 const useRegisterStorageService = ({ storagePostfix, }) => {
+    const lastPostfix = React.useRef(storagePostfix);
     if (!isSSR.isSSR() && utils.PlatformService.isNativeMobile)
         return;
     const storageForSSR = {
@@ -24,16 +26,24 @@ const useRegisterStorageService = ({ storagePostfix, }) => {
     };
     const localStorage = isSSR.isSSR() ? storageForSSR : window.localStorage;
     const sessionStorage = isSSR.isSSR() ? storageForSSR : window.sessionStorage;
+    if (lastPostfix.current !== storagePostfix) {
+        lastPostfix.current = storagePostfix;
+        utils.StorageService.clearRegistry();
+    }
     if (!utils.StorageService.getSourceStorage('localStorage')) {
-        utils.StorageService.registerSourceStorage('localStorage', utils.createStorageService({
+        utils.StorageService.registerSourceStorage('localStorage', utils.applyPostfixToStorageService({
             postfix: storagePostfix,
-            storage: localStorage,
+            storage: utils.createStorageService({
+                storage: localStorage,
+            }),
         }));
     }
     if (!utils.StorageService.getSourceStorage('sessionStorage')) {
-        utils.StorageService.registerSourceStorage('sessionStorage', utils.createStorageService({
+        utils.StorageService.registerSourceStorage('sessionStorage', utils.applyPostfixToStorageService({
             postfix: storagePostfix,
-            storage: sessionStorage,
+            storage: utils.createStorageService({
+                storage: sessionStorage,
+            }),
         }));
     }
 };

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

@@ -1,5 +1,6 @@
 'use client'
-import { PlatformService, StorageService, createStorageService } from '@dynamic-labs/utils';
+import { useRef } from 'react';
+import { PlatformService, StorageService, applyPostfixToStorageService, createStorageService } from '@dynamic-labs/utils';
 import { isSSR } from '../../../../shared/utils/functions/isSSR/isSSR.js';
 
 /**
@@ -8,6 +9,7 @@ import { isSSR } from '../../../../shared/utils/functions/isSSR/isSSR.js';
  * @param storagePostfix - The postfix for the storage services.
  */
 const useRegisterStorageService = ({ storagePostfix, }) => {
+    const lastPostfix = useRef(storagePostfix);
     if (!isSSR() && PlatformService.isNativeMobile)
         return;
     const storageForSSR = {
@@ -20,16 +22,24 @@ const useRegisterStorageService = ({ storagePostfix, }) => {
     };
     const localStorage = isSSR() ? storageForSSR : window.localStorage;
     const sessionStorage = isSSR() ? storageForSSR : window.sessionStorage;
+    if (lastPostfix.current !== storagePostfix) {
+        lastPostfix.current = storagePostfix;
+        StorageService.clearRegistry();
+    }
     if (!StorageService.getSourceStorage('localStorage')) {
-        StorageService.registerSourceStorage('localStorage', createStorageService({
+        StorageService.registerSourceStorage('localStorage', applyPostfixToStorageService({
             postfix: storagePostfix,
-            storage: localStorage,
+            storage: createStorageService({
+                storage: localStorage,
+            }),
         }));
     }
     if (!StorageService.getSourceStorage('sessionStorage')) {
-        StorageService.registerSourceStorage('sessionStorage', createStorageService({
+        StorageService.registerSourceStorage('sessionStorage', applyPostfixToStorageService({
             postfix: storagePostfix,
-            storage: sessionStorage,
+            storage: createStorageService({
+                storage: sessionStorage,
+            }),
         }));
     }
 };

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

@@ -25,11 +25,10 @@ var ErrorContext = require('../../../ErrorContext/ErrorContext.cjs');
  * different scenarios and makes it especially easy to customize exactly which version of this method
  * is being passed to useDynamicContext.
  */
-const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, walletConnectorOptions, setShowDynamicUserProfile, }) => {
+const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, setShowDynamicUserProfile, }) => {
     const [showAuthFlow, _setShowAuthFlow] = React.useState(false);
     const { setError } = ErrorContext.useErrorContext();
     const setShowAuthFlow = React.useCallback((value, options = {}) => {
-        var _a;
         const { emitCancelAuth, ignoreIfIsEmbeddedWidget, initializeWalletConnect, performMultiWalletChecks, clearErrors, } = Object.assign({ clearErrors: true, emitCancelAuth: false, ignoreIfIsEmbeddedWidget: true, initializeWalletConnect: true, performMultiWalletChecks: false }, options);
         logger.logger.logVerboseTroubleshootingMessage('setShowAuthFlow', {
             clearErrors,
@@ -54,10 +53,6 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
                 logger.logger.warn('Use setShowLinkNewWalletModal to render the wallet list instead. For more information, see: https://docs.dynamic.xyz/react-sdk/hooks/usedynamiccontext');
                 return;
             }
-            if (initializeWalletConnect) {
-                (_a = walletConnectorOptions
-                    .find((wallet) => wallet.walletConnector.key === 'walletconnect')) === null || _a === void 0 ? void 0 : _a.walletConnector.init();
-            }
         }
         else if (emitCancelAuth && showAuthFlow)
             dynamicEvents.dynamicEvents.emit('authFlowCancelled');
@@ -71,7 +66,6 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
         setError,
         setShowDynamicUserProfile,
         showAuthFlow,
-        walletConnectorOptions,
     ]);
     return [showAuthFlow, setShowAuthFlow];
 };

package/src/lib/context/DynamicContext/hooks/useShowAuthFlow/useShowAuthFlow.d.ts

@@ -1,5 +1,4 @@
 import { SetStateAction } from 'react';
-import { WalletOption } from '../../../../shared';
 import { IDynamicContext } from '../../types';
 export type SetShowAuthFlowOptions = {
     /**
@@ -28,7 +27,6 @@ export type SetShowAuthFlow = (value: SetStateAction<boolean>, options?: SetShow
 export type UseShowAuthFlowParams = {
     isMultiWalletEnabled: boolean;
     isRenderingEmbeddedAuthFlow: IDynamicContext['isRenderingEmbeddedAuthFlow'];
-    walletConnectorOptions: WalletOption[];
     isAuthenticated: boolean;
     setShowDynamicUserProfile: IDynamicContext['setShowDynamicUserProfile'];
 };
@@ -38,4 +36,4 @@ export type UseShowAuthFlowParams = {
  * different scenarios and makes it especially easy to customize exactly which version of this method
  * is being passed to useDynamicContext.
  */
-export declare const useShowAuthFlow: ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, walletConnectorOptions, setShowDynamicUserProfile, }: UseShowAuthFlowParams) => [boolean, SetShowAuthFlow];
+export declare const useShowAuthFlow: ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, setShowDynamicUserProfile, }: UseShowAuthFlowParams) => [boolean, SetShowAuthFlow];

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

@@ -21,11 +21,10 @@ import { useErrorContext } from '../../../ErrorContext/ErrorContext.js';
  * different scenarios and makes it especially easy to customize exactly which version of this method
  * is being passed to useDynamicContext.
  */
-const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, walletConnectorOptions, setShowDynamicUserProfile, }) => {
+const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, setShowDynamicUserProfile, }) => {
     const [showAuthFlow, _setShowAuthFlow] = useState(false);
     const { setError } = useErrorContext();
     const setShowAuthFlow = useCallback((value, options = {}) => {
-        var _a;
         const { emitCancelAuth, ignoreIfIsEmbeddedWidget, initializeWalletConnect, performMultiWalletChecks, clearErrors, } = Object.assign({ clearErrors: true, emitCancelAuth: false, ignoreIfIsEmbeddedWidget: true, initializeWalletConnect: true, performMultiWalletChecks: false }, options);
         logger.logVerboseTroubleshootingMessage('setShowAuthFlow', {
             clearErrors,
@@ -50,10 +49,6 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
                 logger.warn('Use setShowLinkNewWalletModal to render the wallet list instead. For more information, see: https://docs.dynamic.xyz/react-sdk/hooks/usedynamiccontext');
                 return;
             }
-            if (initializeWalletConnect) {
-                (_a = walletConnectorOptions
-                    .find((wallet) => wallet.walletConnector.key === 'walletconnect')) === null || _a === void 0 ? void 0 : _a.walletConnector.init();
-            }
         }
         else if (emitCancelAuth && showAuthFlow)
             dynamicEvents.emit('authFlowCancelled');
@@ -67,7 +62,6 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
         setError,
         setShowDynamicUserProfile,
         showAuthFlow,
-        walletConnectorOptions,
     ]);
     return [showAuthFlow, setShowAuthFlow];
 };

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

@@ -24,6 +24,7 @@ require('../../../CaptchaContext/CaptchaContext.cjs');
 require('../../../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('../../../../store/state/nonce/nonce.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../store/state/user/user.cjs');
 require('../../../../locale/locale.cjs');
@@ -33,6 +34,7 @@ require('../../../AccountExistsContext/AccountExistsContext.cjs');
 require('../../../UserWalletsContext/UserWalletsContext.cjs');
 require('../../../VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../WalletContext/WalletContext.cjs');
 require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../ThemeContext/ThemeContext.cjs');
@@ -45,8 +47,8 @@ require('../../../../views/CollectUserDataView/useFields.cjs');
 require('../../../FieldsStateContext/FieldsStateContext.cjs');
 require('../../../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../store/state/environmentId.cjs');
-require('../../../../store/state/walletConnectorOptions.cjs');
+require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../../components/Alert/Alert.cjs');
@@ -56,40 +58,34 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../FooterAnimationContext/index.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');
+require('../../../IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
+require('@dynamic-labs/ethereum-aa');
+require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../../polyfills.cjs');
-require('../../../ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../../ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../../WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../../FundingContext/FundingContext.cjs');
-require('../../../SendBalanceContext/SendBalanceContext.cjs');
-require('../../../ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../ConnectWithOtpContext/constants.cjs');
-require('../../../ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');
+require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 /** Ties the customer callbacks to our events, such that our events will also trigger the callbacks */
 const useTieCallbacksToEvents = ({ clientCallbacks, user, }) => {

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

@@ -20,6 +20,7 @@ import '../../../CaptchaContext/CaptchaContext.js';
 import '../../../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import '../../../../store/state/nonce/nonce.js';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
@@ -29,6 +30,7 @@ import '../../../AccountExistsContext/AccountExistsContext.js';
 import '../../../UserWalletsContext/UserWalletsContext.js';
 import '../../../VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../WalletContext/WalletContext.js';
 import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../ThemeContext/ThemeContext.js';
@@ -41,8 +43,8 @@ import '../../../../views/CollectUserDataView/useFields.js';
 import '../../../FieldsStateContext/FieldsStateContext.js';
 import '../../../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../store/state/environmentId.js';
-import '../../../../store/state/walletConnectorOptions.js';
+import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../components/Alert/Alert.js';
@@ -52,40 +54,34 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../../components/OverlayCard/OverlayCard.js';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../FooterAnimationContext/index.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';
+import '../../../IpConfigurationContext/IpConfigurationContext.js';
 import '../../../SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../IpConfigurationContext/IpConfigurationContext.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
+import '@dynamic-labs/ethereum-aa';
+import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../../polyfills.js';
-import '../../../ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../FundingContext/FundingContext.js';
-import '../../../SendBalanceContext/SendBalanceContext.js';
-import '../../../ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../ConnectWithOtpContext/constants.js';
-import '../../../ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
+import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 /** Ties the customer callbacks to our events, such that our events will also trigger the callbacks */
 const useTieCallbacksToEvents = ({ clientCallbacks, user, }) => {

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

@@ -3,8 +3,9 @@ import { CountryIso2 } from 'react-international-phone';
 import { LogLevel } from '@dynamic-labs/logger';
 import { type MobileExperience, type CoinbaseWalletPreference, type SocialProviderFilter } from '@dynamic-labs/types';
 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';
@@ -49,10 +50,6 @@ export interface DynamicContextProps {
         enableConnectOnlyFallback?: boolean;
         enableVisitTrackingOnConnectOnly?: boolean;
         environmentId: string;
-        /**
-         * @deprecated Use events instead
-         */
-        eventsCallbacks?: DynamicEventsCallbacks;
         events?: DynamicEventsCallbacks;
         /**
          * @deprecated Set flow network in dashboard instead
@@ -90,7 +87,12 @@ 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.
+         */
+        tokensFilter?: (tokens: TokenBalance[]) => TokenBalance[];
     };
     theme?: ThemeData | ThemeSetting;
     /**

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;
@@ -44,7 +42,6 @@ export interface IDynamicContext {
     clearStatesOnBackClick: () => void;
     connectedWallets: Wallet[];
     connectWallet: (walletConnector: WalletConnector, getAddressOpts?: GetAddressOpts, options?: ConnectWalletOptions) => Promise<ConnectWalletResult | undefined>;
-    consumeNonce: () => string | undefined;
     cssOverrides?: string | JSX.Element;
     customPrivacyPolicy?: ReactNode;
     customTermsOfServices?: ReactNode;
@@ -82,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;
@@ -159,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,