@dynamic-labs/sdk-react-core 2.0.0-alpha.10 → 2.0.0-alpha.12

package/src/lib/utils/hooks/useEmbeddedWallet/useCoinbaseMPC/useCoinbaseMPC.js

@@ -3,15 +3,13 @@ import { useCallback } from 'react';
 import { PasswordSourceTypeEnum, ChainEnum } from '@dynamic-labs/sdk-api';
 import { isCoinbaseMpcWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { DynamicError } from '@dynamic-labs/utils';
-import { createUserProfile } from '../../../functions/createUserProfile/createUserProfile.js';
 import { findEmbeddedWalletFromVerifiedCredentials } from '../../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
 import '../../../constants/values.js';
 import '@dynamic-labs/multi-wallet';
-import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
+import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import '../../../../context/ViewContext/ViewContext.js';
-import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '../../../constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
@@ -19,11 +17,11 @@ import { generateRandomPassword } from '../../../../shared/utils/functions/gener
 import '../../../../shared/consts/index.js';
 import 'react-international-phone';
 import { getVerifyArgs } from '../../../functions/getVerifyArgs/getVerifyArgs.js';
-import { storeAuthToken } from '../../../functions/storeAuthToken/index.js';
 import 'viem';
 import 'viem/chains';
 import { findCoinbaseMPCWallet } from '../../../functions/findCoinbaseMPCWallet/findCoinbaseMPCWallet.js';
 import { getCoinbaseMPCConnectorFetchers } from '../../../functions/getCoinbaseMPCConnectorFetchers/getCoinbaseMPCConnectorFetchers.js';
+import { updateJWTAndCreateUserProfile } from '../../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import { dynamicEvents } from '../../../../events/dynamicEvents.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
@@ -59,8 +57,8 @@ import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccess
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import 'formik';
 import 'qrcode';
+import 'formik';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
@@ -87,7 +85,7 @@ const useCoinbaseMPC = () => {
         connector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
         setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
         const coinbaseMPCWallet = {
-            address: (yield (connector === null || connector === void 0 ? void 0 : connector.fetchPublicAddress())) || '',
+            address: (yield (connector === null || connector === void 0 ? void 0 : connector.getAddress())) || '',
             authenticated: true,
             chain: (connector === null || connector === void 0 ? void 0 : connector.connectedChain) || '',
             connected: true,
@@ -100,7 +98,7 @@ const useCoinbaseMPC = () => {
         const nonce = consumeNonce();
         if (nonce === undefined)
             throw new DynamicError('Missing nonce');
-        const address = yield connector.fetchPublicAddress();
+        const address = yield connector.getAddress();
         if (!address)
             throw new DynamicError('Missing address');
         const verifyArgs = yield getVerifyArgs({
@@ -116,20 +114,16 @@ const useCoinbaseMPC = () => {
             ? { password, passwordSource: source }
             : {};
         const updatedJwt = yield linkWallet(environmentId, Object.assign(Object.assign(Object.assign({}, passcodeArgs), verifyArgs), { backup: backupCode }), jwt);
-        const decodedJwt = decodeJwt(updatedJwt);
-        if (!updatedJwt || decodedJwt === undefined)
-            throw new DynamicError('Invalid token!');
-        const user = yield createUserProfile(decodedJwt);
+        const user = updateJWTAndCreateUserProfile(updatedJwt);
         const newSelectedCredentialWallet = user.verifiedCredentials.find((cred) => cred.id === user.lastVerifiedCredentialId &&
             cred.format === 'blockchain');
         if (!newSelectedCredentialWallet) {
             throw new DynamicError('No primary wallet found');
         }
         setPrimaryWalletId(newSelectedCredentialWallet.id);
-        storeAuthToken(updatedJwt);
         setUser(user);
-        connector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
-        return newSelectedCredentialWallet.id;
+        connector.setVerifiedCredentials(user.verifiedCredentials);
+        return newSelectedCredentialWallet;
     }), [
         appName,
         consumeNonce,
@@ -148,7 +142,7 @@ const useCoinbaseMPC = () => {
             : PasswordSourceTypeEnum.Dynamic;
         try {
             const backupCode = yield connector.generateWallet(source, initialWalletPassword);
-            const walletId = yield linkCoinbaseMPCWallet({
+            const jwtVerifiedCredential = yield linkCoinbaseMPCWallet({
                 backupCode,
                 connector,
                 jwt,
@@ -156,13 +150,14 @@ const useCoinbaseMPC = () => {
                 source,
             });
             const coinbaseMPCWallet = {
-                address: (yield (connector === null || connector === void 0 ? void 0 : connector.fetchPublicAddress())) || '',
+                address: (yield (connector === null || connector === void 0 ? void 0 : connector.getAddress())) || '',
                 authenticated: true,
                 chain: (connector === null || connector === void 0 ? void 0 : connector.connectedChain) || '',
                 connected: true,
                 connector,
-                id: walletId,
+                id: jwtVerifiedCredential.id,
             };
+            dynamicEvents.emit('embeddedWalletCreated', coinbaseMPCWallet, jwtVerifiedCredential);
             return coinbaseMPCWallet;
         }
         catch (error) {

package/src/lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs

@@ -67,8 +67,8 @@ require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBa
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('formik');
 require('qrcode');
+require('formik');
 require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');

package/src/lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js

@@ -63,8 +63,8 @@ import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBan
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import 'formik';
 import 'qrcode';
+import 'formik';
 import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';

package/src/lib/utils/hooks/useEmbeddedWallet/useTurnkey/useTurnkey.cjs

@@ -60,8 +60,8 @@ require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSucces
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('formik');
 require('qrcode');
+require('formik');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
@@ -148,7 +148,7 @@ const useTurnkey = () => {
         /** It's not authenticated if it still hasn't created a passkey */
         const authenticated = Boolean((_b = embeddedWalletVerifiedCredential.walletProperties) === null || _b === void 0 ? void 0 : _b.isAuthenticatorAttached);
         const passkeyWallet = {
-            address: (yield ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.fetchPublicAddress())) || '',
+            address: (yield ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.getAddress())) || '',
             authenticated,
             chain: ((_d = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _d === void 0 ? void 0 : _d.connectedChain) || '',
             connected: true,

package/src/lib/utils/hooks/useEmbeddedWallet/useTurnkey/useTurnkey.js

@@ -56,8 +56,8 @@ import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccess
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import 'formik';
 import 'qrcode';
+import 'formik';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
@@ -144,7 +144,7 @@ const useTurnkey = () => {
         /** It's not authenticated if it still hasn't created a passkey */
         const authenticated = Boolean((_b = embeddedWalletVerifiedCredential.walletProperties) === null || _b === void 0 ? void 0 : _b.isAuthenticatorAttached);
         const passkeyWallet = {
-            address: (yield ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.fetchPublicAddress())) || '',
+            address: (yield ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.getAddress())) || '',
             authenticated,
             chain: ((_d = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _d === void 0 ? void 0 : _d.connectedChain) || '',
             connected: true,

package/src/lib/utils/hooks/useEmbeddedWalletPassword/useEmbeddedWalletPassword.cjs

@@ -5,30 +5,28 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 require('../../../context/DynamicContext/DynamicContext.cjs');
-var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
-var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('@dynamic-labs/sdk-api');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
-var createUserProfile = require('../../functions/createUserProfile/createUserProfile.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
 require('react-international-phone');
-var index = require('../../functions/storeAuthToken/index.cjs');
 require('viem');
 require('viem/chains');
 var api = require('../../../data/api.cjs');
+var updateJWTAndCreateUserProfile = require('../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
@@ -58,8 +56,8 @@ require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBa
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('formik');
 require('qrcode');
+require('formik');
 require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
@@ -110,15 +108,13 @@ const useEmbeddedWalletPassword = () => {
                 logger.logger.error('Error updating jwt after claiming wallet');
                 return;
             }
-            const updatedJwt = refreshedToken.jwt;
-            const decodedJwt = decodeJwt.decodeJwt(updatedJwt);
-            if (!decodedJwt) {
-                logger.logger.error('Error updating jwt after claiming wallet');
-                return;
+            try {
+                const user = updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(refreshedToken.jwt);
+                setUser(user);
+            }
+            catch (error) {
+                logger.logger.error('Error updating jwt after claiming wallet', error);
             }
-            const user = createUserProfile.createUserProfile(decodedJwt);
-            index.storeAuthToken(updatedJwt);
-            setUser(user);
         }
         catch (error) {
             logger.logger.error('Error claiming wallet', error);

package/src/lib/utils/hooks/useEmbeddedWalletPassword/useEmbeddedWalletPassword.js

@@ -1,30 +1,28 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import '../../../context/DynamicContext/DynamicContext.js';
-import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
-import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';
 import '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
-import '@dynamic-labs/sdk-api';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
-import { createUserProfile } from '../../functions/createUserProfile/createUserProfile.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
 import 'react-international-phone';
-import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
 import 'viem';
 import 'viem/chains';
 import { claimEmbeddedWallet } from '../../../data/api.js';
+import { updateJWTAndCreateUserProfile } from '../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
@@ -54,8 +52,8 @@ import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBan
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import 'formik';
 import 'qrcode';
+import 'formik';
 import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
@@ -106,15 +104,13 @@ const useEmbeddedWalletPassword = () => {
                 logger.error('Error updating jwt after claiming wallet');
                 return;
             }
-            const updatedJwt = refreshedToken.jwt;
-            const decodedJwt = decodeJwt(updatedJwt);
-            if (!decodedJwt) {
-                logger.error('Error updating jwt after claiming wallet');
-                return;
+            try {
+                const user = updateJWTAndCreateUserProfile(refreshedToken.jwt);
+                setUser(user);
+            }
+            catch (error) {
+                logger.error('Error updating jwt after claiming wallet', error);
             }
-            const user = createUserProfile(decodedJwt);
-            storeAuthToken(updatedJwt);
-            setUser(user);
         }
         catch (error) {
             logger.error('Error claiming wallet', error);

package/src/lib/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
 var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
-var logger = require('../../../shared/logger.cjs');
+require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
@@ -16,115 +17,107 @@ var localStorage = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 var localStorage$1 = require('../../../shared/utils/classes/storage/localStorage.cjs');
-var useEffectOnce = require('../../../shared/utils/hooks/useEffectOnce/useEffectOnce.cjs');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../../shared/consts/index.cjs');
 var validators = require('../../../context/DynamicContext/validators/validators.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem');
+require('viem/chains');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../../context/WalletContext/WalletContext.cjs');
+var usePromise = require('../usePromise/usePromise.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('@dynamic-labs/types');
+require('yup');
+require('react-i18next');
+require('../../../context/MockContext/MockContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../context/UserWalletsContext/UserWalletsContext.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/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.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('../../../views/WalletList/WalletList.cjs');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
-const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dynamicContextProps, }) => {
+const useFetchProjectSettings = ({ authToken, environmentId, retries = 2, }) => {
     const [lsSettings, setLsSettings, removeLsSettings] = useLocalStorage.useLocalStorage(localStorage.PROJECT_SETTINGS_STORAGE_KEY, undefined, validators.validateLocalStorageExpiry);
-    const [isLoading, setLoading] = React.useState(false);
-    const [retries, setRetries] = React.useState(0);
     const lsSettingsExists = (lsSettings === null || lsSettings === void 0 ? void 0 : lsSettings.settings) !== undefined ? true : false;
     if (lsSettings &&
         lsSettings.environmentId &&
         lsSettings.environmentId !== environmentId) {
         removeLsSettings();
     }
-    React.useEffect(() => {
-        if (!lsSettingsExists &&
-            !isLoading &&
-            environmentId &&
-            retries < maxRetries) {
-            setLoading(true);
-            // we ReactNode components are not being serialized properly
-            // remove them for now and deal with them later
-            // context: https://linear.app/dynamic-labs/issue/GVTY-328/[starknet]-sdk-api-is-not-serializing-react-components
-            // future work: https://linear.app/dynamic-labs/issue/GVTY-330/bug-figure-out-why-react-components-are-not
-            const updatedDynamicProps = {
-                settings: Object.assign(Object.assign({}, dynamicContextProps.settings), { customPrivacyPolicy: Boolean(dynamicContextProps.settings.customPrivacyPolicy), customTermsOfServices: Boolean(dynamicContextProps.settings.customTermsOfServices), policiesConsentInnerComponent: Boolean(dynamicContextProps.settings.policiesConsentInnerComponent) }),
-            };
-            const serializedEventsCallbacks = serializeEventsCallbacks(updatedDynamicProps.settings.eventsCallbacks);
-            const serializedWalletConnectors = serializeWalletConnectors(updatedDynamicProps.settings.walletConnectors);
-            const serializedDynamicContextProps = Object.assign(Object.assign({}, updatedDynamicProps), { settings: Object.assign(Object.assign({}, updatedDynamicProps.settings), { eventsCallbacks: serializedEventsCallbacks, walletConnectors: serializedWalletConnectors }) });
-            api.sendDynamicProps(environmentId, {
-                dynamicContextProps: serializedDynamicContextProps,
-                frameworkSettings: getFrameworkSettings(),
-            });
-            api.fetchProjectSettings(environmentId)
-                .then((response) => {
-                if (!response)
-                    throw new utils.DynamicError('Settings are not defined');
-                const expiry = new Date().getTime() + 60000 * 5;
-                setLsSettings({
-                    environmentId,
-                    expiry: expiry,
-                    settings: response,
-                });
-            })
-                .catch(() => {
-                setRetries((currentRetries) => currentRetries + 1);
-            })
-                .finally(() => {
-                setLoading(false);
+    const { isLoading } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const settings = yield api.fetchProjectSettings(environmentId);
+        if (!settings)
+            throw new utils.DynamicError('Settings are not defined');
+        return settings;
+    }), {
+        deps: [environmentId],
+        enabled: !lsSettingsExists,
+        onResolve: (projectSettings) => {
+            const expiry = new Date().getTime() + 60000 * 5;
+            setLsSettings({
+                environmentId,
+                expiry: expiry,
+                settings: projectSettings,
             });
-        }
-    }, [environmentId, isLoading, lsSettingsExists, maxRetries, retries]);
-    useEffectOnce.useEffectOnce(() => {
+        },
+        retries,
+    });
+    /**
+     * This useEffect is require to clean up the project settings
+     * from local storage when no token or connect only wallet is
+     * present
+     */
+    React.useEffect(() => {
         const [connectedWalletData] = localStorage$1.LocalStorage.getFromLS(localStorage.CONNECTED_WALLETS_INFO) || [];
         if (!authToken && !connectedWalletData) {
             removeLsSettings();
         }
-    });
+    }, [authToken, removeLsSettings]);
     return {
         isLoading,
         projectSettings: lsSettings === null || lsSettings === void 0 ? void 0 : lsSettings.settings,
-        removeLsSettings,
     };
 };
-const serializeEventsCallbacks = (eventsCallbacks) => {
-    try {
-        if (!eventsCallbacks)
-            return undefined;
-        const eventsCallbackValues = Object.values(eventsCallbacks);
-        const eventsCallbacksKeys = Object.keys(eventsCallbacks);
-        return eventsCallbacksKeys.filter((key, index) => {
-            if (eventsCallbackValues[index] === undefined) {
-                return false;
-            }
-            return key;
-        });
-    }
-    catch (error) {
-        logger.logger.error('error serializing eventsCallbacks', error);
-        return undefined;
-    }
-};
-const serializeWalletConnectors = (walletConnectors) => {
-    try {
-        if (!walletConnectors)
-            return undefined;
-        return walletConnectors.map((connector) => connector.name);
-    }
-    catch (error) {
-        logger.logger.error('error serializing walletConnectors', error);
-        return undefined;
-    }
-};
-const getFrameworkSettings = () => {
-    var _a;
-    return ({
-        nextJs: {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            version: (_a = window.next) === null || _a === void 0 ? void 0 : _a.version,
-        },
-        react: {
-            version: React.version,
-        },
-    });
-};
 
-exports.serializeEventsCallbacks = serializeEventsCallbacks;
-exports.serializeWalletConnectors = serializeWalletConnectors;
 exports.useFetchProjectSettings = useFetchProjectSettings;

package/src/lib/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.d.ts

@@ -1,16 +1,9 @@
-import { WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
-import { DynamicEventsCallbacks } from '../../../shared';
-import { DynamicContextProps } from '../../../context/DynamicContext';
 export type fetchProjectSettingsProps = {
     authToken: string | undefined;
     environmentId: string;
-    maxRetries?: number;
-    dynamicContextProps: Pick<DynamicContextProps, 'settings'>;
+    retries?: number;
 };
-export declare const useFetchProjectSettings: ({ authToken, environmentId, maxRetries, dynamicContextProps, }: fetchProjectSettingsProps) => {
+export declare const useFetchProjectSettings: ({ authToken, environmentId, retries, }: fetchProjectSettingsProps) => {
     isLoading: boolean;
     projectSettings: import("@dynamic-labs/sdk-api").ProjectSettings | undefined;
-    removeLsSettings: () => void;
 };
-export declare const serializeEventsCallbacks: (eventsCallbacks: DynamicEventsCallbacks | undefined) => string[] | undefined;
-export declare const serializeWalletConnectors: (walletConnectors?: WalletConnectorsMethod[]) => string[] | undefined;