@dynamic-labs/sdk-react-core 2.1.0-alpha.2 → 2.1.0-alpha.20

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

@@ -1,7 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useRef, useCallback } from 'react';
-import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -18,7 +17,7 @@ import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 import { getWalletVerifiedCredential } from '../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.js';
 
-const useNameService = ({ currentWallet, authToken }) => {
+const useNameService = ({ currentWallet, user }) => {
     const [connectedNameService, setConnectedNameService, removeConnectedNameService,] = useLocalStorage(CONNECTED_WALLET_NAME_SERVICE, null);
     const lastFetchedNameServiceAddress = useRef();
     const lastFetchedNameServiceNetwork = useRef();
@@ -56,16 +55,16 @@ const useNameService = ({ currentWallet, authToken }) => {
         return undefined;
     }), [setConnectedNameService]);
     const getNameService = (address) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
+        var _a;
         if (!currentWallet) {
             return;
         }
         const network = yield currentWallet.connector.getNetwork();
-        const verifiedCredentials = (_a = decodeJwt(authToken)) === null || _a === void 0 ? void 0 : _a.verifiedCredentials;
+        const verifiedCredentials = user === null || user === void 0 ? void 0 : user.verifiedCredentials;
         //if there are verified credentials, check if there is a name service for the current wallet
         if (verifiedCredentials) {
             const verifiedCredential = getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials, currentWallet.chain);
-            if (verifiedCredential && ((_b = verifiedCredential.nameService) === null || _b === void 0 ? void 0 : _b.name)) {
+            if (verifiedCredential && ((_a = verifiedCredential.nameService) === null || _a === void 0 ? void 0 : _a.name)) {
                 return verifiedCredential.nameService;
             }
         }

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

@@ -36,13 +36,17 @@ require('../../../../events/dynamicEvents.cjs');
 require('../../../WalletContext/WalletContext.cjs');
 require('../../../ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../../LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../../MockContext/MockContext.cjs');
-require('react-i18next');
-require('../../../FieldsStateContext/FieldsStateContext.cjs');
+require('../../../../views/CollectUserDataView/useFields.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
@@ -60,11 +64,11 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../../../FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../LoadingContext/LoadingContext.cjs');
 require('../../../FooterAnimationContext/index.cjs');
 require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');
@@ -108,9 +112,9 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) =>
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletRemoved) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { userWallets, wallet });
     });
-    useDynamicEvents.useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential) => {
+    useDynamicEvents.useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential, authToken) => {
         var _a;
-        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onEmbeddedWalletCreated) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, jwtVerifiedCredential);
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onEmbeddedWalletCreated) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, jwtVerifiedCredential, authToken);
     });
     useDynamicEvents.useInternalDynamicEvents('logout', () => {
         var _a;

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

@@ -32,13 +32,17 @@ import '../../../../events/dynamicEvents.js';
 import '../../../WalletContext/WalletContext.js';
 import '../../../ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../../LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../../MockContext/MockContext.js';
-import 'react-i18next';
-import '../../../FieldsStateContext/FieldsStateContext.js';
+import '../../../../views/CollectUserDataView/useFields.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../../../../components/Alert/Alert.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../components/IconButton/IconButton.js';
@@ -56,11 +60,11 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../../FieldsStateContext/FieldsStateContext.js';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../LoadingContext/LoadingContext.js';
 import '../../../FooterAnimationContext/index.js';
 import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';
@@ -104,9 +108,9 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) =>
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletRemoved) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { userWallets, wallet });
     });
