@dynamic-labs/sdk-react-core 4.4.3 → 4.5.0

package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.cjs

@@ -44,6 +44,7 @@ require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var usePasskeyRecovery = require('../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');

package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.js

@@ -40,6 +40,7 @@ import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { usePasskeyRecovery } from '../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/LoadingContext/LoadingContext.js';

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.cjs

@@ -48,6 +48,7 @@ require('../../context/VerificationContext/VerificationContext.cjs');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.js

@@ -44,6 +44,7 @@ import '../../context/VerificationContext/VerificationContext.js';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/LoadingContext/LoadingContext.js';

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs

@@ -37,6 +37,7 @@ require('react-dom');
 require('../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 var useResizeObserver = require('../../../utils/hooks/useResizeObserver/useResizeObserver.cjs');
 require('@dynamic-labs/types');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js

@@ -33,6 +33,7 @@ import 'react-dom';
 import '../../../utils/functions/compareChains/compareChains.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import { useResizeObserver } from '../../../utils/hooks/useResizeObserver/useResizeObserver.js';
 import '@dynamic-labs/types';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';

package/src/lib/components/TypographyButton/TypographyButton.cjs

@@ -7,6 +7,7 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var Button = require('../Button/Button.cjs');
 var Typography = require('../Typography/Typography.cjs');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
 
 const defaultTypographyVariantMap = {
     'brand-primary': 'button_primary',
@@ -24,12 +25,14 @@ const defaultTypographyColorMap = {
 };
 const TypographyButton = (_a) => {
     var _b;
-    var { children, typographyProps, copykey, disabled, leading, trailing, buttonVariant = Button.defaultButtonVariant } = _a, props = _tslib.__rest(_a, ["children", "typographyProps", "copykey", "disabled", "leading", "trailing", "buttonVariant"]);
+    var { children, typographyProps, copykey, disabled, leading, trailing, buttonVariant = Button.defaultButtonVariant, description } = _a, props = _tslib.__rest(_a, ["children", "typographyProps", "copykey", "disabled", "leading", "trailing", "buttonVariant", "description"]);
     const defaultTypographyVariant = defaultTypographyVariantMap[buttonVariant];
     const defaultTypographyColor = defaultTypographyColorMap[buttonVariant];
-    return (jsxRuntime.jsxs(Button.Button, Object.assign({}, props, { disabled: disabled, buttonVariant: buttonVariant, children: [leading, jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: defaultTypographyVariant, as: 'span' }, typographyProps, { color: disabled
-                    ? 'tertiary'
-                    : (_b = typographyProps === null || typographyProps === void 0 ? void 0 : typographyProps.color) !== null && _b !== void 0 ? _b : defaultTypographyColor, copykey: copykey, children: children })), trailing] })));
+    return (jsxRuntime.jsxs(Button.Button, Object.assign({}, props, { disabled: disabled, buttonVariant: buttonVariant, children: [leading, jsxRuntime.jsxs("div", { className: classNames.classNames('typography-button__content', {
+                    'typography-button__content--with-description': Boolean(description),
+                }), children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: defaultTypographyVariant, as: 'span' }, typographyProps, { color: disabled
+                            ? 'tertiary'
+                            : (_b = typographyProps === null || typographyProps === void 0 ? void 0 : typographyProps.color) !== null && _b !== void 0 ? _b : defaultTypographyColor, copykey: copykey, children: children })), description && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', weight: 'medium', children: description }))] }), trailing] })));
 };
 
 exports.TypographyButton = TypographyButton;

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

@@ -6,5 +6,6 @@ export type TypographyButtonProps = ButtonProps & {
     typographyProps?: Omit<TypographyProps, 'as'>;
     leading?: JSX.Element;
     trailing?: JSX.Element;
+    description?: string;
 } & CopyKey;
 export declare const TypographyButton: FC<TypographyButtonProps>;

package/src/lib/components/TypographyButton/TypographyButton.js

@@ -3,6 +3,7 @@ import { __rest } from '../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Button, defaultButtonVariant } from '../Button/Button.js';
 import { Typography } from '../Typography/Typography.js';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
 
 const defaultTypographyVariantMap = {
     'brand-primary': 'button_primary',
@@ -20,12 +21,14 @@ const defaultTypographyColorMap = {
 };
 const TypographyButton = (_a) => {
     var _b;
-    var { children, typographyProps, copykey, disabled, leading, trailing, buttonVariant = defaultButtonVariant } = _a, props = __rest(_a, ["children", "typographyProps", "copykey", "disabled", "leading", "trailing", "buttonVariant"]);
+    var { children, typographyProps, copykey, disabled, leading, trailing, buttonVariant = defaultButtonVariant, description } = _a, props = __rest(_a, ["children", "typographyProps", "copykey", "disabled", "leading", "trailing", "buttonVariant", "description"]);
     const defaultTypographyVariant = defaultTypographyVariantMap[buttonVariant];
     const defaultTypographyColor = defaultTypographyColorMap[buttonVariant];
-    return (jsxs(Button, Object.assign({}, props, { disabled: disabled, buttonVariant: buttonVariant, children: [leading, jsx(Typography, Object.assign({ variant: defaultTypographyVariant, as: 'span' }, typographyProps, { color: disabled
-                    ? 'tertiary'
-                    : (_b = typographyProps === null || typographyProps === void 0 ? void 0 : typographyProps.color) !== null && _b !== void 0 ? _b : defaultTypographyColor, copykey: copykey, children: children })), trailing] })));
+    return (jsxs(Button, Object.assign({}, props, { disabled: disabled, buttonVariant: buttonVariant, children: [leading, jsxs("div", { className: classNames('typography-button__content', {
+                    'typography-button__content--with-description': Boolean(description),
+                }), children: [jsx(Typography, Object.assign({ variant: defaultTypographyVariant, as: 'span' }, typographyProps, { color: disabled
+                            ? 'tertiary'
+                            : (_b = typographyProps === null || typographyProps === void 0 ? void 0 : typographyProps.color) !== null && _b !== void 0 ? _b : defaultTypographyColor, copykey: copykey, children: children })), description && (jsx(Typography, { variant: 'body_small', color: 'secondary', weight: 'medium', children: description }))] }), trailing] })));
 };
 
 export { TypographyButton };

package/src/lib/components/UserAddress/UserAddress.cjs

@@ -41,6 +41,7 @@ require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/components/UserAddress/UserAddress.js

@@ -37,6 +37,7 @@ import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';

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

@@ -49,6 +49,7 @@ require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');

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

@@ -45,6 +45,7 @@ import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/LoadingContext/LoadingContext.js';

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

@@ -40,6 +40,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -36,6 +36,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

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

@@ -42,6 +42,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -38,6 +38,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

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

@@ -39,6 +39,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -35,6 +35,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

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

@@ -44,6 +44,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 var useIconThemeVariant = require('../../../../utils/hooks/useIconThemeVariant/useIconThemeVariant.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 var useSocialAccounts = require('../../../../utils/hooks/useSocialAccounts/useSocialAccounts.cjs');
 require('yup');
 require('../../../../context/MockContext/MockContext.cjs');

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

@@ -40,6 +40,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import { useIconThemeVariant } from '../../../../utils/hooks/useIconThemeVariant/useIconThemeVariant.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import { useSocialAccounts } from '../../../../utils/hooks/useSocialAccounts/useSocialAccounts.js';
 import 'yup';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/components/UserProfileForm/UserProfileForm.cjs

@@ -42,6 +42,7 @@ require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');

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

@@ -38,6 +38,7 @@ import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/LoadingContext/LoadingContext.js';

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

@@ -40,6 +40,7 @@ require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');

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

@@ -36,6 +36,7 @@ import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/LoadingContext/LoadingContext.js';

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

@@ -41,6 +41,7 @@ require('../../utils/functions/compareChains/compareChains.cjs');
 var useEmbeddedWalletSessionKeys = require('../../utils/hooks/useEmbeddedWalletSessionKeys/useEmbeddedWalletSessionKeys.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../LoadingContext/LoadingContext.cjs');

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

@@ -37,6 +37,7 @@ import '../../utils/functions/compareChains/compareChains.js';
 import { useEmbeddedWalletSessionKeys } from '../../utils/hooks/useEmbeddedWalletSessionKeys/useEmbeddedWalletSessionKeys.js';
 import '../ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../LoadingContext/LoadingContext.js';

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

@@ -58,7 +58,7 @@ const createSmsHandler = (environmentId, { shouldRegisterSessionKeysOnSignin, ge
             return {
                 destination: phone,
                 response: response,
-                verified: Boolean(response.jwt),
+                verified: true,
             };
         }),
     };

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

@@ -54,7 +54,7 @@ const createSmsHandler = (environmentId, { shouldRegisterSessionKeysOnSignin, ge
             return {
                 destination: phone,
                 response: response,
-                verified: Boolean(response.jwt),
+                verified: true,
             };
         }),
     };

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

@@ -47,6 +47,7 @@ require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 var ThemeContext = require('../ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 var useSetWalletConnectorVerifiedCredentials = require('../../utils/hooks/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.cjs');
 require('@dynamic-labs/types');
 var SocialRedirectContext = require('../SocialRedirectContext/SocialRedirectContext.cjs');
@@ -156,7 +157,7 @@ const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9
 const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     const { children, theme, settings: settings$1, locale: locale$1, enableInstrumentation = false, } = props;
     const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = defaultDynamicSettings.defaultDynamicSettings.detectNewWalletsForLinking, enableConnectOnlyFallback = defaultDynamicSettings.defaultDynamicSettings.enableConnectOnlyFallback, deepLinkPreference: deepLinkPreferenceProp = defaultDynamicSettings.defaultDynamicSettings.deepLinkPreference, bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = defaultDynamicSettings.defaultDynamicSettings.initialAuthenticationMode, debugError = defaultDynamicSettings.defaultDynamicSettings.debugError, displaySiweStatement = defaultDynamicSettings.defaultDynamicSettings.displaySiweStatement, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = defaultDynamicSettings.defaultDynamicSettings.enableVisitTrackingOnConnectOnly, environmentId, walletsFilter, logLevel = defaultDynamicSettings.defaultDynamicSettings.logLevel, mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = defaultDynamicSettings.defaultDynamicSettings.shadowDOMEnabled, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = defaultDynamicSettings.defaultDynamicSettings.showLockedWalletView, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, suppressEndUserConsoleWarning, transactionConfirmation: transactionConfirmationSettings, } = settings$1;
     let { appLogoUrl = defaultDynamicSettings.defaultDynamicSettings.appLogoUrl, appName = defaultDynamicSettings.defaultDynamicSettings.appName, } = settings$1;
@@ -166,10 +167,15 @@ const InnerDynamicContextProvider = (props) => {
     useRegisterStorageService.useRegisterStorageService({
         storagePostfix: settings$1.localStorageSuffix,
     });
+    /**
+     * Tracks if the store version has changed so we can logout
+     * to ensure the whole state is cleared
+     */
+    const didStoreVersionChangedRef = React.useRef(false);
     /**
      * initialize global store
      */
-    store.initializeStore(props);
+    store.initializeStore(Object.assign(Object.assign({}, props), { onPersistedVersionChanged: () => (didStoreVersionChangedRef.current = true) }));
     dynamicContextProps.useSyncDynamicContextProps(props);
     /**
      * Sets the chain info overrides if they are present
@@ -187,7 +193,8 @@ const InnerDynamicContextProvider = (props) => {
     if (environmentId === PUBLIC_PROJECT_LIVE_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);
+    const apiBaseUrlOverride = utils.getEnvVarWithFallback('DYNAMIC_API_BASE_URL', apiBaseUrl || '');
+    ApiEndpoint.setBaseUrl(apiBaseUrlOverride);
     const i18nSDKInstance = locale.Locale.setup(locale$1);
     const isBridgeFlow = Boolean(bridgeChains);
     const deepLinkPreference = helpers.getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
@@ -209,8 +216,8 @@ const InnerDynamicContextProvider = (props) => {
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState.useMultiWalletWidgetState();
     const projectSettings$1 = projectSettings.useProjectSettings();
     const serverNetworkConfigurations = useNetworkConfigurationsFromProjectSettings.useNetworkConfigurationsFromProjectSettings({
-        cosmosNetworkOverrides: (_c = settings$1.overrides) === null || _c === void 0 ? void 0 : _c.cosmosNetworks,
-        evmNetworksOverrides: (_d = settings$1.overrides) === null || _d === void 0 ? void 0 : _d.evmNetworks,
+        cosmosNetworkOverrides: (_b = settings$1.overrides) === null || _b === void 0 ? void 0 : _b.cosmosNetworks,
+        evmNetworksOverrides: (_c = settings$1.overrides) === null || _c === void 0 ? void 0 : _c.evmNetworks,
         projectSettings: projectSettings$1,
     });
     useSendDynamicProps.useSendDynamicProps({ environmentId, settings: settings$1 });
@@ -221,16 +228,16 @@ const InnerDynamicContextProvider = (props) => {
     });
     const multiWallet = useMultiWallet.useMultiWallet({
         isBridgeFlow,
-        multiWalletOverride: (_e = settings$1.overrides) === null || _e === void 0 ? void 0 : _e.multiWallet,
-        multiWalletSettings: (_f = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _f === void 0 ? void 0 : _f.multiWallet,
+        multiWalletOverride: (_d = settings$1.overrides) === null || _d === void 0 ? void 0 : _d.multiWallet,
+        multiWalletSettings: (_e = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _e === void 0 ? void 0 : _e.multiWallet,
     });
     const multiAsset = useMultiAsset.useMultiAsset({
-        multiAssetOverride: (_g = settings$1.overrides) === null || _g === void 0 ? void 0 : _g.multiAsset,
-        multiAssetSettings: (_h = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _h === void 0 ? void 0 : _h.enableMultiAsset,
+        multiAssetOverride: (_f = settings$1.overrides) === null || _f === void 0 ? void 0 : _f.multiAsset,
+        multiAssetSettings: (_g = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _g === void 0 ? void 0 : _g.enableMultiAsset,
     });
     const showFiat = useShowFiat.useShowFiat({
-        showFiatOverride: (_j = settings$1.overrides) === null || _j === void 0 ? void 0 : _j.showFiat,
-        showFiatSettings: (_k = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _k === void 0 ? void 0 : _k.showFiat,
+        showFiatOverride: (_h = settings$1.overrides) === null || _h === void 0 ? void 0 : _h.showFiat,
+        showFiatSettings: (_j = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _j === void 0 ? void 0 : _j.showFiat,
     });
     // Used inside useVerifyOnAwaitingSignature. Is legacy and should be removed asap
     const [legacyIsVerifying, setLegacyIsVerifying] = React.useState(false);
@@ -246,9 +253,11 @@ const InnerDynamicContextProvider = (props) => {
         appName,
         hideEmbeddedWalletTransactionUIs: !showEmbeddedWalletActionsUI,
     });
+    const [authMode, setAuthMode] = React.useState(initialAuthenticationMode);
     const connectorProps = React.useMemo(() => ({
         appLogoUrl,
         appName,
+        authMode,
         coinbaseWalletPreference,
         deepLinkPreference,
         flowNetwork,
@@ -263,6 +272,7 @@ const InnerDynamicContextProvider = (props) => {
     }), [
         appLogoUrl,
         appName,
+        authMode,
         coinbaseWalletPreference,
         deepLinkPreference,
         flowNetwork,
@@ -278,7 +288,6 @@ const InnerDynamicContextProvider = (props) => {
     useCreateWalletConnectorOptions.useCreateWalletConnectorOptions(connectorProps);
     const walletConnectorOptions = walletOptions.useWalletConnectorOptions();
     useCreateWalletGroups.useCreateWalletGroups({ walletConnectorOptions });
-    const [authMode, setAuthMode] = React.useState(initialAuthenticationMode);
     const primaryWalletId$1 = primaryWalletId.usePrimaryWalletId();
     // 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
@@ -313,7 +322,7 @@ const InnerDynamicContextProvider = (props) => {
         canHaveMultipleWalletsConnected: multiWallet,
         connectedWallets,
         primaryWalletId: primaryWalletId$1,
-        separateSmartWalletAndSigner: (_m = (_l = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _l === void 0 ? void 0 : _l.accountAbstraction) === null || _m === void 0 ? void 0 : _m.separateSmartWalletAndSigner,
+        separateSmartWalletAndSigner: (_l = (_k = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _k === void 0 ? void 0 : _k.accountAbstraction) === null || _l === void 0 ? void 0 : _l.separateSmartWalletAndSigner,
         setMultiWalletWidgetState,
         user: user$1 || userWithMissingInfo,
         walletConnectorOptions,
@@ -365,6 +374,7 @@ const InnerDynamicContextProvider = (props) => {
         walletConnectors,
     });
     useValidateSession.useValidateSession({
+        didStoreVersionChangedRef,
         environmentId,
         handleLogOut,
     });
@@ -429,8 +439,8 @@ const InnerDynamicContextProvider = (props) => {
     }, [handleLogOut, isAuthenticated]);
     const { setCallback } = useCustomerCallbacks.useCustomerCallbacks({
         callbacks: {
-            onAuthSuccess: (_o = settings$1.events) === null || _o === void 0 ? void 0 : _o.onAuthSuccess,
-            onUserProfileUpdate: (_p = settings$1.events) === null || _p === void 0 ? void 0 : _p.onUserProfileUpdate,
+            onAuthSuccess: (_m = settings$1.events) === null || _m === void 0 ? void 0 : _m.onAuthSuccess,
+            onUserProfileUpdate: (_o = settings$1.events) === null || _o === void 0 ? void 0 : _o.onUserProfileUpdate,
         },
         handleLogOut,
         isAuthenticated,
@@ -727,7 +737,7 @@ const InnerDynamicContextProvider = (props) => {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile]);
-    return (jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18nSDKInstance, children: jsxRuntime.jsx(DynamicContext.Provider, { value: value, children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, { walletBook: walletBook$1, children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, { customerTheme: parseTheme.parseTheme(theme, ((_q = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design) === null || _q === void 0 ? void 0 : _q.modal) || undefined), designSettings: projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialViewType: helpers.getInitialViewType({
+    return (jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18nSDKInstance, children: jsxRuntime.jsx(DynamicContext.Provider, { value: value, children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, { walletBook: walletBook$1, children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, { customerTheme: parseTheme.parseTheme(theme, ((_p = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design) === null || _p === void 0 ? void 0 : _p.modal) || undefined), designSettings: projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialViewType: helpers.getInitialViewType({
                                 bridgeOnboardingCompleted,
                                 connectedWallets,
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),