@dynamic-labs/sdk-react-core 2.1.0-alpha.1 → 2.1.0-alpha.10

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

@@ -8,6 +8,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
 var iconic = require('@dynamic-labs/iconic');
+var logger = require('@dynamic-labs/logger');
 var utils = require('@dynamic-labs/utils');
 var walletBook = require('@dynamic-labs/wallet-book');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
@@ -15,7 +16,7 @@ var app = require('../../app.cjs');
 require('../../events/dynamicEvents.cjs');
 var decodeJwt = require('../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/sdk-api-core');
-var logger = require('../../shared/logger.cjs');
+var logger$1 = require('../../shared/logger.cjs');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
 var localStorage$1 = require('../../utils/constants/localStorage.cjs');
 require('../../utils/constants/colors.cjs');
@@ -110,6 +111,9 @@ var FundingContext = require('../FundingContext/FundingContext.cjs');
 var PhantomRedirectContext = require('../PhantomRedirectContext/PhantomRedirectContext.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
 var UseNetworkValidation = require('../UseNetworkValidation/UseNetworkValidation.cjs');
+var ErrorBoundary = require('../ErrorBoundary/ErrorBoundary.cjs');
+var ErrorBoundaryExclude = require('../ErrorBoundary/ErrorBoundaryExclude.cjs');
+require('../ErrorBoundary/ErrorBoundaryBase.cjs');
 var helpers = require('./helpers/helpers.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
 var useEmailLoginState = require('./hooks/useEmailLoginState/useEmailLoginState.cjs');
@@ -146,10 +150,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     if (!environmentId) {
         throw new utils.MissingEnvironmentIdError();
     }
-    logger.logger.setLogLevel(logLevel);
+    logger$1.logger.setLogLevel(logLevel);
     walletConnectorCore.logger.setLogLevel(logLevel);
     if (environmentId === PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID) {
-        logger.logger.warn(`WARNING: DYNAMIC is using a test environment ID ${environmentId}. Please sign up on https://app.dynamic.xyz/ to get your production environment ID.`);
+        logger$1.logger.warn(`WARNING: DYNAMIC is using a test environment ID ${environmentId}. Please sign up on https://app.dynamic.xyz/ to get your production environment ID.`);
     }
     ApiEndpoint.setBaseUrl((_b = process.env.DYNAMIC_API_BASE_URL) !== null && _b !== void 0 ? _b : apiBaseUrl);
     localStorage.LocalStorage.setSuffix(localStorageSuffix);
@@ -167,6 +171,12 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const [showBridgeWidget, setShowBridgeWidget] = React.useState(false);
     const [isSingleWalletAccount, setIsSingleWalletAccount] = React.useState(false);
     const [user, setUser, removeUser] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_USER, EMPTY_INITIAL_USER, validators.validateAuthUser, [localStorage$1.AUTH_TOKEN]);
+    if (user) {
+        logger$1.logger.setMetaData('user', user);
+    }
+    else {
+        logger$1.logger.setMetaData('user', undefined);
+    }
     const { consumeNonce } = useFetchNonce.useFetchNonce(environmentId);
     const [qrcodeUri, setQrcodeUri] = React.useState('');
     const [desktopUri, setDesktopUri] = React.useState('');
@@ -218,7 +228,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         walletUiUtils,
     });
     const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
-    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId();
+    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId({
+        environmentId,
+        minAuthToken: getMinAuthToken.getMinAuthToken(),
+        setUser,
+    });
     // this is a state because it's set based on primaryWallet and bridgeChainsToConnect,
     // which are only available further down and have would have circular dependencies
     const [requiredWalletsConnected, setRequiredWalletsConnected] = React.useState(false);
@@ -334,6 +348,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork.useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
     useWalletEventListeners.useWalletEventListeners({
         authMode,
+        disconnectWallet,
         handleLogOut,
         multiWallet,
         multiWalletWidgetState,
@@ -429,7 +444,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             customPrivacyPolicy,
             customTermsOfServices,
             debugError,
-            decodedAuthToken: decodeJwt.decodeJwt(getAuthToken.getAuthToken()),
             decodedOnboardingOnlyToken: decodeJwt.decodeJwt(onboardingOnlyJwt),
             defaultNumberOfWalletsToShow,
             desktopUri,
@@ -675,12 +689,14 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),
                                 isBridgeFlow,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncEmbeddedWalletAuthFlow.SyncEmbeddedWalletAuthFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncEmbeddedWalletAuthFlow.SyncEmbeddedWalletAuthFlow, {}), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {
+    logger.Logger.setEnvironmentId(props.settings.environmentId);
+    logger.Logger.setEmitErrors(props.emitErrors);
     useParentDynamicContextGuard.useParentDynamicContextGuard();
-    return (jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(FieldsStateContext.FieldsStateProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }));
+    return (jsxRuntime.jsx(ErrorBoundary.ErrorBoundary, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(FieldsStateContext.FieldsStateProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }));
 };
 
 exports.DynamicContext = DynamicContext;

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