-    useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential) => {
+    useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential, authToken) => {
         var _a;
-        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onEmbeddedWalletCreated) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, jwtVerifiedCredential);
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onEmbeddedWalletCreated) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, jwtVerifiedCredential, authToken);
     });
     useInternalDynamicEvents('logout', () => {
         var _a;

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

@@ -12,6 +12,7 @@ import { ConnectWalletOptions } from '../../../utils/hooks/useConnectWallet/useC
 import { ThemeData, ThemeSetting } from '../../ThemeContext';
 import { DisplayOrder, SetDisplayOrderPriority, SetShowAuthFlow } from '../hooks';
 import { SetCallbackType } from '../useCustomerCallbacks';
+import { SetUserAction } from '../../../store';
 export type ChainsToConnect = {
     chain: Chain;
     chainId?: number;
@@ -78,7 +79,6 @@ export interface IDynamicContext {
     customPrivacyPolicy?: ReactNode;
     customTermsOfServices?: ReactNode;
     debugError: boolean;
-    decodedAuthToken: Omit<DynamicJwt, 'jwt'> | undefined;
     decodedOnboardingOnlyToken: Omit<DynamicJwt, 'jwt'> | undefined;
     defaultNumberOfWalletsToShow: number;
     desktopUri: string;
@@ -109,6 +109,8 @@ export interface IDynamicContext {
         changeLanguage: typeof changeLanguage;
     };
     loginWithEmail: boolean;
+    setDefaultTabIndex: (index: number) => void;
+    defaultTabIndex: number;
     minAuthToken: string | undefined;
     multiWallet: boolean;
     multiWalletWidgetState: MultiWalletWidgetState;
@@ -165,7 +167,7 @@ export interface IDynamicContext {
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
     setShowQrcodeModal: Dispatch<SetStateAction<boolean>>;
     setShowWidgetStatePopup: Dispatch<SetStateAction<boolean>>;
-    setUser: Dispatch<SetStateAction<UserProfile | undefined>>;
+    setUser: SetUserAction;
     shadowDOMEnabled: boolean;
     showAuthFlow: boolean;
     /**
@@ -186,6 +188,7 @@ export interface IDynamicContext {
     theme?: ThemeData | ThemeSetting;
     toolkitEnabled?: boolean;
     user: UserProfile | undefined;
+    userWithMissingFields: UserProfile | undefined;
     walletConnector: WalletConnector | null;
     walletConnectorOptions: WalletOption[];
     walletUiUtils: WalletUiUtils<WalletConnector>;

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

@@ -19,6 +19,7 @@ require('../../../shared/consts/index.cjs');
 require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../../utils/functions/getAuthToken/getAuthToken.cjs');
+var getMinAuthToken = require('../../../utils/functions/getMinAuthToken/getMinAuthToken.cjs');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
@@ -27,7 +28,7 @@ require('../../../locale/locale.cjs');
 
 const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, user, isAuthenticated, setHasLoggedOut, }) => {
     const [callbackQueue, setCallbackQueue] = React.useState([]);
-    const handleNextCallback = React.useCallback((next, authToken, user) => {
+    const handleNextCallback = React.useCallback((next, authToken, user, minAuthToken) => {
         switch (next === null || next === void 0 ? void 0 : next.callback) {
             case 'authSuccess': {
                 try {
@@ -35,6 +36,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
                         authToken,
                         handleLogOut,
                         isAuthenticated,
+                        minAuthToken,
                         primaryWallet,
                         user,
                     });
@@ -67,6 +69,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
         if (!callbackQueue.length || !user)
             return;
         const authToken = getAuthToken.getAuthToken();
+        const minAuthToken = getMinAuthToken.getMinAuthToken();
         // checks if user logged in with a wallet, so we need to wait
         // for the primary wallet state to be set
         // if user logged in with email without embedded wallet, then
@@ -74,7 +77,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
         if (!authToken || (user.isAuthenticatedWithAWallet && !primaryWallet)) {
             return;
         }
-        handleNextCallback(callbackQueue[0], authToken, user);
+        handleNextCallback(callbackQueue[0], authToken, user, minAuthToken);
         setCallbackQueue((prev) => {
             const [resolvedCallback, ...updatedQueue] = prev;
             if (resolvedCallback) {

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

@@ -15,6 +15,7 @@ import '../../../shared/consts/index.js';
 import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../../utils/functions/getAuthToken/getAuthToken.js';
+import { getMinAuthToken } from '../../../utils/functions/getMinAuthToken/getMinAuthToken.js';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
@@ -23,7 +24,7 @@ import '../../../locale/locale.js';
 
 const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, user, isAuthenticated, setHasLoggedOut, }) => {
     const [callbackQueue, setCallbackQueue] = useState([]);
-    const handleNextCallback = useCallback((next, authToken, user) => {
+    const handleNextCallback = useCallback((next, authToken, user, minAuthToken) => {
         switch (next === null || next === void 0 ? void 0 : next.callback) {
             case 'authSuccess': {
                 try {
@@ -31,6 +32,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
                         authToken,
                         handleLogOut,
                         isAuthenticated,
+                        minAuthToken,
                         primaryWallet,
                         user,
                     });
@@ -63,6 +65,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
         if (!callbackQueue.length || !user)
             return;
         const authToken = getAuthToken();
+        const minAuthToken = getMinAuthToken();
         // checks if user logged in with a wallet, so we need to wait
         // for the primary wallet state to be set
         // if user logged in with email without embedded wallet, then
@@ -70,7 +73,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
         if (!authToken || (user.isAuthenticatedWithAWallet && !primaryWallet)) {
             return;
         }
-        handleNextCallback(callbackQueue[0], authToken, user);
+        handleNextCallback(callbackQueue[0], authToken, user, minAuthToken);
         setCallbackQueue((prev) => {
             const [resolvedCallback, ...updatedQueue] = prev;
             if (resolvedCallback) {

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

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

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' | 'isAuthenticated' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setPrimaryWallet' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode'> & {
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setPrimaryWallet' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode' | 'minAuthToken' | 'setDefaultTabIndex'> & {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
 };
 export declare const useDynamicContext: () => UseDynamicContext;

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

@@ -9,7 +9,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, setDefaultTabIndex, } = context;
     const { setAuthMode } = useOverrides(context);
     return {
         accountSwitchState,
@@ -25,6 +25,7 @@ const useDynamicContext = () => {
         loadingNetwork,
         locale,
         loginWithEmail,
+        minAuthToken,
         multiWalletWidgetState,
         network,
         networkConfigurations,
@@ -34,6 +35,7 @@ const useDynamicContext = () => {
         sdkHasLoaded,
         sendWagmiSettings,
         setAuthMode,
+        setDefaultTabIndex,
         setLogInWithEmail,
         setMultiWalletWidgetState,
         setPrimaryWallet,

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

@@ -36,13 +36,17 @@ require('../../../WalletContext/WalletContext.cjs');
 require('../../../ThemeContext/ThemeContext.cjs');
 var useIsLoggedIn = require('../../../../utils/hooks/useIsLoggedIn/useIsLoggedIn.cjs');
 require('@dynamic-labs/types');
+require('../../../LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../../MockContext/MockContext.cjs');
-require('react-i18next');
-require('../../../FieldsStateContext/FieldsStateContext.cjs');
+require('../../../../views/CollectUserDataView/useFields.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
@@ -60,11 +64,11 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../../../FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../LoadingContext/LoadingContext.cjs');
 require('../../../FooterAnimationContext/index.cjs');
 require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');

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

@@ -32,13 +32,17 @@ import '../../../WalletContext/WalletContext.js';
 import '../../../ThemeContext/ThemeContext.js';
 import { useIsLoggedIn } from '../../../../utils/hooks/useIsLoggedIn/useIsLoggedIn.js';
 import '@dynamic-labs/types';
+import '../../../LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../../MockContext/MockContext.js';
-import 'react-i18next';
-import '../../../FieldsStateContext/FieldsStateContext.js';
+import '../../../../views/CollectUserDataView/useFields.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../../../../components/Alert/Alert.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../components/IconButton/IconButton.js';
@@ -56,11 +60,11 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../../FieldsStateContext/FieldsStateContext.js';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../LoadingContext/LoadingContext.js';
 import '../../../FooterAnimationContext/index.js';
 import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';

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

@@ -3,34 +3,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('@dynamic-labs/sdk-api-core');
-require('../../../shared/logger.cjs');
-var validateType = require('../../../shared/utils/functions/validateType/validateType.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('react/jsx-runtime');
-require('../../ViewContext/ViewContext.cjs');
-require('react');
-require('@dynamic-labs/wallet-book');
-require('../../../utils/constants/colors.cjs');
-require('../../../utils/constants/values.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('@dynamic-labs/utils');
-require('../../../shared/consts/index.cjs');
-
-// TODO: need validation for optional fields
-// https://linear.app/dynamic-labs/issue/DYN-1461
-const validateAuthUser = (data) => validateType.validateType(data, {
-    environmentId: 'environmentId',
-    lastVerifiedCredentialId: 'lastAuthenticatedAccountId',
-    userId: 'userId',
-    verifiedCredentials: [
-        {
-            format: 'format',
-            id: 'id',
-        },
-    ],
-});
 const validateLocalStorageExpiry = (data) => {
     if (!data)
         return false;
@@ -41,5 +13,4 @@ const validateLocalStorageExpiry = (data) => {
     return true;
 };
 
-exports.validateAuthUser = validateAuthUser;
 exports.validateLocalStorageExpiry = validateLocalStorageExpiry;

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

@@ -1,4 +1,2 @@
-import { UserProfile } from '@dynamic-labs/types';
 import { LocalStorageNetworks, LocalStorageNonce, LocalStorageSettings } from '../../../shared';
-export declare const validateAuthUser: (data: UserProfile | undefined) => boolean;
 export declare const validateLocalStorageExpiry: (data: LocalStorageNonce | LocalStorageNetworks | LocalStorageSettings | undefined) => boolean;

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

@@ -1,32 +1,4 @@
 'use client'
-import '@dynamic-labs/sdk-api-core';
-import '../../../shared/logger.js';
-import { validateType } from '../../../shared/utils/functions/validateType/validateType.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import 'react/jsx-runtime';
-import '../../ViewContext/ViewContext.js';
-import 'react';
-import '@dynamic-labs/wallet-book';
-import '../../../utils/constants/colors.js';
-import '../../../utils/constants/values.js';
-import '../../../shared/utils/classes/storage/localStorage.js';
-import '@dynamic-labs/utils';
-import '../../../shared/consts/index.js';
-
-// TODO: need validation for optional fields
-// https://linear.app/dynamic-labs/issue/DYN-1461
-const validateAuthUser = (data) => validateType(data, {
-    environmentId: 'environmentId',
-    lastVerifiedCredentialId: 'lastAuthenticatedAccountId',
-    userId: 'userId',
-    verifiedCredentials: [
-        {
-            format: 'format',
-            id: 'id',
-        },
-    ],
-});
 const validateLocalStorageExpiry = (data) => {
     if (!data)
         return false;
@@ -37,4 +9,4 @@ const validateLocalStorageExpiry = (data) => {
     return true;
 };
 
-export { validateAuthUser, validateLocalStorageExpiry };
+export { validateLocalStorageExpiry };

package/src/lib/context/ErrorBoundary/ErrorBoundary.cjs

@@ -0,0 +1,64 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+require('@dynamic-labs/sdk-api-core');
+var logger = require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../shared/consts/index.cjs');
+var ErrorBoundaryBase = require('./ErrorBoundaryBase.cjs');
+var ErrorBoundaryContext = require('./ErrorBoundaryContext.cjs');
+
+class ErrorBoundaryReporter extends ErrorBoundaryBase.ErrorBoundaryBase {
+    constructor(props) {
+        super(props);
+        this.state = { error: null, hasError: false };
+    }
+    componentDidCatch(error, info) {
+        var _a;
+        const { onError } = this.props;
+        if ((_a = this.context) === null || _a === void 0 ? void 0 : _a.isDynamicSdkError) {
+            onError === null || onError === void 0 ? void 0 : onError(error, info);
+            logger.logger.error(error, {
+                error: {
+                    bundleStack: error.stack,
+                    message: error,
+                    stack: info.componentStack,
+                },
+            });
+        }
+        throw error;
+    }
+    render() {
+        const { children } = this.props;
+        const { hasError, error } = this.state;
+        if (hasError) {
+            ErrorBoundaryContext.assertErrorBoundaryContext(this.context);
+            this.context.error = error;
+            this.context.hasError = hasError;
+            return null;
+        }
+        return children;
+    }
+}
+const ErrorBoundary = (_a) => {
+    var { children } = _a, props = _tslib.__rest(_a, ["children"]);
+    return (jsxRuntime.jsx(ErrorBoundaryContext.ErrorBoundaryContext.Provider, { value: {
+            error: null,
+            hasError: false,
+            isDynamicSdkError: true,
+        }, children: jsxRuntime.jsx(ErrorBoundaryReporter, Object.assign({}, props, { children: children })) }));
+};
+
+exports.ErrorBoundary = ErrorBoundary;

package/src/lib/context/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ErrorBoundaryProps } from './types';
+export declare const ErrorBoundary: FC<ErrorBoundaryProps>;

package/src/lib/context/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,60 @@
+'use client'
+import { __rest } from '../../../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import '@dynamic-labs/sdk-api-core';
+import { logger } from '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
+import '../../shared/consts/index.js';
+import { ErrorBoundaryBase } from './ErrorBoundaryBase.js';
+import { ErrorBoundaryContext, assertErrorBoundaryContext } from './ErrorBoundaryContext.js';
+
+class ErrorBoundaryReporter extends ErrorBoundaryBase {
+    constructor(props) {
+        super(props);
+        this.state = { error: null, hasError: false };
+    }
+    componentDidCatch(error, info) {
+        var _a;
+        const { onError } = this.props;
+        if ((_a = this.context) === null || _a === void 0 ? void 0 : _a.isDynamicSdkError) {
+            onError === null || onError === void 0 ? void 0 : onError(error, info);
+            logger.error(error, {
+                error: {
+                    bundleStack: error.stack,
+                    message: error,
+                    stack: info.componentStack,
+                },
+            });
+        }
+        throw error;
+    }
+    render() {
+        const { children } = this.props;
+        const { hasError, error } = this.state;
+        if (hasError) {
+            assertErrorBoundaryContext(this.context);
+            this.context.error = error;
+            this.context.hasError = hasError;
+            return null;
+        }
+        return children;
+    }
+}
+const ErrorBoundary = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (jsx(ErrorBoundaryContext.Provider, { value: {
+            error: null,
+            hasError: false,
+            isDynamicSdkError: true,
+        }, children: jsx(ErrorBoundaryReporter, Object.assign({}, props, { children: children })) }));
+};
+
+export { ErrorBoundary };

package/src/lib/context/ErrorBoundary/ErrorBoundaryBase.cjs

@@ -0,0 +1,40 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+require('@dynamic-labs/sdk-api-core');
+var logger = require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../shared/consts/index.cjs');
+var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
+var ErrorBoundaryContext = require('./ErrorBoundaryContext.cjs');
+
+class ErrorBoundaryBase extends React.Component {
+    static getDerivedStateFromError(error) {
+        return { error, hasError: true };
+    }
+    renderOrError(children, { isDynamicSdkError }) {
+        try {
+            ErrorBoundaryContext.assertErrorBoundaryContext(this.context);
+            this.context.isDynamicSdkError = isDynamicSdkError;
+        }
+        catch (e) {
+            logger.logger.error(e);
+            return React.createElement(ErrorContainer.ErrorContainer, null, 'ErrorBoundary must be used within ErrorBoundaryContext');
+        }
+        return children;
+    }
+}
+ErrorBoundaryBase.contextType = ErrorBoundaryContext.ErrorBoundaryContext;
+
+exports.ErrorBoundaryBase = ErrorBoundaryBase;