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

package/src/lib/components/UserProfileForm/UserProfileForm.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { Formik, Form } from 'formik';
@@ -41,7 +42,7 @@ import '../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '../Alert/Alert.js';
-import { Button } from '../Button/Button.js';
+import { TypographyButton } from '../TypographyButton/TypographyButton.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../IconButton/IconButton.js';
 import '../InlineWidget/InlineWidget.js';
@@ -98,7 +99,7 @@ const UserProfileForm = ({ filterFields, formClassName, fieldsContainerStyle, on
         shouldEnforcePolicies: options.shouldEnforcePolicies,
         userProfile: user,
     });
-    const makeButtonsContent = (isSubmitting, isValid, dirty) => (jsxs(Fragment, { children: [!options.hideCancelButton && (jsx(Button, Object.assign({ disabled: fetch, expanded: true, buttonPadding: 'medium', buttonVariant: 'secondary', type: 'button', typographyProps: { variant: 'button_secondary' }, onClick: onEditProfileCancel, dataTestId: 'cancel-button' }, options.cancelButtonProps, { children: options.cancelText }))), jsx(Button, Object.assign({ buttonClassName: 'dynamic-widget-footer__button', disabled: fetch || !isValid || !dirty, expanded: true, type: 'submit', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, loading: isSubmitting, startSlot: jsx(SvgCheck, {}), dataTestId: 'submit-button' }, options.submitButtonProps, { children: options.submitText }))] }));
+    const makeButtonsContent = (isSubmitting, isValid, dirty) => (jsxs(Fragment, { children: [!options.hideCancelButton && (jsx(TypographyButton, Object.assign({ disabled: fetch, expanded: true, buttonPadding: 'medium', buttonVariant: 'secondary', type: 'button', typographyProps: { variant: 'button_secondary' }, onClick: onEditProfileCancel, dataTestId: 'cancel-button' }, options.cancelButtonProps, { children: options.cancelText }))), jsx(TypographyButton, Object.assign({ buttonClassName: 'dynamic-widget-footer__button', disabled: fetch || !isValid || !dirty, expanded: true, type: 'submit', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, loading: isSubmitting, startSlot: jsx(SvgCheck, {}), dataTestId: 'submit-button' }, options.submitButtonProps, { children: options.submitText }))] }));
     return (jsx(Formik, { onSubmit: onFormSubmit, initialValues: formikInitialValues, validationSchema: formikValidationSchema, validateOnChange: true, children: ({ errors, touched, isSubmitting, isValid, dirty, values }) => (jsxs(Form, { className: classNames('dynamic-widget-edit-profile-view', formClassName), "data-testid": 'editUserProfileForm', children: [jsx("div", { className: 'dynamic-widget-edit-profile-view__fields', style: fieldsContainerStyle, children: jsx(UserDataFields, { errors: errors, fields: targetFields, touched: touched, currentValues: values, initialValues: formikInitialValues, disableEditingMultipleFieldsWithVerification: true }) }), options.buttonsAsFooter ? (jsx(DynamicWidgetFooter, { children: makeButtonsContent(isSubmitting, isValid, dirty) })) : (makeButtonsContent(isSubmitting, isValid, dirty))] })) }));
 };
 

package/src/lib/components/WalletGroupViewLayout/WalletGroupViewLayout.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/components/WalletGroupViewLayout/WalletGroupViewLayout.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { IconWithSpinner } from '../IconWithSpinner/IconWithSpinner.js';
 import { Typography } from '../Typography/Typography.js';

package/src/lib/components/WalletInformationCard/WalletInformationCard.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/components/WalletInformationCard/WalletInformationCard.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';

package/src/lib/components/index.d.ts

@@ -42,6 +42,7 @@ export * from './Portal';
 export * from './PoweredByDynamic';
 export * from './QRCode';
 export * from './QrCodeWrapper';
+export * from './RadioButton';
 export * from './RenderView';
 export * from './SandboxIndicatorWrapper';
 export * from './SecureEmbeddedWalletCard';
@@ -65,6 +66,7 @@ export * from './TosAndPp';
 export * from './TransactionConfirmationPageLayout';
 export * from './Transition';
 export * from './Typography';
+export * from './TypographyButton';
 export * from './WalletInformationCard';
 export * from './EmailForm';
 export * from './StatusDot';

package/src/lib/config/ApiEndpoint.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 /* eslint-disable no-underscore-dangle */

package/src/lib/config/ApiEndpoint.js

@@ -1,3 +1,4 @@
+'use client'
 /* eslint-disable no-underscore-dangle */
 class ApiEndpoint {
 }

package/src/lib/context/AccessDeniedContext/AccessDeniedContext.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/context/AccessDeniedContext/AccessDeniedContext.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState, useMemo } from 'react';
 