@@ -82,6 +82,11 @@ export interface DynamicContextProps {
         walletsFilter?: (options: WalletOption[]) => WalletOption[];
     };
     theme?: ThemeData | ThemeSetting;
+    /**
+     * Emit errors to Dynamic API for debugging purposes
+     * @default true
+     */
+    emitErrors?: boolean;
 }
 export declare const DynamicContext: import("react").Context<IDynamicContext | undefined>;
 /** The context provider itself we only use internally */

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

@@ -4,6 +4,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { createContext, useState, useRef, useMemo, useEffect, useCallback } from 'react';
 import { I18nextProvider } from 'react-i18next';
 import { getIconicSpriteUrl } from '@dynamic-labs/iconic';
+import { Logger } from '@dynamic-labs/logger';
 import { MissingEnvironmentIdError } from '@dynamic-labs/utils';
 import { useWalletBookCdn, getWalletBookCdnUrl, WalletBookContextProvider } from '@dynamic-labs/wallet-book';
 import { logger as logger$1 } from '@dynamic-labs/wallet-connector-core';
@@ -106,6 +107,9 @@ import { FundingContextProvider } from '../FundingContext/FundingContext.js';
 import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/PhantomRedirectContext.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
+import { ErrorBoundary } from '../ErrorBoundary/ErrorBoundary.js';
+import { ErrorBoundaryExclude } from '../ErrorBoundary/ErrorBoundaryExclude.js';
+import '../ErrorBoundary/ErrorBoundaryBase.js';
 import { resolveNetworkValidationMode, initExpirationTime, getInitialView, getDeepLinkPreference } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
@@ -163,6 +167,12 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const [showBridgeWidget, setShowBridgeWidget] = useState(false);
     const [isSingleWalletAccount, setIsSingleWalletAccount] = useState(false);
     const [user, setUser, removeUser] = useLocalStorage(AUTH_USER, EMPTY_INITIAL_USER, validateAuthUser, [AUTH_TOKEN]);
+    if (user) {
+        logger.setMetaData('user', user);
+    }
+    else {
+        logger.setMetaData('user', undefined);
+    }
     const { consumeNonce } = useFetchNonce(environmentId);
     const [qrcodeUri, setQrcodeUri] = useState('');
     const [desktopUri, setDesktopUri] = useState('');
@@ -214,7 +224,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         walletUiUtils,
     });
     const [authMode, setAuthMode] = useLocalStorage(AUTH_MODE, initialAuthenticationMode);
-    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId();
+    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId({
+        environmentId,
+        minAuthToken: getMinAuthToken(),
+        setUser,
+    });
     // this is a state because it's set based on primaryWallet and bridgeChainsToConnect,
     // which are only available further down and have would have circular dependencies
     const [requiredWalletsConnected, setRequiredWalletsConnected] = useState(false);
@@ -330,6 +344,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
     useWalletEventListeners({
         authMode,
+        disconnectWallet,
         handleLogOut,
         multiWallet,
         multiWalletWidgetState,
@@ -425,7 +440,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             customPrivacyPolicy,
             customTermsOfServices,
             debugError,
-            decodedAuthToken: decodeJwt(getAuthToken()),
             decodedOnboardingOnlyToken: decodeJwt(onboardingOnlyJwt),
             defaultNumberOfWalletsToShow,
             desktopUri,
@@ -671,12 +685,14 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),
                                 isBridgeFlow,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(VerificationProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncEmbeddedWalletAuthFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(VerificationProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncEmbeddedWalletAuthFlow, {}), confirmationModal, jsx(ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {
+    Logger.setEnvironmentId(props.settings.environmentId);
+    Logger.setEmitErrors(props.emitErrors);
     useParentDynamicContextGuard();
-    return (jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(FieldsStateProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }));
+    return (jsx(ErrorBoundary, { children: jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(FieldsStateProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }));
 };
 
 export { DynamicContext, DynamicContextProvider, InnerDynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };

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

@@ -108,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 });
     });
-    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

@@ -104,9 +104,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

