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

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

@@ -1,8 +1,9 @@
-import { useState, useEffect, version } from 'react';
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useEffect } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
-import { sendDynamicProps, fetchProjectSettings } from '../../../data/api.js';
+import { fetchProjectSettings } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
-import { logger } from '../../../shared/logger.js';
+import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
@@ -12,113 +13,107 @@ import { PROJECT_SETTINGS_STORAGE_KEY, CONNECTED_WALLETS_INFO } from '../../cons
 import '../../constants/colors.js';
 import '../../constants/values.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
-import { useEffectOnce } from '../../../shared/utils/hooks/useEffectOnce/useEffectOnce.js';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../shared/consts/index.js';
 import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators/validators.js';
+import '../../../events/dynamicEvents.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import 'viem';
+import 'viem/chains';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../../context/WalletContext/WalletContext.js';
+import { usePromise } from '../usePromise/usePromise.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '@dynamic-labs/types';
+import 'yup';
+import 'react-i18next';
+import '../../../context/MockContext/MockContext.js';
+import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../components/Alert/Alert.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../../../views/WalletList/WalletList.js';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../config/ApiEndpoint.js';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
-const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dynamicContextProps, }) => {
+const useFetchProjectSettings = ({ authToken, environmentId, retries = 2, }) => {
     const [lsSettings, setLsSettings, removeLsSettings] = useLocalStorage(PROJECT_SETTINGS_STORAGE_KEY, undefined, validateLocalStorageExpiry);
-    const [isLoading, setLoading] = useState(false);
-    const [retries, setRetries] = useState(0);
     const lsSettingsExists = (lsSettings === null || lsSettings === void 0 ? void 0 : lsSettings.settings) !== undefined ? true : false;
     if (lsSettings &&
         lsSettings.environmentId &&
         lsSettings.environmentId !== environmentId) {
         removeLsSettings();
     }
-    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 }) });
-            sendDynamicProps(environmentId, {
-                dynamicContextProps: serializedDynamicContextProps,
-                frameworkSettings: getFrameworkSettings(),
-            });
-            fetchProjectSettings(environmentId)
-                .then((response) => {
-                if (!response)
-                    throw new 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(() => __awaiter(void 0, void 0, void 0, function* () {
+        const settings = yield fetchProjectSettings(environmentId);
+        if (!settings)
+            throw new 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(() => {
+        },
+        retries,
+    });
+    /**
+     * This useEffect is require to clean up the project settings
+     * from local storage when no token or connect only wallet is
+     * present
+     */
+    useEffect(() => {
         const [connectedWalletData] = LocalStorage.getFromLS(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.error('error serializing eventsCallbacks', error);
-        return undefined;
-    }
-};
-const serializeWalletConnectors = (walletConnectors) => {
-    try {
-        if (!walletConnectors)
-            return undefined;
-        return walletConnectors.map((connector) => connector.name);
-    }
-    catch (error) {
-        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,
-        },
-    });
-};
 
-export { serializeEventsCallbacks, serializeWalletConnectors, useFetchProjectSettings };
+export { useFetchProjectSettings };

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

@@ -54,8 +54,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/useHandleWalletsToConnect/useHandleWalletsToConnect.js

@@ -50,8 +50,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/useInitEmbeddedWalletAuthMethod/useInitEmbeddedWalletAuthMethod.cjs

@@ -20,14 +20,13 @@ 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');
 require('react-international-phone');
-var index = require('../../functions/storeAuthToken/index.cjs');
 require('viem');
 require('viem/chains');
 var getEOAWallet = require('../../functions/getEOAWallet/getEOAWallet.cjs');
 require('../../../config/ApiEndpoint.cjs');
+var updateJWTAndCreateUserProfile = require('../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
@@ -59,8 +58,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');
@@ -108,9 +107,8 @@ const useInitEmbeddedWalletAuthMethod = () => {
                 userEmail: (user === null || user === void 0 ? void 0 : user.email) || '',
                 wallet,
             });
-            if (result && result.jwt && result.decodedJwt) {
-                index.storeAuthToken(result.jwt);
-                setUser(createUserProfile.createUserProfile(result.decodedJwt));
+            if (result && result.jwt) {
+                setUser(updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(result.jwt));
             }
             if (showEmailBundle) {
                 setView('passkey-recovery-bundle', {

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

@@ -16,14 +16,13 @@ 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 'react-international-phone';
-import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
 import 'viem';
 import 'viem/chains';
 import { getEOAWallet } from '../../functions/getEOAWallet/getEOAWallet.js';
 import '../../../config/ApiEndpoint.js';
+import { updateJWTAndCreateUserProfile } from '../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
@@ -55,8 +54,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';
@@ -104,9 +103,8 @@ const useInitEmbeddedWalletAuthMethod = () => {
                 userEmail: (user === null || user === void 0 ? void 0 : user.email) || '',
                 wallet,
             });
-            if (result && result.jwt && result.decodedJwt) {
-                storeAuthToken(result.jwt);
-                setUser(createUserProfile(result.decodedJwt));
+            if (result && result.jwt) {
+                setUser(updateJWTAndCreateUserProfile(result.jwt));
             }
             if (showEmailBundle) {
                 setView('passkey-recovery-bundle', {

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

@@ -55,8 +55,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/useIsLoggedIn/useIsLoggedIn.js

@@ -51,8 +51,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/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs

@@ -55,8 +55,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/useIsTurnkeyWallet/useIsTurnkeyWallet.js

@@ -51,8 +51,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/useKYCFlag/useKYCFlag.cjs

@@ -57,8 +57,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/useKYCFlag/useKYCFlag.js

@@ -53,8 +53,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/useNetworkDataFromWallet/useNetworkDataFromWallet.cjs

@@ -55,8 +55,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/useNetworkDataFromWallet/useNetworkDataFromWallet.js

@@ -51,8 +51,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/useOnlyConnectedMode/useOnlyConnectedMode.cjs

@@ -54,8 +54,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/useOnlyConnectedMode/useOnlyConnectedMode.js

@@ -50,8 +50,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/usePasskeyRecovery/usePasskeyRecovery.cjs

@@ -20,17 +20,16 @@ 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 isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
-var index = require('../../functions/storeAuthToken/index.cjs');
 var getEnabledEmbeddedWalletsAuthenticators = require('../../functions/getEnabledEmbeddedWalletsAuthenticators/getEnabledEmbeddedWalletsAuthenticators.cjs');
 require('viem');
 require('viem/chains');
 var getEOAWallet = require('../../functions/getEOAWallet/getEOAWallet.cjs');
 require('../../../config/ApiEndpoint.cjs');
+var updateJWTAndCreateUserProfile = require('../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
@@ -65,9 +64,9 @@ require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBa
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('formik');
-require('qrcode');
 require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
@@ -115,14 +114,13 @@ const usePasskeyRecovery = () => {
         // email auth - session is still up, so create passkey authenticator usign the same session
         if (authenticatorType === 'passkey' &&
             turnkeyRecoveryHandler.isSessionActive()) {
-            const { jwt, decodedJwt } = yield passkeyRecovery.addNewPasskeyAuthenticator({
+            const { jwt } = yield passkeyRecovery.addNewPasskeyAuthenticator({
                 authToken,
                 environmentId,
                 userEmail: user === null || user === void 0 ? void 0 : user.email,
                 wallet,
             });
-            index.storeAuthToken(jwt);
-            setUser(createUserProfile.createUserProfile(decodedJwt));
+            setUser(updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(jwt));
             setShowAuthFlow(false);
             return wallet;
         }

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

@@ -16,17 +16,16 @@ 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 { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
-import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
 import { getEnabledEmbeddedWalletsAuthenticators } from '../../functions/getEnabledEmbeddedWalletsAuthenticators/getEnabledEmbeddedWalletsAuthenticators.js';
 import 'viem';
 import 'viem/chains';
 import { getEOAWallet } from '../../functions/getEOAWallet/getEOAWallet.js';
 import '../../../config/ApiEndpoint.js';
+import { updateJWTAndCreateUserProfile } from '../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
@@ -61,9 +60,9 @@ import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBan
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import '../../../context/WalletContext/WalletContext.js';
 import 'formik';
-import 'qrcode';
 import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
@@ -111,14 +110,13 @@ const usePasskeyRecovery = () => {
         // email auth - session is still up, so create passkey authenticator usign the same session
         if (authenticatorType === 'passkey' &&
             turnkeyRecoveryHandler.isSessionActive()) {
-            const { jwt, decodedJwt } = yield addNewPasskeyAuthenticator({
+            const { jwt } = yield addNewPasskeyAuthenticator({
                 authToken,
                 environmentId,
                 userEmail: user === null || user === void 0 ? void 0 : user.email,
                 wallet,
             });
-            storeAuthToken(jwt);
-            setUser(createUserProfile(decodedJwt));
+            setUser(updateJWTAndCreateUserProfile(jwt));
             setShowAuthFlow(false);
             return wallet;
         }

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

@@ -54,7 +54,7 @@ const usePromise = (fetcher, options) => {
     const { deps = [], initialData = undefined, enabled = true, retries = 0, onReject = () => { }, onResolve = () => { }, } = options || {};
     const [state, dispatch] = React.useReducer(createReducer.createReducer(), {
         data: initialData,
-        isLoading: true,
+        isLoading: enabled,
     });
     const callback = React.useCallback(() => {
         const callTimestamp = new Date().getTime();

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

@@ -50,7 +50,7 @@ const usePromise = (fetcher, options) => {
     const { deps = [], initialData = undefined, enabled = true, retries = 0, onReject = () => { }, onResolve = () => { }, } = options || {};
     const [state, dispatch] = useReducer(createReducer(), {
         data: initialData,
-        isLoading: true,
+        isLoading: enabled,
     });
     const callback = useCallback(() => {
         const callTimestamp = new Date().getTime();

package/src/lib/utils/hooks/useSendDynamicProps/index.d.ts

@@ -0,0 +1 @@
+export { useSendDynamicProps } from './useSendDynamicProps';

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

@@ -0,0 +1,84 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+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');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+var useEffectOnce = require('../../../shared/utils/hooks/useEffectOnce/useEffectOnce.cjs');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+var api = require('../../../data/api.cjs');
+
+const useSendDynamicProps = ({ settings, environmentId, }) => {
+    useEffectOnce.useEffectOnce(() => {
+        // 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({}, settings), { customPrivacyPolicy: Boolean(settings.customPrivacyPolicy), customTermsOfServices: Boolean(settings.customTermsOfServices), policiesConsentInnerComponent: Boolean(settings.policiesConsentInnerComponent) }),
+        };
+        const serializedEventsCallbacks = serializeEventsCallbacks(settings.eventsCallbacks);
+        const serializedWalletConnectors = serializeWalletConnectors(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(),
+        });
+    });
+};
+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.useSendDynamicProps = useSendDynamicProps;