package/src/lib/context/AccountExistsContext/AccountExistsContext.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/context/AccountExistsContext/AccountExistsContext.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useMemo, useContext } from 'react';
 

package/src/lib/context/CaptchaContext/CaptchaContext.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/context/CaptchaContext/CaptchaContext.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useCallback, useMemo, useContext } from 'react';
 import { useViewContext } from '../ViewContext/ViewContext.js';

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpContext.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpContext.js

@@ -1,3 +1,4 @@
+'use client'
 import { createContext } from 'react';
 
 const ConnectWithOtpContext = createContext(undefined);

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,7 +8,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-require('../DynamicContext/DynamicContext.cjs');
+var dynamicEvents = require('../../events/dynamicEvents.cjs');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('../ViewContext/ViewContext.cjs');
@@ -17,9 +18,6 @@ require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
-var dynamicEvents = require('../../events/dynamicEvents.cjs');
-require('../CaptchaContext/CaptchaContext.cjs');
-require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var isProviderEnabled = require('../../utils/functions/isProviderEnabled/isProviderEnabled.cjs');
@@ -28,6 +26,10 @@ require('viem');
 require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
 require('../../locale/locale.cjs');
+require('../DynamicContext/DynamicContext.cjs');
+var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+require('../CaptchaContext/CaptchaContext.cjs');
+require('../ErrorContext/ErrorContext.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../UserWalletsContext/UserWalletsContext.cjs');
@@ -38,9 +40,9 @@ require('../WalletContext/WalletContext.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../MockContext/MockContext.cjs');
 require('react-i18next');
 require('../FieldsStateContext/FieldsStateContext.cjs');