@@ -78,7 +78,6 @@ export interface IDynamicContext {
     customPrivacyPolicy?: ReactNode;
     customTermsOfServices?: ReactNode;
     debugError: boolean;
-    decodedAuthToken: Omit<DynamicJwt, 'jwt'> | undefined;
     decodedOnboardingOnlyToken: Omit<DynamicJwt, 'jwt'> | undefined;
     defaultNumberOfWalletsToShow: number;
     desktopUri: string;

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, } = context;
     const { setAuthMode } = useOverrides.useOverrides(context);
     return {
         accountSwitchState,
@@ -29,6 +29,7 @@ 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' | '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'> & {
     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, } = context;
     const { setAuthMode } = useOverrides(context);
     return {
         accountSwitchState,
@@ -25,6 +25,7 @@ const useDynamicContext = () => {
         loadingNetwork,
         locale,
         loginWithEmail,
+        minAuthToken,
         multiWalletWidgetState,
         network,
         networkConfigurations,

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;

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

@@ -0,0 +1,14 @@
+import { Component, PropsWithChildren } from 'react';
+import { ErrorBoundaryState } from './types';
+import { ErrorBoundaryContext } from './ErrorBoundaryContext';
+export declare abstract class ErrorBoundaryBase extends Component<PropsWithChildren<any>, ErrorBoundaryState> {
+    static contextType: import("react").Context<import("./types").ErrorBoundaryContextType | null>;
+    context: React.ContextType<typeof ErrorBoundaryContext>;
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+        hasError: boolean;
+    };
+    renderOrError<T>(children: T, { isDynamicSdkError }: {
+        isDynamicSdkError: boolean;
+    }): T | JSX.Element;
+}

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

@@ -0,0 +1,36 @@
+'use client'
+import { Component, createElement } from 'react';
+import '@dynamic-labs/sdk-api-core';
+import { logger } from '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../ViewContext/ViewContext.js';
+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 { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
+import { ErrorBoundaryContext, assertErrorBoundaryContext } from './ErrorBoundaryContext.js';
+
+class ErrorBoundaryBase extends Component {
+    static getDerivedStateFromError(error) {
+        return { error, hasError: true };
+    }
+    renderOrError(children, { isDynamicSdkError }) {
+        try {
+            assertErrorBoundaryContext(this.context);
+            this.context.isDynamicSdkError = isDynamicSdkError;
+        }
+        catch (e) {
+            logger.error(e);
+            return createElement(ErrorContainer, null, 'ErrorBoundary must be used within ErrorBoundaryContext');
+        }
+        return children;
+    }
+}
+ErrorBoundaryBase.contextType = ErrorBoundaryContext;
+
+export { ErrorBoundaryBase };

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

@@ -0,0 +1,24 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/* eslint-disable prefer-arrow/prefer-arrow-functions */
+const ERROR_BOUNDARY_CONTEXT_NOT_FOUND = 'ERROR_BOUNDARY_CONTEXT_NOT_FOUND';
+const ErrorBoundaryContext = React.createContext(null);
+function assertErrorBoundaryContext(value) {
+    if (value === null ||
+        typeof value.hasError !== 'boolean' ||
+        typeof value.error !== 'object' ||
+        typeof value.isDynamicSdkError !== 'boolean') {
+        const error = new Error('ErrorBoundaryContext not found');
+        error.cause = ERROR_BOUNDARY_CONTEXT_NOT_FOUND;
+        throw error;
+    }
+}
+
+exports.ERROR_BOUNDARY_CONTEXT_NOT_FOUND = ERROR_BOUNDARY_CONTEXT_NOT_FOUND;
+exports.ErrorBoundaryContext = ErrorBoundaryContext;
+exports.assertErrorBoundaryContext = assertErrorBoundaryContext;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ErrorBoundaryContextType } from './types';
+export declare const ERROR_BOUNDARY_CONTEXT_NOT_FOUND = "ERROR_BOUNDARY_CONTEXT_NOT_FOUND";
+export declare const ErrorBoundaryContext: import("react").Context<ErrorBoundaryContextType | null>;
+export declare function assertErrorBoundaryContext(value: any): asserts value is ErrorBoundaryContextType;

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

@@ -0,0 +1,18 @@
+'use client'
+import { createContext } from 'react';
+
+/* eslint-disable prefer-arrow/prefer-arrow-functions */
+const ERROR_BOUNDARY_CONTEXT_NOT_FOUND = 'ERROR_BOUNDARY_CONTEXT_NOT_FOUND';
+const ErrorBoundaryContext = createContext(null);
+function assertErrorBoundaryContext(value) {
+    if (value === null ||
+        typeof value.hasError !== 'boolean' ||
+        typeof value.error !== 'object' ||
+        typeof value.isDynamicSdkError !== 'boolean') {
+        const error = new Error('ErrorBoundaryContext not found');
+        error.cause = ERROR_BOUNDARY_CONTEXT_NOT_FOUND;
+        throw error;
+    }
+}
+
+export { ERROR_BOUNDARY_CONTEXT_NOT_FOUND, ErrorBoundaryContext, assertErrorBoundaryContext };