@dynamic-labs/sdk-react-core 4.40.0 → 4.40.2

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js

@@ -19,7 +19,6 @@ import '../../../../events/dynamicEvents.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../../../store/state/authMode/authMode.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -34,6 +33,7 @@ import '@dynamic-labs-sdk/client/core';
 import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
+import { useProjectSettings } from '../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
 import '@dynamic-labs/locale';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';
@@ -109,7 +109,7 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 
 const PhoneNumberSignInSection = ({ isLoading, onSubmit, onSubmitError, }) => {
     var _a, _b;
-    const { projectSettings } = useInternalDynamicContext();
+    const projectSettings = useProjectSettings();
     const countriesWithVerification = useMemo(() => {
         const enabledCountries = getSupportedCountriesForVerificationFromProjectSettings(projectSettings);
         // For login, we always want to use only countries with verification supported
@@ -134,6 +134,10 @@ const PhoneNumberSignInSection = ({ isLoading, onSubmit, onSubmitError, }) => {
         phone: phoneData.phone,
         setInvalidNumberMessage,
     });
+    if (!projectSettings) {
+        logger.debug('Failed to render PhoneNumberSignInSection - no project settings');
+        return null;
+    }
     if (!isPhoneNumberProviderEnabled((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _a !== void 0 ? _a : [])) {
         logger.error('Failed to render PhoneNumberSignInSection - no sign in provider enabled');
         return null;

package/src/lib/views/LoginView/sections/SocialSignInSection/SocialSignInSection.cjs

@@ -5,24 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
-require('react');
-require('../../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('../../../../utils/constants/values.cjs');
+require('@dynamic-labs/utils');
+require('../../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../../utils/constants/colors.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
+require('react');
 require('../../../../context/ViewContext/ViewContext.cjs');
 var logger = require('../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
-require('../../../../utils/constants/colors.cjs');
-require('../../../../utils/constants/values.cjs');
 require('../../../../shared/consts/index.cjs');
-require('../../../../events/dynamicEvents.cjs');
-require('../../../../../../_virtual/_tslib.cjs');
-require('../../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../../context/ErrorContext/ErrorContext.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
 var getSocialSignInProviderFromString = require('../../../../utils/functions/getSocialSignInProviderFromString/getSocialSignInProviderFromString.cjs');
 require('../../../../store/state/nonce/nonce.cjs');
 var isProviderEnabled = require('../../../../utils/functions/isProviderEnabled/isProviderEnabled.cjs');
@@ -30,86 +25,23 @@ require('@dynamic-labs-sdk/client/core');
 require('../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../config/ApiEndpoint.cjs');
+require('../../../../events/dynamicEvents.cjs');
+var useProjectSettings = require('../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.cjs');
 require('@dynamic-labs/locale');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
-require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../../store/state/authMode/authMode.cjs');
-require('../../../../context/VerificationContext/VerificationContext.cjs');
-require('react-dom');
-require('../../../../utils/functions/compareChains/compareChains.cjs');
-require('../../../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.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');
-require('../../../../context/WalletContext/WalletContext.cjs');
-require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
-require('yup');
-require('../../../../context/MockContext/MockContext.cjs');
-require('../../../CollectUserDataView/useFields.cjs');
-require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('@dynamic-labs/rpc-providers');
-require('../../../../store/state/walletOptions/walletOptions.cjs');
-require('react-i18next');
-require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../../components/Alert/Alert.cjs');
-require('../../../../components/ShadowDOM/ShadowDOM.cjs');
-require('../../../../components/IconButton/IconButton.cjs');
-require('../../../../components/InlineWidget/InlineWidget.cjs');
-require('../../../../components/Input/Input.cjs');
-require('../../../../components/IsBrowser/IsBrowser.cjs');
-require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../../../components/OverlayCard/OverlayCard.cjs');
-require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
-require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../../components/Popper/Popper/Popper.cjs');
-require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
-require('qrcode');
-require('formik');
-require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
-require('../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
-require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
-require('../../../../context/FooterAnimationContext/index.cjs');
 var MagicSocialSignIn = require('./MagicSocialSignIn/MagicSocialSignIn.cjs');
 var DynamicSocialSignIn = require('./DynamicSocialSignIn/DynamicSocialSignIn.cjs');
-require('../../../MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
-require('../../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../../store/state/sendBalances.cjs');
-require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
-require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../TransactionConfirmationView/TransactionConfirmationView.cjs');
-require('../../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
-require('../../../../../index.cjs');
-require('../../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
-require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
-require('../../../../store/state/tokenBalances.cjs');
-require('../../../../store/state/multichainBalances.cjs');
-require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
-var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 const SocialSignInSection = ({ sectionData, collapsedLayout, }) => {
     var _a, _b, _c;
-    const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
-    const providers = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _a !== void 0 ? _a : [];
+    const projectSettings = useProjectSettings.useProjectSettings();
+    if (!projectSettings) {
+        logger.logger.debug('Failed to render SocialSignInSection - no project settings');
+        return null;
+    }
+    const providers = (_a = projectSettings.providers) !== null && _a !== void 0 ? _a : [];
     const componentProps = {
         collapsedLayout,
         defaultProvider: getSocialSignInProviderFromString.getSocialSignInProviderFromString(sectionData.defaultItem),
@@ -117,11 +49,11 @@ const SocialSignInSection = ({ sectionData, collapsedLayout, }) => {
     };
     const isMagicEnabled = isProviderEnabled.isProviderEnabled(providers, sdkApiCore.ProviderEnum.MagicLink);
     if (isMagicEnabled &&
-        ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _b === void 0 ? void 0 : _b.signInProvider) ===
+        ((_b = projectSettings.sdk.socialSignIn) === null || _b === void 0 ? void 0 : _b.signInProvider) ===
             sdkApiCore.SignInProviderEnum.MagicLink) {
         return jsxRuntime.jsx(MagicSocialSignIn.MagicSocialSignIn, Object.assign({}, componentProps));
     }
-    if (((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _c === void 0 ? void 0 : _c.signInProvider) ===
+    if (((_c = projectSettings.sdk.socialSignIn) === null || _c === void 0 ? void 0 : _c.signInProvider) ===
         sdkApiCore.SignInProviderEnum.Dynamic) {
         return jsxRuntime.jsx(DynamicSocialSignIn.DynamicSocialSignIn, Object.assign({}, componentProps));
     }

package/src/lib/views/LoginView/sections/SocialSignInSection/SocialSignInSection.js

@@ -1,24 +1,19 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
 import { ProviderEnum, SignInProviderEnum } from '@dynamic-labs/sdk-api-core';
-import 'react';
-import '../../../../context/DynamicContext/DynamicContext.js';
-import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '../../../../utils/constants/values.js';
+import '@dynamic-labs/utils';
+import '../../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../../utils/constants/colors.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
+import 'react';
 import '../../../../context/ViewContext/ViewContext.js';
 import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
-import '../../../../utils/constants/colors.js';
-import '../../../../utils/constants/values.js';
 import '../../../../shared/consts/index.js';
-import '../../../../events/dynamicEvents.js';
-import '../../../../../../_virtual/_tslib.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../context/ErrorContext/ErrorContext.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
 import { getSocialSignInProviderFromString } from '../../../../utils/functions/getSocialSignInProviderFromString/getSocialSignInProviderFromString.js';
 import '../../../../store/state/nonce/nonce.js';
 import { isProviderEnabled } from '../../../../utils/functions/isProviderEnabled/isProviderEnabled.js';
@@ -26,86 +21,23 @@ import '@dynamic-labs-sdk/client/core';
 import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
+import '../../../../events/dynamicEvents.js';
+import { useProjectSettings } from '../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
 import '@dynamic-labs/locale';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
-import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../../store/state/authMode/authMode.js';
-import '../../../../context/VerificationContext/VerificationContext.js';
-import 'react-dom';
-import '../../../../utils/functions/compareChains/compareChains.js';
-import '../../../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.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';
-import '../../../../context/WalletContext/WalletContext.js';
-import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
-import 'yup';
-import '../../../../context/MockContext/MockContext.js';
-import '../../../CollectUserDataView/useFields.js';
-import '../../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import '@dynamic-labs/rpc-providers';
-import '../../../../store/state/walletOptions/walletOptions.js';
-import 'react-i18next';
-import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../../components/Alert/Alert.js';
-import '../../../../components/ShadowDOM/ShadowDOM.js';
-import '../../../../components/IconButton/IconButton.js';
-import '../../../../components/InlineWidget/InlineWidget.js';
-import '../../../../components/Input/Input.js';
-import '../../../../components/IsBrowser/IsBrowser.js';
-import '../../../../components/MenuList/Dropdown/Dropdown.js';
-import '../../../../components/OverlayCard/OverlayCard.js';
-import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
-import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../../components/Popper/Popper/Popper.js';
-import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
-import 'qrcode';
-import 'formik';
-import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
-import '../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
-import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
-import '../../../../context/FooterAnimationContext/index.js';
 import { MagicSocialSignIn } from './MagicSocialSignIn/MagicSocialSignIn.js';
 import { DynamicSocialSignIn } from './DynamicSocialSignIn/DynamicSocialSignIn.js';
-import '../../../MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
-import '../../../../context/PasskeyContext/PasskeyContext.js';
-import '../../../../context/OnrampContext/OnrampContext.js';
-import '../../../../store/state/sendBalances.js';
-import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
-import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
-import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../TransactionConfirmationView/TransactionConfirmationView.js';
-import '../../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
-import '../../../../../index.js';
-import '../../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
-import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
-import '../../../../store/state/tokenBalances.js';
-import '../../../../store/state/multichainBalances.js';
-import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const SocialSignInSection = ({ sectionData, collapsedLayout, }) => {
     var _a, _b, _c;
-    const { projectSettings } = useInternalDynamicContext();
-    const providers = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _a !== void 0 ? _a : [];
+    const projectSettings = useProjectSettings();
+    if (!projectSettings) {
+        logger.debug('Failed to render SocialSignInSection - no project settings');
+        return null;
+    }
+    const providers = (_a = projectSettings.providers) !== null && _a !== void 0 ? _a : [];
     const componentProps = {
         collapsedLayout,
         defaultProvider: getSocialSignInProviderFromString(sectionData.defaultItem),
@@ -113,11 +45,11 @@ const SocialSignInSection = ({ sectionData, collapsedLayout, }) => {
     };
     const isMagicEnabled = isProviderEnabled(providers, ProviderEnum.MagicLink);
     if (isMagicEnabled &&
-        ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _b === void 0 ? void 0 : _b.signInProvider) ===
+        ((_b = projectSettings.sdk.socialSignIn) === null || _b === void 0 ? void 0 : _b.signInProvider) ===
             SignInProviderEnum.MagicLink) {
         return jsx(MagicSocialSignIn, Object.assign({}, componentProps));
     }
-    if (((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _c === void 0 ? void 0 : _c.signInProvider) ===
+    if (((_c = projectSettings.sdk.socialSignIn) === null || _c === void 0 ? void 0 : _c.signInProvider) ===
         SignInProviderEnum.Dynamic) {
         return jsx(DynamicSocialSignIn, Object.assign({}, componentProps));
     }

package/src/lib/views/LoginView/useLoginView/useLoginView.cjs

@@ -31,6 +31,7 @@ require('@dynamic-labs-sdk/client/core');
 require('../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../config/ApiEndpoint.cjs');
+var useProjectSettings = require('../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.cjs');
 require('@dynamic-labs/locale');
 require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
@@ -112,7 +113,8 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 const NUMBER_OF_WALLETS = 3;
 const useLoginView = () => {
     const loginView = useViewSettings.useViewSettings(sdkApiCore.SdkViewType.Login);
-    const { projectSettings, authorizationViewDisplayOrder, loginWithEmail, walletsFilter, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { authorizationViewDisplayOrder, loginWithEmail, walletsFilter } = useInternalDynamicContext.useInternalDynamicContext();
+    const projectSettings = useProjectSettings.useProjectSettings();
     const { t } = reactI18next.useTranslation();
     const { enabledSocialProviders } = SocialRedirectContext.useSocialRedirectContext();
     const { numberOfWallets } = useWalletList.useWalletList({
@@ -157,7 +159,8 @@ const useLoginView = () => {
         var _a;
         const hasEnabledNetwork = (chain) => { var _a; return (_a = chain.networks) === null || _a === void 0 ? void 0 : _a.some((network) => network.enabled); };
         const hasEnabledChain = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains) === null || _a === void 0 ? void 0 : _a.some((chain) => chain.enabled && hasEnabledNetwork(chain));
-        if (!hasEnabledChain &&
+        if (projectSettings &&
+            !hasEnabledChain &&
             sections.find((section) => section.type === 'wallet')) {
             logger.logger.error('Failed to render WalletSignInSection - no chains enabled');
         }
@@ -165,7 +168,7 @@ const useLoginView = () => {
             return sections;
         }
         return sections.filter((section) => section.type !== 'wallet');
-    }, [numberOfWallets, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains]);
+    }, [numberOfWallets, projectSettings]);
     /**
      * returns the login view sections to be displayed in order from projectSettings?.sdk?.views
      * and has backwards compatibility with project settings design.modal props
@@ -212,15 +215,16 @@ const useLoginView = () => {
         }
         return sections;
     }, [
-        authorizationViewDisplayOrder,
+        loginView === null || loginView === void 0 ? void 0 : loginView.sections,
+        projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal,
         enabledSocialProviders,
-        filterLoginViewSections,
         hasEmailProviderEnabled,
+        hasPasskeyProviderEnabled,
         hasPhoneProviderEnabled,
-        loginView === null || loginView === void 0 ? void 0 : loginView.sections,
-        projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal,
         numberOfWallets,
+        authorizationViewDisplayOrder,
         t,
+        filterLoginViewSections,
     ]);
     return {
         isWalletOnly,

package/src/lib/views/LoginView/useLoginView/useLoginView.js

@@ -27,6 +27,7 @@ import '@dynamic-labs-sdk/client/core';
 import '../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../config/ApiEndpoint.js';
+import { useProjectSettings } from '../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
 import '@dynamic-labs/locale';
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
@@ -108,7 +109,8 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const NUMBER_OF_WALLETS = 3;
 const useLoginView = () => {
     const loginView = useViewSettings(SdkViewType.Login);
-    const { projectSettings, authorizationViewDisplayOrder, loginWithEmail, walletsFilter, } = useInternalDynamicContext();
+    const { authorizationViewDisplayOrder, loginWithEmail, walletsFilter } = useInternalDynamicContext();
+    const projectSettings = useProjectSettings();
     const { t } = useTranslation();
     const { enabledSocialProviders } = useSocialRedirectContext();
     const { numberOfWallets } = useWalletList({
@@ -153,7 +155,8 @@ const useLoginView = () => {
         var _a;
         const hasEnabledNetwork = (chain) => { var _a; return (_a = chain.networks) === null || _a === void 0 ? void 0 : _a.some((network) => network.enabled); };
         const hasEnabledChain = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains) === null || _a === void 0 ? void 0 : _a.some((chain) => chain.enabled && hasEnabledNetwork(chain));
-        if (!hasEnabledChain &&
+        if (projectSettings &&
+            !hasEnabledChain &&
             sections.find((section) => section.type === 'wallet')) {
             logger.error('Failed to render WalletSignInSection - no chains enabled');
         }
@@ -161,7 +164,7 @@ const useLoginView = () => {
             return sections;
         }
         return sections.filter((section) => section.type !== 'wallet');
-    }, [numberOfWallets, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains]);
+    }, [numberOfWallets, projectSettings]);
     /**
      * returns the login view sections to be displayed in order from projectSettings?.sdk?.views
      * and has backwards compatibility with project settings design.modal props
@@ -208,15 +211,16 @@ const useLoginView = () => {
         }
         return sections;
     }, [
-        authorizationViewDisplayOrder,
+        loginView === null || loginView === void 0 ? void 0 : loginView.sections,
+        projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal,
         enabledSocialProviders,
-        filterLoginViewSections,
         hasEmailProviderEnabled,
+        hasPasskeyProviderEnabled,
         hasPhoneProviderEnabled,
-        loginView === null || loginView === void 0 ? void 0 : loginView.sections,
-        projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal,
         numberOfWallets,
+        authorizationViewDisplayOrder,
         t,
+        filterLoginViewSections,
     ]);
     return {
         isWalletOnly,

package/src/lib/views/WalletDelegation/WalletDelegationView/WalletDelegationView.cjs

@@ -239,7 +239,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     setShowEditView(false);
                     setAgreementChecked(false);
                 }, dataTestId: 'embedded-delegation-okay-button', copykey: 'dyn_wallet_delegation.learn_more_okay_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.learn_more_okay_button') }));
@@ -249,7 +249,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     color: 'primary',
                     weight: 'bold',
                 }, onClick: () => setShowAuthFlow(false), dataTestId: 'embedded-delegation-done-button', copykey: 'dyn_wallet_delegation.done_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.done_button') }));
@@ -259,7 +259,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     color: 'primary',
                     weight: 'bold',
                 }, onClick: () => handleDelegateWallets(), dataTestId: 'embedded-delegation-try-again-button', copykey: 'dyn_wallet_delegation.try_again_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.try_again_button') }));
@@ -274,7 +274,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     setAgreementChecked(false);
                     setShowLearnMoreView(false);
                 }, dataTestId: 'embedded-delegation-done-button', copykey: 'dyn_wallet_delegation.done_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.done_button') }));
@@ -285,7 +285,7 @@ const WalletDelegationView = ({ wallets, }) => {
                         color: 'primary',
                         weight: 'bold',
                     }, onClick: () => handleDenySelectedWallets(), dataTestId: 'embedded-delegation-deny-button', copykey: 'dyn_wallet_delegation.deny_button', style: {
-                        backgroundColor: 'white',
+                        backgroundColor: 'var(--dynamic-base-2)',
                         border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                         width: '100%',
                     }, className: 'embedded-delegated-view__body__button embedded-delegated-view__body__deny-button', expanded: true, children: t('dyn_wallet_delegation.deny_button') })), !isLoading && requiresDelegation && (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', typographyProps: {
@@ -294,7 +294,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     }, onClick: () => {
                         handleLogOut();
                     }, dataTestId: 'embedded-delegation-logout-button', copykey: 'dyn_wallet_delegation.logout_button', style: {
-                        backgroundColor: 'white',
+                        backgroundColor: 'var(--dynamic-base-2)',
                         border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                         width: '100%',
                     }, className: 'embedded-delegated-view__body__button embedded-delegated-view__body__logout-button', expanded: true, children: t('dyn_wallet_delegation.logout_button') }))] }));

package/src/lib/views/WalletDelegation/WalletDelegationView/WalletDelegationView.js

@@ -235,7 +235,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     setShowEditView(false);
                     setAgreementChecked(false);
                 }, dataTestId: 'embedded-delegation-okay-button', copykey: 'dyn_wallet_delegation.learn_more_okay_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.learn_more_okay_button') }));
@@ -245,7 +245,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     color: 'primary',
                     weight: 'bold',
                 }, onClick: () => setShowAuthFlow(false), dataTestId: 'embedded-delegation-done-button', copykey: 'dyn_wallet_delegation.done_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.done_button') }));
@@ -255,7 +255,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     color: 'primary',
                     weight: 'bold',
                 }, onClick: () => handleDelegateWallets(), dataTestId: 'embedded-delegation-try-again-button', copykey: 'dyn_wallet_delegation.try_again_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.try_again_button') }));
@@ -270,7 +270,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     setAgreementChecked(false);
                     setShowLearnMoreView(false);
                 }, dataTestId: 'embedded-delegation-done-button', copykey: 'dyn_wallet_delegation.done_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.done_button') }));
@@ -281,7 +281,7 @@ const WalletDelegationView = ({ wallets, }) => {
                         color: 'primary',
                         weight: 'bold',
                     }, onClick: () => handleDenySelectedWallets(), dataTestId: 'embedded-delegation-deny-button', copykey: 'dyn_wallet_delegation.deny_button', style: {
-                        backgroundColor: 'white',
+                        backgroundColor: 'var(--dynamic-base-2)',
                         border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                         width: '100%',
                     }, className: 'embedded-delegated-view__body__button embedded-delegated-view__body__deny-button', expanded: true, children: t('dyn_wallet_delegation.deny_button') })), !isLoading && requiresDelegation && (jsx(TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', typographyProps: {
@@ -290,7 +290,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     }, onClick: () => {
                         handleLogOut();
                     }, dataTestId: 'embedded-delegation-logout-button', copykey: 'dyn_wallet_delegation.logout_button', style: {
-                        backgroundColor: 'white',
+                        backgroundColor: 'var(--dynamic-base-2)',
                         border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                         width: '100%',
                     }, className: 'embedded-delegated-view__body__button embedded-delegated-view__body__logout-button', expanded: true, children: t('dyn_wallet_delegation.logout_button') }))] }));

package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/TokenBalanceItem/TokenBalanceItem.cjs

@@ -110,13 +110,6 @@ const currencyFormatter = new Intl.NumberFormat('en-US', {
 });
 const TokenBalanceItem = ({ tokenBalance, }) => {
     const { showFiat } = useInternalDynamicContext.useInternalDynamicContext();
-    const roundToSixDecimal = (value) => {
-        if (value === 0) {
-            return '0';
-        }
-        const rounded = Math.round(value * 1e6) / 1e6; // 10^6 is 1000000
-        return rounded === 0 ? '<0.000001' : rounded;
-    };
     const formattedFiatValue = () => {
         var _a;
         if (tokenBalance.marketValue !== 0 && !tokenBalance.marketValue) {
@@ -126,7 +119,7 @@ const TokenBalanceItem = ({ tokenBalance, }) => {
             ? currencyFormatter.format(parseFloat((_a = tokenBalance.marketValue) === null || _a === void 0 ? void 0 : _a.toFixed(2)))
             : '<$0.01';
     };
-    return (jsxRuntime.jsxs("div", { className: 'token-balance-item', children: [jsxRuntime.jsxs("div", { className: 'token-balance-item__name', children: [tokenBalance.logoURI ? (jsxRuntime.jsx(Image.Image, { src: tokenBalance.logoURI, alt: tokenBalance.symbol, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon' })) : (jsxRuntime.jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon' })), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', className: 'token-balance-item__title', color: 'primary', children: tokenBalance.name }) })] }), jsxRuntime.jsxs("div", { className: 'flex', children: [showFiat ? (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', color: 'primary', style: { textAlign: 'right' }, children: formattedFiatValue() })) : null, jsxRuntime.jsx("div", { className: 'token-balance-item__value', children: jsxRuntime.jsxs("div", { className: 'token-balance-item__value__balance', "data-testid": 'token-balance-item-balance', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', style: { marginRight: '2px' }, children: roundToSixDecimal(tokenBalance.balance) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: tokenBalance.symbol })] }) })] })] }, tokenBalance.address));
+    return (jsxRuntime.jsxs("div", { className: 'token-balance-item', children: [jsxRuntime.jsxs("div", { className: 'token-balance-item__name', children: [tokenBalance.logoURI ? (jsxRuntime.jsx(Image.Image, { src: tokenBalance.logoURI, alt: tokenBalance.symbol, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon' })) : (jsxRuntime.jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon' })), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', className: 'token-balance-item__title', color: 'primary', children: tokenBalance.name }) })] }), jsxRuntime.jsxs("div", { className: 'flex', children: [showFiat ? (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', color: 'primary', style: { textAlign: 'right' }, children: formattedFiatValue() })) : null, jsxRuntime.jsx("div", { className: 'token-balance-item__value', children: jsxRuntime.jsxs("div", { className: 'token-balance-item__value__balance', "data-testid": 'token-balance-item-balance', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', style: { marginRight: '2px' }, children: tokenBalance.balance }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: tokenBalance.symbol })] }) })] })] }, tokenBalance.address));
 };
 
 exports.TokenBalanceItem = TokenBalanceItem;

package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/TokenBalanceItem/TokenBalanceItem.js

@@ -106,13 +106,6 @@ const currencyFormatter = new Intl.NumberFormat('en-US', {
 });
 const TokenBalanceItem = ({ tokenBalance, }) => {
     const { showFiat } = useInternalDynamicContext();
-    const roundToSixDecimal = (value) => {
-        if (value === 0) {
-            return '0';
-        }
-        const rounded = Math.round(value * 1e6) / 1e6; // 10^6 is 1000000
-        return rounded === 0 ? '<0.000001' : rounded;
-    };
     const formattedFiatValue = () => {
         var _a;
         if (tokenBalance.marketValue !== 0 && !tokenBalance.marketValue) {
@@ -122,7 +115,7 @@ const TokenBalanceItem = ({ tokenBalance, }) => {
             ? currencyFormatter.format(parseFloat((_a = tokenBalance.marketValue) === null || _a === void 0 ? void 0 : _a.toFixed(2)))
             : '<$0.01';
     };
-    return (jsxs("div", { className: 'token-balance-item', children: [jsxs("div", { className: 'token-balance-item__name', children: [tokenBalance.logoURI ? (jsx(Image, { src: tokenBalance.logoURI, alt: tokenBalance.symbol, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon' })) : (jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon' })), jsx("div", { children: jsx(Typography, { variant: 'body_small', className: 'token-balance-item__title', color: 'primary', children: tokenBalance.name }) })] }), jsxs("div", { className: 'flex', children: [showFiat ? (jsx(Typography, { variant: 'body_small', weight: 'bold', color: 'primary', style: { textAlign: 'right' }, children: formattedFiatValue() })) : null, jsx("div", { className: 'token-balance-item__value', children: jsxs("div", { className: 'token-balance-item__value__balance', "data-testid": 'token-balance-item-balance', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', style: { marginRight: '2px' }, children: roundToSixDecimal(tokenBalance.balance) }), jsx(Typography, { variant: 'body_small', color: 'secondary', children: tokenBalance.symbol })] }) })] })] }, tokenBalance.address));
+    return (jsxs("div", { className: 'token-balance-item', children: [jsxs("div", { className: 'token-balance-item__name', children: [tokenBalance.logoURI ? (jsx(Image, { src: tokenBalance.logoURI, alt: tokenBalance.symbol, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon' })) : (jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon' })), jsx("div", { children: jsx(Typography, { variant: 'body_small', className: 'token-balance-item__title', color: 'primary', children: tokenBalance.name }) })] }), jsxs("div", { className: 'flex', children: [showFiat ? (jsx(Typography, { variant: 'body_small', weight: 'bold', color: 'primary', style: { textAlign: 'right' }, children: formattedFiatValue() })) : null, jsx("div", { className: 'token-balance-item__value', children: jsxs("div", { className: 'token-balance-item__value__balance', "data-testid": 'token-balance-item-balance', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', style: { marginRight: '2px' }, children: tokenBalance.balance }), jsx(Typography, { variant: 'body_small', color: 'secondary', children: tokenBalance.symbol })] }) })] })] }, tokenBalance.address));
 };
 
 export { TokenBalanceItem };

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.cjs

@@ -119,7 +119,10 @@ const SwitchOrUseActiveAccountView = ({ connectedWallet, selectedWalletToSwitchT
         }
         setSelectedWalletWithAction({ action: 'select', wallet: connectedWallet });
         setPrimaryWallet(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.id);
-        setSelectedWalletConnectorKey(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.key);
+        setSelectedWalletConnectorKey({
+            chain: connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.connectedChain,
+            key: connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.key,
+        });
     }), [
         connectedWallet,
         setSelectedWalletWithAction,