-require('../MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
@@ -75,12 +77,11 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 var ConnectWithOtpContext = require('./ConnectWithOtpContext.cjs');
-var findEmailProvider = require('./utils/findEmailProvider.cjs');
-var createMagicHandler = require('./utils/createMagicHandler.cjs');
 var createEmailHandler = require('./utils/createEmailHandler.cjs');
+var createMagicHandler = require('./utils/createMagicHandler.cjs');
 var createSmsHandler = require('./utils/createSmsHandler.cjs');
+var findEmailProvider = require('./utils/findEmailProvider.cjs');
 
 const { Provider } = ConnectWithOtpContext.ConnectWithOtpContext;
 const ConnectWithOtpProvider = ({ children }) => {
@@ -102,7 +103,7 @@ const ConnectWithOtpProvider = ({ children }) => {
             handler: createMagicHandler.createMagicHandler(emailOtpWalletConnector, handleInstalledExtensionClick),
         },
     };
-    const connectWithEmail = (email, { provider } = {}) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const connectWithEmail = (email_1, ...args_1) => _tslib.__awaiter(void 0, [email_1, ...args_1], void 0, function* (email, { provider } = {}) {
         if (!isEmailValid.isEmailValid(email)) {
             throw new Error('Email is not valid');
         }

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.js

@@ -1,9 +1,10 @@
+'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
 import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 import { isEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
-import '../DynamicContext/DynamicContext.js';
+import { dynamicEvents } from '../../events/dynamicEvents.js';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '../ViewContext/ViewContext.js';
@@ -13,9 +14,6 @@ import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
-import { dynamicEvents } from '../../events/dynamicEvents.js';
-import '../CaptchaContext/CaptchaContext.js';
-import '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { isProviderEnabled } from '../../utils/functions/isProviderEnabled/isProviderEnabled.js';
@@ -24,6 +22,10 @@ import 'viem';
 import 'viem/chains';
 import '../../config/ApiEndpoint.js';
 import '../../locale/locale.js';
+import '../DynamicContext/DynamicContext.js';
+import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import '../CaptchaContext/CaptchaContext.js';
+import '../ErrorContext/ErrorContext.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../UserWalletsContext/UserWalletsContext.js';
@@ -34,9 +36,9 @@ import '../WalletContext/WalletContext.js';
 import '../ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../MockContext/MockContext.js';
 import 'react-i18next';
 import '../FieldsStateContext/FieldsStateContext.js';
-import '../MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
@@ -71,12 +73,11 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import { ConnectWithOtpContext } from './ConnectWithOtpContext.js';
-import { findEmailProvider } from './utils/findEmailProvider.js';
-import { createMagicHandler } from './utils/createMagicHandler.js';
 import { createEmailHandler } from './utils/createEmailHandler.js';
+import { createMagicHandler } from './utils/createMagicHandler.js';
 import { createSmsHandler } from './utils/createSmsHandler.js';
+import { findEmailProvider } from './utils/findEmailProvider.js';
 
 const { Provider } = ConnectWithOtpContext;
 const ConnectWithOtpProvider = ({ children }) => {
@@ -98,7 +99,7 @@ const ConnectWithOtpProvider = ({ children }) => {
             handler: createMagicHandler(emailOtpWalletConnector, handleInstalledExtensionClick),
         },
     };
-    const connectWithEmail = (email, { provider } = {}) => __awaiter(void 0, void 0, void 0, function* () {
+    const connectWithEmail = (email_1, ...args_1) => __awaiter(void 0, [email_1, ...args_1], void 0, function* (email, { provider } = {}) {
         if (!isEmailValid(email)) {
             throw new Error('Email is not valid');
         }

package/src/lib/context/ConnectWithOtpContext/constants.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/context/ConnectWithOtpContext/constants.js

@@ -1,3 +1,4 @@
+'use client'
 import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 
 const mapEmailProviderToProviderEnum = {

package/src/lib/context/ConnectWithOtpContext/types.d.ts

@@ -1,4 +1,4 @@
-import { PhoneData } from '../../shared';
+import { PhoneData } from '@dynamic-labs/types';
 export type EmailProviders = 'magicLink' | 'dynamic';
 export type ConnectWithOtpOptions = {
     provider?: EmailProviders;

package/src/lib/context/ConnectWithOtpContext/useConnectWithOtp.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/context/ConnectWithOtpContext/useConnectWithOtp.js

@@ -1,3 +1,4 @@
+'use client'
 import { useContext } from 'react';
 import { ConnectWithOtpContext } from './ConnectWithOtpContext.js';
 

package/src/lib/context/ConnectWithOtpContext/utils/createEmailHandler.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/context/ConnectWithOtpContext/utils/createEmailHandler.js

@@ -1,3 +1,4 @@
+'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { createEmailVerification, signInWithEmailVerification } from '../../../data/api/email/email.js';
 import '@dynamic-labs/utils';

package/src/lib/context/ConnectWithOtpContext/utils/createMagicHandler.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/context/ConnectWithOtpContext/utils/createMagicHandler.js

@@ -1,3 +1,4 @@
+'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 
 const createMagicHandler = (connector, handleInstalledExtensionClick) => (email) => __awaiter(void 0, void 0, void 0, function* () {

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.d.ts

@@ -1,3 +1,3 @@
-import { PhoneData } from '../../../shared';
+import { PhoneData } from '@dynamic-labs/types';
 import { ProviderHandler } from '../types';
 export declare const createSmsHandler: (environmentId: string, createUserProfileByJWT: (jwt: string, minifiedJwt: string) => Promise<void>) => ProviderHandler<PhoneData>;

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.js

@@ -1,3 +1,4 @@
+'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';

package/src/lib/context/ConnectWithOtpContext/utils/findEmailProvider.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/context/ConnectWithOtpContext/utils/findEmailProvider.js

@@ -1,3 +1,4 @@
+'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { getEmailProvider } from '../../../data/api/email/email.js';
 import '@dynamic-labs/utils';

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

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,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');
@@ -14,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');
@@ -46,8 +48,8 @@ var ThemeContext = require('../ThemeContext/ThemeContext.cjs');
 var useSetWalletConnectorVerifiedCredentials = require('../../utils/hooks/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.cjs');
 require('@dynamic-labs/types');
 require('yup');
-var FieldsStateContext = require('../FieldsStateContext/FieldsStateContext.cjs');
 require('../MockContext/MockContext.cjs');
+var FieldsStateContext = require('../FieldsStateContext/FieldsStateContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 var UserFieldEditorContext = require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 var useValidateSession = require('../../utils/hooks/useValidateSession/useValidateSession.cjs');
@@ -109,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');
@@ -119,9 +124,9 @@ var useShowAuthFlow = require('./hooks/useShowAuthFlow/useShowAuthFlow.cjs');
 var usePasskeySuccessPopup = require('./hooks/usePasskeySuccessPopup/usePasskeySuccessPopup.cjs');
 var useTieCallbacksToEvents = require('./hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.cjs');
 var useMultiWallet = require('./hooks/useMultiWallet/useMultiWallet.cjs');
+var useParentDynamicContextGuard = require('./hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.cjs');
 var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
 var validators = require('./validators/validators.cjs');
-var useParentDynamicContextGuard = require('./hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.cjs');
 
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const EMPTY_INITIAL_USER = undefined;
@@ -145,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);
@@ -166,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('');
@@ -217,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);
@@ -333,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,
@@ -428,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,
@@ -474,6 +489,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             projectSettings,
             qrcodeUri,
             recommendedWallets,
+            redirectUrl: settings$1.redirectUrl,
             removeBridgeOnboardingCompleted,
             removeConnectedWalletsInfo,
             rpcProviders,
@@ -581,6 +597,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         imageUserInAccessList,
         onboardingImageUrl,
         settings$1.overrides,
+        settings$1.redirectUrl,
         passkeySuccessPopup,
         policiesConsentInnerComponent,
         primaryWallet,
@@ -672,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

@@ -4,25 +4,25 @@ import { SocialProviderFilter } from '@dynamic-labs/types';
 import { DeepLinkVariant, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
 import { LocaleResource } from '../../locale';
 import { AccessDeniedCustomButton, AuthModeType, ChainToWalletMap, DynamicEventsCallbacks, RecommendedWallet, WalletOption } from '../../shared';
+import { DynamicHandlers } from '../../shared/types/dynamicHandlers';
 import { SocialNetworkIconType } from '../../utils/functions/getSocialNetworkIcon';
 import { ThemeData, ThemeSetting } from '../ThemeContext';
-import { DynamicHandlers } from '../../shared/types/dynamicHandlers';
 import { ChainsToConnect, IDynamicContext, NetworkValidationMode, SettingsOverrides } from './types';
 export declare const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = "2762a57b-faa4-41ce-9f16-abff9300e2c9";
 export interface DynamicContextProps {
     children: ReactNode;
+    locale?: LocaleResource;
     settings: {
-        enableConnectOnlyFallback?: boolean;
-        networkValidationMode?: NetworkValidationMode;
-        overrides?: SettingsOverrides;
-        bridgeChains?: ChainsToConnect[];
+        accessDeniedButton?: AccessDeniedCustomButton;
         accessDeniedMessagePrimary?: string;
         accessDeniedMessageSecondary?: string;
-        accessDeniedButton?: AccessDeniedCustomButton;
         apiBaseUrl?: string;
         appLogoUrl?: string;
         appName?: string;
+        bridgeChains?: ChainsToConnect[];
         cssOverrides?: string | JSX.Element;
+        customPrivacyPolicy?: ReactNode;
+        customTermsOfServices?: ReactNode;
         debugError?: boolean;
         /**
          * Used to control the type of deep link used when connecting
@@ -35,52 +35,58 @@ export interface DynamicContextProps {
         deepLinkPreference?: DeepLinkVariant;
         defaultNumberOfWalletsToShow?: number;
         displaySiweStatement?: boolean;
+        enableConnectOnlyFallback?: boolean;
         enableVisitTrackingOnConnectOnly?: boolean;
         environmentId: string;
-        localStorageSuffix?: string;
         /**
          * @deprecated Use events instead
          */
         eventsCallbacks?: DynamicEventsCallbacks;
         events?: DynamicEventsCallbacks;
-        handlers?: DynamicHandlers;
         /**
          * @deprecated Set flow network in dashboard instead
          */
         flowNetwork?: 'testnet' | 'mainnet';
+        handlers?: DynamicHandlers;
+        hideEmbeddedWalletTransactionUIs?: boolean;
         initialAuthenticationMode?: AuthModeType;
+        localStorageSuffix?: string;
         /**
          * The log level to use for client side logging with our SDK
          * @default WARN
          */
         logLevel?: keyof typeof LogLevel;
-        showLockedWalletView?: boolean;
         mobileExperience?: 'in-app-browser' | 'redirect';
+        networkValidationMode?: NetworkValidationMode;
         newToWeb3WalletChainMap?: ChainToWalletMap;
         notInTheListImageUrl?: string;
         onboardingImageUrl?: string;
+        overrides?: SettingsOverrides;
         policiesConsentInnerComponent?: ReactNode | ReactNode[];
-        customPrivacyPolicy?: ReactNode;
         privacyPolicyUrl?: string;
-        shadowDOMEnabled?: boolean;
+        recommendedWallets?: RecommendedWallet[];
+        redirectUrl?: string;
         signWithEmailWalletName?: string;
         siweStatement?: string;
+        shadowDOMEnabled?: boolean;
+        showLockedWalletView?: boolean;
         socialMediaIconUrl?: Record<string, string> | Record<SocialNetworkIconType, string>;
         socialMediaLinkText?: string;
         socialMediaUrl?: string;
-        customTermsOfServices?: ReactNode;
+        socialProvidersFilter?: SocialProviderFilter;
         termsOfServiceUrl?: string;
         toolkitEnabled?: boolean;
-        walletConnectPreferredChains?: `eip155:${number}`[];
         walletConnectors?: WalletConnectorsMethod[];
         walletConnectorExtensions?: WalletConnectorExtension[];
+        walletConnectPreferredChains?: `eip155:${number}`[];
         walletsFilter?: (options: WalletOption[]) => WalletOption[];
-        socialProvidersFilter?: SocialProviderFilter;
-        recommendedWallets?: RecommendedWallet[];
-        hideEmbeddedWalletTransactionUIs?: boolean;
     };
     theme?: ThemeData | ThemeSetting;
-    locale?: LocaleResource;
+    /**
+     * 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 */