@dynamic-labs/sdk-react-core 4.32.1 → 4.33.0

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

@@ -12,7 +12,6 @@ var logger = require('@dynamic-labs/logger');
 var utils = require('@dynamic-labs/utils');
 var walletBook = require('@dynamic-labs/wallet-book');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-var version = require('../../../version.cjs');
 var app = require('../../app.cjs');
 require('@dynamic-labs-sdk/client/core');
 require('@dynamic-labs/sdk-api-core');
@@ -32,18 +31,18 @@ var usePrefetch = require('../../shared/utils/hooks/usePrefetch/usePrefetch.cjs'
 require('../../shared/consts/index.cjs');
 var nonce = require('../../store/state/nonce/nonce.cjs');
 var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
-var projectSettings = require('../../store/state/projectSettings/projectSettings.cjs');
 var settings = require('../../data/api/settings/settings.cjs');
 var locale = require('../../locale/locale.cjs');
 var dynamicContextProps = require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 var primaryWalletId = require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 var connectedWalletsInfo = require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 var getMissingChains = require('../../utils/functions/getMissingChains/getMissingChains.cjs');
-var useSyncProjectSettingsWithVanillaClient = require('../../client/extension/hooks/useSyncProjectSettingsWithVanillaClient/useSyncProjectSettingsWithVanillaClient.cjs');
 var useSyncVerifyResponseWithStorage = require('../../client/extension/hooks/useSyncVerifyResponseWithStorage/useSyncVerifyResponseWithStorage.cjs');
 var dynamicEvents = require('../../events/dynamicEvents.cjs');
 var useOnboardingCompleteUser = require('../../client/extension/user/useOnboardingCompleteUser/useOnboardingCompleteUser.cjs');
 var useUser = require('../../client/extension/user/useUser/useUser.cjs');
+var useProjectSettings = require('../../client/extension/projectSettings/useProjectSettings/useProjectSettings.cjs');
+var useRefetchProjectSettings = require('../../client/extension/projectSettings/useRefetchProjectSettings/useRefetchProjectSettings.cjs');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
@@ -237,44 +236,44 @@ const InnerDynamicContextProvider = (props) => {
     const [qrcodeUri, setQrcodeUri] = React.useState('');
     const [desktopUri, setDesktopUri] = React.useState('');
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState.useMultiWalletWidgetState();
-    const projectSettings$1 = projectSettings.useProjectSettings();
+    const projectSettings = useProjectSettings.useProjectSettings();
+    const refetchProjectSettings = useRefetchProjectSettings.useRefetchProjectSettings();
     // temporary sync project settings with vanilla SDK
-    useSyncProjectSettingsWithVanillaClient.useSyncProjectSettingsWithVanillaClient();
     useSyncVerifyResponseWithStorage.useSyncVerifyResponseWithStorage();
     const serverNetworkConfigurations = useNetworkConfigurationsFromProjectSettings.useNetworkConfigurationsFromProjectSettings({
         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,
+        projectSettings,
         solanaNetworksOverrides: (_d = settings$1.overrides) === null || _d === void 0 ? void 0 : _d.solNetworks,
     });
     useSendDynamicProps.useSendDynamicProps({ environmentId, settings: settings$1 });
     // Console warning for end user safety
     useEndUserWarning.useEndUserWarning({
-        projectSettings: projectSettings$1,
+        projectSettings,
         suppress: suppressEndUserConsoleWarning,
     });
     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,
+        multiWalletSettings: (_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _f === void 0 ? void 0 : _f.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,
+        multiAssetSettings: (_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _h === void 0 ? void 0 : _h.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,
+        showFiatSettings: (_k = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _k === void 0 ? void 0 : _k.showFiat,
     });
     // Used inside useVerifyOnAwaitingSignature. Is legacy and should be removed asap
     const [legacyIsVerifying, setLegacyIsVerifying] = React.useState(false);
     const walletBook$1 = walletBook.useWalletBookCdn();
-    const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.general) || {};
+    const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) || {};
     appLogoUrl = appLogo || appLogoUrl;
     appName = displayName || appName;
-    const [loginWithEmail, setLogInWithEmail, resetLoginWithEmail] = useEmailLoginState.useEmailLoginState((projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.providers) || [], user);
-    const [authorizationViewDisplayOrder, setAuthorizationViewDisplayOrder] = useDisplayOrderState.useDisplayOrderState(projectSettings$1);
-    const showEmbeddedWalletActionsUI = useShowEmbeddedWalletActionsUI.useShowEmbeddedWalletActionsUI(transactionConfirmationSettings, projectSettings$1);
+    const [loginWithEmail, setLogInWithEmail, resetLoginWithEmail] = useEmailLoginState.useEmailLoginState((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || [], user);
+    const [authorizationViewDisplayOrder, setAuthorizationViewDisplayOrder] = useDisplayOrderState.useDisplayOrderState(projectSettings);
+    const showEmbeddedWalletActionsUI = useShowEmbeddedWalletActionsUI.useShowEmbeddedWalletActionsUI(transactionConfirmationSettings, projectSettings);
     const [confirmationModal, walletUiUtils] = useWalletUiUtils.useWalletUiUtils({
         hideEmbeddedWalletTransactionUIs: !showEmbeddedWalletActionsUI,
     });
@@ -286,7 +285,7 @@ const InnerDynamicContextProvider = (props) => {
         flowNetwork,
         mobileExperience,
         networkConfigurations: serverNetworkConfigurations,
-        projectSettings: projectSettings$1,
+        projectSettings,
         useMetamaskSdk,
         walletBook: walletBook$1,
         walletConnectPreferredChains,
@@ -301,7 +300,7 @@ const InnerDynamicContextProvider = (props) => {
         flowNetwork,
         mobileExperience,
         serverNetworkConfigurations,
-        projectSettings$1,
+        projectSettings,
         useMetamaskSdk,
         walletBook$1,
         walletConnectPreferredChains,
@@ -334,19 +333,18 @@ const InnerDynamicContextProvider = (props) => {
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
     useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : userWithMissingInfo, walletConnectorOptions);
-    useSetWalletConnectorFetchers.useSetWalletConnectorFetchers(walletConnectorOptions, environmentId, projectSettings$1);
+    useSetWalletConnectorFetchers.useSetWalletConnectorFetchers(walletConnectorOptions, environmentId, projectSettings);
     const { primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
         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: (_m = (_l = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _l === void 0 ? void 0 : _l.accountAbstraction) === null || _m === void 0 ? void 0 : _m.separateSmartWalletAndSigner,
         setMultiWalletWidgetState,
         user: user || userWithMissingInfo,
         walletConnectorOptions,
     });
     useAutoselectPrimaryWallet.useAutoselectPrimaryWallet(isBridgeFlow);
     const walletConnectors = React.useMemo(() => linkedOrConnectedWallets.map((wallet) => wallet.connector), [linkedOrConnectedWallets]);
-    const { refetchProjectSettings } = projectSettings.useFetchProjectSettings();
     nonce.useFetchNonce({
         shouldFetch: shouldFetchNonce.shouldFetchNonce({ authMode: authMode$1 }),
     });
@@ -404,7 +402,7 @@ const InnerDynamicContextProvider = (props) => {
         nonce: nonce$1,
         primaryWallet,
         primaryWalletId: primaryWalletId$1,
-        projectSettings: projectSettings$1,
+        projectSettings,
         user: user !== null && user !== void 0 ? user : userWithMissingInfo,
         walletBook: walletBook$1,
     });
@@ -558,7 +556,7 @@ const InnerDynamicContextProvider = (props) => {
             primaryWallet,
             primaryWalletId: primaryWalletId$1,
             privacyPolicyUrl,
-            projectSettings: projectSettings$1,
+            projectSettings,
             qrcodeUri,
             recommendedWallets,
             redirectUrl: settings$1.redirectUrl,
@@ -599,7 +597,7 @@ const InnerDynamicContextProvider = (props) => {
             showLockedWalletView,
             showQrcodeModal,
             siweStatement,
-            socialMediaIconUrl: ((_a = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.general) === null || _a === void 0 ? void 0 : _a.supportUrls) || socialMediaIconUrl,
+            socialMediaIconUrl: ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportUrls) || socialMediaIconUrl,
             socialMediaLinkText,
             socialMediaUrl,
             socialProvidersFilter,
@@ -674,7 +672,7 @@ const InnerDynamicContextProvider = (props) => {
         primaryWallet,
         primaryWalletId$1,
         privacyPolicyUrl,
-        projectSettings$1,
+        projectSettings,
         qrcodeUri,
         recommendedWallets,
         refetchProjectSettings,
@@ -731,12 +729,6 @@ const InnerDynamicContextProvider = (props) => {
         id: 'wallet-book',
         type: 'application/json',
     });
-    usePrefetch.usePrefetch({
-        as: 'fetch',
-        href: `${ApiEndpoint.getBaseUrl()}/sdk/${environmentId}/settings?sdkVersion=${encodeURIComponent(`WalletKit/${version.VERSION}`)}`,
-        id: `project-settings-${environmentId}`,
-        type: 'application/json',
-    });
     const initialViewType = useInitialViewType.useInitialViewType({
         bridgeOnboardingCompleted,
         connectedWallets,
@@ -744,7 +736,7 @@ const InnerDynamicContextProvider = (props) => {
         isBridgeFlow,
         isMultiWalletEnabled: multiWallet,
     });
-    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: initialViewType, children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(OnrampContext.OnrampContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(OnrampWidget.OnrampWidget, {}), jsxRuntime.jsx(SyncAuthFlow.SyncAuthFlow, {}), jsxRuntime.jsx(WalletConnectorEvents.WalletConnectorEvents, { connectorProps: connectorProps }), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+    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 === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _q === void 0 ? void 0 : _q.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialViewType: initialViewType, children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(OnrampContext.OnrampContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(OnrampWidget.OnrampWidget, {}), jsxRuntime.jsx(SyncAuthFlow.SyncAuthFlow, {}), jsxRuntime.jsx(WalletConnectorEvents.WalletConnectorEvents, { connectorProps: connectorProps }), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

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

@@ -8,7 +8,6 @@ import { Logger } from '@dynamic-labs/logger';
 import { getEnvVarWithFallback, MissingEnvironmentIdError, StorageService, tracing } from '@dynamic-labs/utils';
 import { useWalletBookCdn, getWalletBookCdnUrl, WalletBookContextProvider } from '@dynamic-labs/wallet-book';
 import { setChainInfoOverrides, isSessionKeyCompatibleWalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { VERSION } from '../../../version.js';
 import { DynamicAuthFlow } from '../../app.js';
 import '@dynamic-labs-sdk/client/core';
 import '@dynamic-labs/sdk-api-core';
@@ -28,18 +27,18 @@ import { usePrefetch } from '../../shared/utils/hooks/usePrefetch/usePrefetch.js
 import '../../shared/consts/index.js';
 import { useFetchNonce, useNonce } from '../../store/state/nonce/nonce.js';
 import ApiEndpoint from '../../config/ApiEndpoint.js';
-import { useProjectSettings, useFetchProjectSettings } from '../../store/state/projectSettings/projectSettings.js';
 import { sendDynamicProps } from '../../data/api/settings/settings.js';
 import { Locale } from '../../locale/locale.js';
 import { useSyncDynamicContextProps } from '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import { usePrimaryWalletId } from '../../store/state/primaryWalletId/primaryWalletId.js';
 import { resetConnectedWalletsInfo } from '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
-import { useSyncProjectSettingsWithVanillaClient } from '../../client/extension/hooks/useSyncProjectSettingsWithVanillaClient/useSyncProjectSettingsWithVanillaClient.js';
 import { useSyncVerifyResponseWithStorage } from '../../client/extension/hooks/useSyncVerifyResponseWithStorage/useSyncVerifyResponseWithStorage.js';
 import { dynamicEvents } from '../../events/dynamicEvents.js';
 import { useOnboardingCompleteUserProfile } from '../../client/extension/user/useOnboardingCompleteUser/useOnboardingCompleteUser.js';
 import { useUserProfile } from '../../client/extension/user/useUser/useUser.js';
+import { useProjectSettings } from '../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
+import { useRefetchProjectSettings } from '../../client/extension/projectSettings/useRefetchProjectSettings/useRefetchProjectSettings.js';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
 import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
@@ -234,8 +233,8 @@ const InnerDynamicContextProvider = (props) => {
     const [desktopUri, setDesktopUri] = useState('');
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState();
     const projectSettings = useProjectSettings();
+    const refetchProjectSettings = useRefetchProjectSettings();
     // temporary sync project settings with vanilla SDK
-    useSyncProjectSettingsWithVanillaClient();
     useSyncVerifyResponseWithStorage();
     const serverNetworkConfigurations = useNetworkConfigurationsFromProjectSettings({
         cosmosNetworkOverrides: (_b = settings.overrides) === null || _b === void 0 ? void 0 : _b.cosmosNetworks,
@@ -342,7 +341,6 @@ const InnerDynamicContextProvider = (props) => {
     });
     useAutoselectPrimaryWallet(isBridgeFlow);
     const walletConnectors = useMemo(() => linkedOrConnectedWallets.map((wallet) => wallet.connector), [linkedOrConnectedWallets]);
-    const { refetchProjectSettings } = useFetchProjectSettings();
     useFetchNonce({
         shouldFetch: shouldFetchNonce({ authMode }),
     });
@@ -727,12 +725,6 @@ const InnerDynamicContextProvider = (props) => {
         id: 'wallet-book',
         type: 'application/json',
     });
-    usePrefetch({
-        as: 'fetch',
-        href: `${ApiEndpoint.getBaseUrl()}/sdk/${environmentId}/settings?sdkVersion=${encodeURIComponent(`WalletKit/${VERSION}`)}`,
-        id: `project-settings-${environmentId}`,
-        type: 'application/json',
-    });
     const initialViewType = useInitialViewType({
         bridgeOnboardingCompleted,
         connectedWallets,

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

@@ -28,7 +28,6 @@ require('../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../events/dynamicEvents.cjs');
-require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../locale/locale.cjs');
 var useDynamicEvents = require('../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
 require('../../DynamicContext.cjs');

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

@@ -24,7 +24,6 @@ import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../events/dynamicEvents.js';
-import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../locale/locale.js';
 import { useInternalDynamicEvents } from '../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
 import '../../DynamicContext.js';

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

@@ -25,7 +25,6 @@ require('../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../events/dynamicEvents.cjs');
-require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');

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

@@ -21,7 +21,6 @@ import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../events/dynamicEvents.js';
-import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';

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

@@ -27,8 +27,8 @@ require('../../../../store/state/nonce/nonce.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 var primaryWalletId = require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 var connectedWalletsInfo = require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+var getClientSessionKeys = require('../../../../utils/functions/clientSessionKeys/getClientSessionKeys.cjs');
 var dynamicEvents = require('../../../../events/dynamicEvents.cjs');
-require('../../../../store/state/projectSettings/projectSettings.cjs');
 var session = require('../../../../data/api/session/session.cjs');
 require('../../../../locale/locale.cjs');
 var authMode = require('../../../../store/state/authMode/authMode.cjs');
@@ -147,6 +147,7 @@ const useHandleLogout = (params) => {
         utils.StorageService.removeItem(localStorage.EXCHANGE_PICKER_SEARCH_KEY);
         utils.StorageService.removeItem(localStorage.PHANTOM_SIGNATURE_STATE);
         utils.StorageService.removeItem(localStorage.AUTH_EXPIRES_AT);
+        getClientSessionKeys.clearClientSessionKeys();
         authMode.setAuthMode(p.initialAuthenticationMode);
         p.setShowAuthFlow(false, {
             emitCancelAuth: false,

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

@@ -23,8 +23,8 @@ import '../../../../store/state/nonce/nonce.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import { resetPrimaryWalletId } from '../../../../store/state/primaryWalletId/primaryWalletId.js';
 import { resetConnectedWalletsInfo } from '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import { clearClientSessionKeys } from '../../../../utils/functions/clientSessionKeys/getClientSessionKeys.js';
 import { dynamicEvents } from '../../../../events/dynamicEvents.js';
-import '../../../../store/state/projectSettings/projectSettings.js';
 import { revokeSession } from '../../../../data/api/session/session.js';
 import '../../../../locale/locale.js';
 import { setAuthMode } from '../../../../store/state/authMode/authMode.js';
@@ -143,6 +143,7 @@ const useHandleLogout = (params) => {
         StorageService.removeItem(EXCHANGE_PICKER_SEARCH_KEY);
         StorageService.removeItem(PHANTOM_SIGNATURE_STATE);
         StorageService.removeItem(AUTH_EXPIRES_AT);
+        clearClientSessionKeys();
         setAuthMode(p.initialAuthenticationMode);
         p.setShowAuthFlow(false, {
             emitCancelAuth: false,

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

@@ -27,7 +27,6 @@ var dynamicContextProps = require('../../../../store/state/dynamicContextProps/d
 var primaryWalletId = require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 var connectedWalletsInfo = require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../../events/dynamicEvents.cjs');
-require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../locale/locale.cjs');
 var wallets = require('../../../../data/api/wallets/wallets.cjs');
 var authMode = require('../../../../store/state/authMode/authMode.cjs');

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

@@ -23,7 +23,6 @@ import { getEnvironmentId } from '../../../../store/state/dynamicContextProps/dy
 import { getPrimaryWalletId } from '../../../../store/state/primaryWalletId/primaryWalletId.js';
 import { useConnectedWalletsInfo, setConnectedWalletsInfo } from '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../../events/dynamicEvents.js';
-import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../locale/locale.js';
 import { unlinkWallet } from '../../../../data/api/wallets/wallets.js';
 import { getAuthMode } from '../../../../store/state/authMode/authMode.js';

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

@@ -25,7 +25,6 @@ require('@dynamic-labs-sdk/client/core');
 require('../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../config/ApiEndpoint.cjs');
-require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');

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

@@ -21,7 +21,6 @@ import '@dynamic-labs-sdk/client/core';
 import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
-import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';

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

@@ -30,7 +30,6 @@ require('../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../events/dynamicEvents.cjs');
-require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');

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

@@ -26,7 +26,6 @@ import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../events/dynamicEvents.js';
-import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';

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

@@ -16,10 +16,23 @@ require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
 require('../../../shared/consts/index.cjs');
 var isAuthenticatedWithAWallet = require('../../../utils/functions/isAuthenticatedWithAWallet/isAuthenticatedWithAWallet.cjs');
-var projectSettings = require('../../../store/state/projectSettings/projectSettings.cjs');
+require('@dynamic-labs-sdk/client/core');
+require('../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../store/state/nonce/nonce.cjs');
+require('../../../locale/locale.cjs');
+require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+require('../../../events/dynamicEvents.cjs');
+var useProjectSettings = require('../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.cjs');
 var isExpectingEmbeddedWallet = require('./isExpectingEmbeddedWallet/isExpectingEmbeddedWallet.cjs');
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, user, isAuthenticated, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess }, handleLogOut, primaryWallet, user, isAuthenticated, }) => {
     const [callbackQueue, setCallbackQueue] = React.useState([]);
     const handleNextCallback = React.useCallback((next, user) => {
         if ((next === null || next === void 0 ? void 0 : next.callback) !== 'authSuccess')
@@ -36,9 +49,9 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
             logger.logger.error('Error calling onAuthSuccess: ', e);
         }
     }, [handleLogOut, isAuthenticated, onAuthSuccess, primaryWallet]);
-    const projectSettings$1 = projectSettings.useProjectSettings();
+    const projectSettings = useProjectSettings.useProjectSettings();
     React.useEffect(() => {
-        if (!callbackQueue.length || !user || !projectSettings$1)
+        if (!callbackQueue.length || !user || !projectSettings)
             return;
         // checks if user logged in with a wallet, so we need to wait
         // for the primary wallet state to be set
@@ -49,7 +62,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
         }
         // For embedded wallets, when auto creating wallets, it will take a while
         // before the wallet is available, so we need to wait
-        if (isExpectingEmbeddedWallet.isExpectingEmbeddedWallet(projectSettings$1) && !primaryWallet) {
+        if (isExpectingEmbeddedWallet.isExpectingEmbeddedWallet(projectSettings) && !primaryWallet) {
             return;
         }
         handleNextCallback(callbackQueue[0], user);
@@ -61,7 +74,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
             }
             return updatedQueue;
         });
-    }, [callbackQueue, handleNextCallback, primaryWallet, projectSettings$1, user]);
+    }, [callbackQueue, handleNextCallback, primaryWallet, projectSettings, user]);
     const setCallback = React.useCallback((callback, params) => {
         setCallbackQueue((prev) => [...prev, { callback, params }]);
     }, []);

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

@@ -1,4 +1,4 @@
 import { SetCallbackType, UseCustomerCallbacksArgs } from './types';
-export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, user, isAuthenticated, }: UseCustomerCallbacksArgs) => {
+export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess }, handleLogOut, primaryWallet, user, isAuthenticated, }: UseCustomerCallbacksArgs) => {
     setCallback: SetCallbackType;
 };

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

@@ -12,10 +12,23 @@ import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
 import '../../../shared/consts/index.js';
 import { isAuthenticatedWithAWallet } from '../../../utils/functions/isAuthenticatedWithAWallet/isAuthenticatedWithAWallet.js';
-import { useProjectSettings } from '../../../store/state/projectSettings/projectSettings.js';
+import '@dynamic-labs-sdk/client/core';
+import '../../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../../config/ApiEndpoint.js';
+import '../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../store/state/nonce/nonce.js';
+import '../../../locale/locale.js';
+import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import '../../../events/dynamicEvents.js';
+import { useProjectSettings } from '../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
 import { isExpectingEmbeddedWallet } from './isExpectingEmbeddedWallet/isExpectingEmbeddedWallet.js';
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, user, isAuthenticated, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess }, handleLogOut, primaryWallet, user, isAuthenticated, }) => {
     const [callbackQueue, setCallbackQueue] = useState([]);
     const handleNextCallback = useCallback((next, user) => {
         if ((next === null || next === void 0 ? void 0 : next.callback) !== 'authSuccess')

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

@@ -29,7 +29,6 @@ require('@dynamic-labs-sdk/client/core');
 require('../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../config/ApiEndpoint.cjs');
-require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');

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

@@ -25,7 +25,6 @@ import '@dynamic-labs-sdk/client/core';
 import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
-import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';

package/src/lib/context/LoadingContext/LoadingContext.cjs

@@ -30,7 +30,6 @@ require('../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../config/ApiEndpoint.cjs');
 require('../../events/dynamicEvents.cjs');
-require('../../store/state/projectSettings/projectSettings.cjs');
 require('../../locale/locale.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');

package/src/lib/context/LoadingContext/LoadingContext.js

@@ -26,7 +26,6 @@ import '../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../config/ApiEndpoint.js';
 import '../../events/dynamicEvents.js';
-import '../../store/state/projectSettings/projectSettings.js';
 import '../../locale/locale.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';

package/src/lib/context/MockContext/MockContext.cjs

@@ -34,7 +34,6 @@ require('@dynamic-labs-sdk/client/core');
 require('../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../config/ApiEndpoint.cjs');
-require('../../store/state/projectSettings/projectSettings.cjs');
 require('../../locale/locale.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');

package/src/lib/context/MockContext/MockContext.js

@@ -30,7 +30,6 @@ import '@dynamic-labs-sdk/client/core';
 import '../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../config/ApiEndpoint.js';
-import '../../store/state/projectSettings/projectSettings.js';
 import '../../locale/locale.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';

package/src/lib/context/OnrampContext/OnrampContext.cjs

@@ -29,7 +29,6 @@ require('@dynamic-labs-sdk/client/core');
 require('../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../config/ApiEndpoint.cjs');
-require('../../store/state/projectSettings/projectSettings.cjs');
 require('../../locale/locale.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
@@ -116,6 +115,7 @@ const OnrampContextProvider = ({ children, }) => {
     const [overrideOnrampProvider, setOverrideOnrampProvider] = React.useState(undefined);
     const { environmentId, network, primaryWallet, projectSettings, overrides } = useInternalDynamicContext.useInternalDynamicContext();
     const [enabledOnrampProvidersTarget, setEnabledOnrampProvidersTarget] = React.useState({});
+    const [shouldFetchOnramps, setShouldFetchOnramps] = React.useState(false);
     const setShowOnramp = React.useCallback((value) => {
         _setShowOnramp(value);
         if (!value && promiseRef.current) {
@@ -130,6 +130,10 @@ const OnrampContextProvider = ({ children, }) => {
             token,
             tokenAmount,
         });
+        // Trigger fetch when target is set with specific parameters
+        if (address || token || network || tokenAmount || chainName) {
+            setShouldFetchOnramps(true);
+        }
     }, []);
     const resetOverrides = React.useCallback(() => {
         setOverrideOnrampProvider(undefined);
@@ -141,6 +145,7 @@ const OnrampContextProvider = ({ children, }) => {
         network,
         primaryWallet,
         projectSettingsOnramps: (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.funding) === null || _b === void 0 ? void 0 : _b.onramps,
+        shouldFetch: shouldFetchOnramps,
         target: enabledOnrampProvidersTarget,
     });
     const enabledOnrampProvidersInDashboardOptions = React.useMemo(() => enabledOnrampProvidersInDashboard.map((provider) => onrampConfigurationToOnrampOption.onrampConfigurationToOnrampOption(provider)), 
@@ -207,6 +212,10 @@ const OnrampContextProvider = ({ children, }) => {
             return promiseRef.current.promise;
         }
         promiseRef.current = new utils.DeferredPromise();
+        // Trigger onramp providers fetch if not already done
+        if (!shouldFetchOnramps) {
+            setShouldFetchOnramps(true);
+        }
         let localOnrampProviders = enabledOnrampProvidersInDashboardOptions;
         const networkToUse = networkOverride || network;
         const shouldOverrideOnrampProviders = overrideOnRamp ||
@@ -255,6 +264,7 @@ const OnrampContextProvider = ({ children, }) => {
         network,
         setOverride,
         setSelectedAndShowOnramp,
+        shouldFetchOnramps,
     ]);
     const selectedOnramp = React.useMemo(() => {
         let selected;