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

package/src/lib/utils/functions/findWalletOptionFor/findWalletOptionFor.cjs

@@ -7,7 +7,7 @@ var values = require('../../constants/values.cjs');
 var compareChains = require('../compareChains/compareChains.cjs');
 
 const findWalletOptionFor = (account, walletOptions) => {
-    const { walletName } = account;
+    const { walletName, chain } = account;
     if (walletName === 'turnkeyhd' || walletName === 'dynamicwaas') {
         const chain = account.chain
             ? values.VerifiedCredentialNameToChainEnum[account.chain]
@@ -19,14 +19,19 @@ const findWalletOptionFor = (account, walletOptions) => {
     // set to "unknown" if not found in wallet book. We need to use fallback connector for these wallets.
     // The "unknown" wallet connector is also legacy and should never be used.
     if (walletName !== 'unknown') {
-        const wallet = walletOptions.find((wallet) => wallet.key === walletName);
+        // The verified credential chain follows a different format than the wallet connector chain
+        // so we need first convert
+        const walletChain = chain
+            ? values.VerifiedCredentialNameToChainEnum[chain]
+            : undefined;
+        const wallet = walletOptions.find((wallet) => wallet.key === walletName &&
+            (!walletChain || wallet.walletConnector.connectedChain === walletChain));
         if (wallet)
             return wallet;
     }
     // If we cannot find the correct connector for the wallet, we default to the fallback
     // this way the wallet will appear in user wallets, but will not be able to be interacted with
     const fallbackOptions = walletOptions.filter((wallet) => wallet.key === 'fallbackconnector');
-    const { chain } = account;
     if (chain) {
         const unknownWallet = fallbackOptions.find(({ walletConnector }) => compareChains.compareChains(walletConnector.connectedChain, chain));
         if (unknownWallet)

package/src/lib/utils/functions/findWalletOptionFor/findWalletOptionFor.js

@@ -3,7 +3,7 @@ import { VerifiedCredentialNameToChainEnum } from '../../constants/values.js';
 import { compareChains } from '../compareChains/compareChains.js';
 
 const findWalletOptionFor = (account, walletOptions) => {
-    const { walletName } = account;
+    const { walletName, chain } = account;
     if (walletName === 'turnkeyhd' || walletName === 'dynamicwaas') {
         const chain = account.chain
             ? VerifiedCredentialNameToChainEnum[account.chain]
@@ -15,14 +15,19 @@ const findWalletOptionFor = (account, walletOptions) => {
     // set to "unknown" if not found in wallet book. We need to use fallback connector for these wallets.
     // The "unknown" wallet connector is also legacy and should never be used.
     if (walletName !== 'unknown') {
-        const wallet = walletOptions.find((wallet) => wallet.key === walletName);
+        // The verified credential chain follows a different format than the wallet connector chain
+        // so we need first convert
+        const walletChain = chain
+            ? VerifiedCredentialNameToChainEnum[chain]
+            : undefined;
+        const wallet = walletOptions.find((wallet) => wallet.key === walletName &&
+            (!walletChain || wallet.walletConnector.connectedChain === walletChain));
         if (wallet)
             return wallet;
     }
     // If we cannot find the correct connector for the wallet, we default to the fallback
     // this way the wallet will appear in user wallets, but will not be able to be interacted with
     const fallbackOptions = walletOptions.filter((wallet) => wallet.key === 'fallbackconnector');
-    const { chain } = account;
     if (chain) {
         const unknownWallet = fallbackOptions.find(({ walletConnector }) => compareChains(walletConnector.connectedChain, chain));
         if (unknownWallet)

package/src/lib/utils/functions/walletListBuilder/utils/groupWalletOptions/groupWalletOptions.cjs

@@ -28,7 +28,10 @@ const groupWalletOptions = (walletGroups, walletOptionList) => {
         // Validate if there is any other wallet with the same group
         const isThereWalletOptionWithSameGroup = walletOptionList.some((walletOption) => {
             const isSameGroup = currentWalletOption.group === walletOption.group;
-            const isDifferentKey = currentWalletOption.key !== walletOption.key;
+            // Some WC wallets may have the same key on different chains, so we need to check that chain as well
+            const isDifferentKey = currentWalletOption.key !== walletOption.key ||
+                currentWalletOption.walletConnector.connectedChain !==
+                    walletOption.walletConnector.connectedChain;
             return isSameGroup && isDifferentKey;
         });
         // Avoid group creation if there only one wallet in group

package/src/lib/utils/functions/walletListBuilder/utils/groupWalletOptions/groupWalletOptions.js

@@ -24,7 +24,10 @@ const groupWalletOptions = (walletGroups, walletOptionList) => {
         // Validate if there is any other wallet with the same group
         const isThereWalletOptionWithSameGroup = walletOptionList.some((walletOption) => {
             const isSameGroup = currentWalletOption.group === walletOption.group;
-            const isDifferentKey = currentWalletOption.key !== walletOption.key;
+            // Some WC wallets may have the same key on different chains, so we need to check that chain as well
+            const isDifferentKey = currentWalletOption.key !== walletOption.key ||
+                currentWalletOption.walletConnector.connectedChain !==
+                    walletOption.walletConnector.connectedChain;
             return isSameGroup && isDifferentKey;
         });
         // Avoid group creation if there only one wallet in group

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.cjs

@@ -69,8 +69,11 @@ const walletListBuilder = ({ userWallets, multiWallet, numberOfWalletsToShow, in
             walletOptions: walletList,
         });
     }
-    let lastUsedWallet;
     const hasWalletFilter = Boolean(walletsFilter);
+    // This is an array because we might have multiple options with the same key
+    // this happens on WC wallets for different chains, because the WC wallet book entries for all chains
+    // is always in the EVM entry (for historical reasons) and therefore they all share the same EVM entry's key
+    const lastUsedWallets = [];
     const recommendedWalletsList = [];
     const installedWallets = [];
     const otherWallets = [];
@@ -78,13 +81,14 @@ const walletListBuilder = ({ userWallets, multiWallet, numberOfWalletsToShow, in
     const orderedInputList = orderAndFilterList(walletList, walletsFilter, isWalletConnectList, recommendedWalletKeys);
     orderedInputList.forEach((wallet) => {
         if (walletConnectorCore.isEmbeddedConnector(wallet.walletConnector) ||
-            !wallet.walletConnector.isAvailable)
+            !wallet.walletConnector.isAvailable) {
             return;
+        }
         if (recommendedWalletKeys === null || recommendedWalletKeys === void 0 ? void 0 : recommendedWalletKeys.includes(wallet.key)) {
             recommendedWalletsList.push(wallet);
         }
         else if (lastUsedWalletKey === wallet.key) {
-            lastUsedWallet = wallet;
+            lastUsedWallets.push(wallet);
         }
         else if (wallet.isInstalledOnBrowser) {
             installedWallets.push(wallet);
@@ -93,10 +97,9 @@ const walletListBuilder = ({ userWallets, multiWallet, numberOfWalletsToShow, in
             otherWallets.push(wallet);
         }
     });
-    const firstPriorityWallets = [...(lastUsedWallet ? [lastUsedWallet] : [])];
     const initialWalletsList = [
         ...recommendedWalletsList,
-        ...firstPriorityWallets,
+        ...lastUsedWallets,
         ...installedWallets,
         ...otherWallets,
     ];
@@ -106,7 +109,7 @@ const walletListBuilder = ({ userWallets, multiWallet, numberOfWalletsToShow, in
     // If a filter has been applied we want to add an offset to the number of wallets
     // to include the installed and last used wallets
     const updatedNumberOfWalletsToShow = showMoreWalletsWithFilter && hasWalletFilter
-        ? calculateWalletOffsetBasedOnInstalledAndLastUsedWallets(orderedInputList, firstPriorityWallets.concat(installedWallets), numberOfWalletsToShow)
+        ? calculateWalletOffsetBasedOnInstalledAndLastUsedWallets(orderedInputList, lastUsedWallets.concat(installedWallets), numberOfWalletsToShow)
         : numberOfWalletsToShow;
     const walletsList = listToDisplay(finalizedWalletList, searchFilter, isWalletConnectList, updatedNumberOfWalletsToShow, hasWalletFilter, loginWithEmail);
     return {
@@ -125,7 +128,11 @@ const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList, reco
         return sortedWalletList;
     }
 };
-const KEEP_WALLETS_NAME_LIST = ['walletconnect', 'bitcoin.com wallet'];
+const KEEP_WALLETS_NAME_LIST = [
+    'walletconnect',
+    'walletconnect sol',
+    'bitcoin.com wallet',
+];
 const applySearchFilterToWalletOptionList = (rawSearchFilter, walletOptionList) => {
     const searchFilter = rawSearchFilter.trim().toLowerCase();
     const cleanName = (name) => {

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.js

@@ -65,8 +65,11 @@ const walletListBuilder = ({ userWallets, multiWallet, numberOfWalletsToShow, in
             walletOptions: walletList,
         });
     }
-    let lastUsedWallet;
     const hasWalletFilter = Boolean(walletsFilter);
+    // This is an array because we might have multiple options with the same key
+    // this happens on WC wallets for different chains, because the WC wallet book entries for all chains
+    // is always in the EVM entry (for historical reasons) and therefore they all share the same EVM entry's key
+    const lastUsedWallets = [];
     const recommendedWalletsList = [];
     const installedWallets = [];
     const otherWallets = [];
@@ -74,13 +77,14 @@ const walletListBuilder = ({ userWallets, multiWallet, numberOfWalletsToShow, in
     const orderedInputList = orderAndFilterList(walletList, walletsFilter, isWalletConnectList, recommendedWalletKeys);
     orderedInputList.forEach((wallet) => {
         if (isEmbeddedConnector(wallet.walletConnector) ||
-            !wallet.walletConnector.isAvailable)
+            !wallet.walletConnector.isAvailable) {
             return;
+        }
         if (recommendedWalletKeys === null || recommendedWalletKeys === void 0 ? void 0 : recommendedWalletKeys.includes(wallet.key)) {
             recommendedWalletsList.push(wallet);
         }
         else if (lastUsedWalletKey === wallet.key) {
-            lastUsedWallet = wallet;
+            lastUsedWallets.push(wallet);
         }
         else if (wallet.isInstalledOnBrowser) {
             installedWallets.push(wallet);
@@ -89,10 +93,9 @@ const walletListBuilder = ({ userWallets, multiWallet, numberOfWalletsToShow, in
             otherWallets.push(wallet);
         }
     });
-    const firstPriorityWallets = [...(lastUsedWallet ? [lastUsedWallet] : [])];
     const initialWalletsList = [
         ...recommendedWalletsList,
-        ...firstPriorityWallets,
+        ...lastUsedWallets,
         ...installedWallets,
         ...otherWallets,
     ];
@@ -102,7 +105,7 @@ const walletListBuilder = ({ userWallets, multiWallet, numberOfWalletsToShow, in
     // If a filter has been applied we want to add an offset to the number of wallets
     // to include the installed and last used wallets
     const updatedNumberOfWalletsToShow = showMoreWalletsWithFilter && hasWalletFilter
-        ? calculateWalletOffsetBasedOnInstalledAndLastUsedWallets(orderedInputList, firstPriorityWallets.concat(installedWallets), numberOfWalletsToShow)
+        ? calculateWalletOffsetBasedOnInstalledAndLastUsedWallets(orderedInputList, lastUsedWallets.concat(installedWallets), numberOfWalletsToShow)
         : numberOfWalletsToShow;
     const walletsList = listToDisplay(finalizedWalletList, searchFilter, isWalletConnectList, updatedNumberOfWalletsToShow, hasWalletFilter, loginWithEmail);
     return {
@@ -121,7 +124,11 @@ const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList, reco
         return sortedWalletList;
     }
 };
-const KEEP_WALLETS_NAME_LIST = ['walletconnect', 'bitcoin.com wallet'];
+const KEEP_WALLETS_NAME_LIST = [
+    'walletconnect',
+    'walletconnect sol',
+    'bitcoin.com wallet',
+];
 const applySearchFilterToWalletOptionList = (rawSearchFilter, walletOptionList) => {
     const searchFilter = rawSearchFilter.trim().toLowerCase();
     const cleanName = (name) => {

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.cjs

@@ -23,7 +23,6 @@ require('../../../../events/dynamicEvents.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../../../store/state/authMode/authMode.cjs');
-var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -34,6 +33,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');
@@ -107,7 +107,7 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 
 const LoginEmailForm = ({ isLoading, onSubmit, onSubmitError, currentEmail, className, style, }) => {
     var _a;
-    const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
+    const projectSettings = useProjectSettings.useProjectSettings();
     const { view, pushView } = ViewContext.useViewContext();
     const { setVerificationUUID, setDisplayedDestination } = VerificationContext.useVerification();
     const { setError } = ErrorContext.useErrorContext();
@@ -148,7 +148,11 @@ const LoginEmailForm = ({ isLoading, onSubmit, onSubmitError, currentEmail, clas
         setVerificationUUID,
         setDisplayedDestination,
     ]);
-    if (!isEmailProviderEnabled.isEmailProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers)) {
+    if (!projectSettings) {
+        logger.logger.debug('Failed to render EmailSignInSection - no project settings');
+        return null;
+    }
+    if (!isEmailProviderEnabled.isEmailProviderEnabled(projectSettings.providers)) {
         logger.logger.error('Failed to render EmailSignInSection - no sign in provider enabled');
         return null;
     }

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.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 { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -30,6 +29,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';
@@ -103,7 +103,7 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 
 const LoginEmailForm = ({ isLoading, onSubmit, onSubmitError, currentEmail, className, style, }) => {
     var _a;
-    const { projectSettings } = useInternalDynamicContext();
+    const projectSettings = useProjectSettings();
     const { view, pushView } = useViewContext();
     const { setVerificationUUID, setDisplayedDestination } = useVerification();
     const { setError } = useErrorContext();
@@ -144,7 +144,11 @@ const LoginEmailForm = ({ isLoading, onSubmit, onSubmitError, currentEmail, clas
         setVerificationUUID,
         setDisplayedDestination,
     ]);
-    if (!isEmailProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers)) {
+    if (!projectSettings) {
+        logger.debug('Failed to render EmailSignInSection - no project settings');
+        return null;
+    }
+    if (!isEmailProviderEnabled(projectSettings.providers)) {
         logger.error('Failed to render EmailSignInSection - no sign in provider enabled');
         return null;
     }

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

@@ -23,7 +23,6 @@ require('../../../../events/dynamicEvents.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../../../store/state/authMode/authMode.cjs');
-var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -38,6 +37,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');
@@ -113,7 +113,7 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 
 const PhoneNumberSignInSection = ({ isLoading, onSubmit, onSubmitError, }) => {
     var _a, _b;
-    const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
+    const projectSettings = useProjectSettings.useProjectSettings();
     const countriesWithVerification = React.useMemo(() => {
         const enabledCountries = getSupportedCountriesForVerificationFromProjectSettings.getSupportedCountriesForVerificationFromProjectSettings(projectSettings);
         // For login, we always want to use only countries with verification supported
@@ -138,6 +138,10 @@ const PhoneNumberSignInSection = ({ isLoading, onSubmit, onSubmitError, }) => {
         phone: phoneData.phone,
         setInvalidNumberMessage,
     });
+    if (!projectSettings) {
+        logger.logger.debug('Failed to render PhoneNumberSignInSection - no project settings');
+        return null;
+    }
     if (!isPhoneNumberProviderEnabled.isPhoneNumberProviderEnabled((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _a !== void 0 ? _a : [])) {
         logger.logger.error('Failed to render PhoneNumberSignInSection - no sign in provider enabled');
         return null;

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));
     }