@dynamic-labs/sdk-react-core 3.0.0-alpha.32 → 3.0.0-alpha.34

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

@@ -121,7 +121,36 @@ const useExternalAuth = () => {
             throw e;
         }
     }), [environmentId, setCallback, setShowAuthFlow]);
-    return React.useMemo(() => ({ signInWithExternalJwt }), [signInWithExternalJwt]);
+    /**
+     * Uses a properly-configured non-Dynamic external JWT and user ID to verify the user in Dynamic.
+     * When successful, this should verify the user's access to Dynamic's functionality
+     * available to only signed-in users, such as wallet linking, etc.
+     *
+     * @param {string} props.externalJwt - JWT issued outside of Dynamic
+     * @param {string} props.externalUserId - User ID to identify the user outside of Dynamic
+     *
+     * @returns {UserProfile} - User profile for successfully verified user
+     */
+    const verifyWithExternalJwt = React.useCallback((_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ externalUserId, externalJwt, }) {
+        try {
+            const userProfile = yield externalAuth.externalAuthVerify({
+                environmentId,
+                externalJwt,
+            });
+            setCallback('authSuccess');
+            setShowAuthFlow(false);
+            return userProfile;
+        }
+        catch (e) {
+            dynamicEvents.dynamicEvents.emit('authFailure', {
+                externalUserId,
+                option: externalUserId,
+                type: 'externalAuth',
+            }, { error: e });
+            throw e;
+        }
+    }), [environmentId, setCallback, setShowAuthFlow]);
+    return React.useMemo(() => ({ signInWithExternalJwt, verifyWithExternalJwt }), [signInWithExternalJwt, verifyWithExternalJwt]);
 };
 
 exports.useExternalAuth = useExternalAuth;

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

@@ -5,5 +5,6 @@ type Props = {
 };
 export declare const useExternalAuth: () => {
     signInWithExternalJwt: ({ externalUserId, externalJwt, }: Props) => Promise<UserProfile | undefined>;
+    verifyWithExternalJwt: ({ externalUserId, externalJwt, }: Props) => Promise<UserProfile | undefined>;
 };
 export {};

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

@@ -84,7 +84,7 @@ import '../../../context/SendBalanceContext/SendBalanceContext.js';
 import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../context/ConnectWithOtpContext/constants.js';
 import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
-import { externalAuthSignin } from '../../../data/api/externalAuth/externalAuth.js';
+import { externalAuthSignin, externalAuthVerify } from '../../../data/api/externalAuth/externalAuth.js';
 
 const useExternalAuth = () => {
     const { environmentId, setShowAuthFlow, setCallback } = useInternalDynamicContext();
@@ -117,7 +117,36 @@ const useExternalAuth = () => {
             throw e;
         }
     }), [environmentId, setCallback, setShowAuthFlow]);
-    return useMemo(() => ({ signInWithExternalJwt }), [signInWithExternalJwt]);
+    /**
+     * Uses a properly-configured non-Dynamic external JWT and user ID to verify the user in Dynamic.
+     * When successful, this should verify the user's access to Dynamic's functionality
+     * available to only signed-in users, such as wallet linking, etc.
+     *
+     * @param {string} props.externalJwt - JWT issued outside of Dynamic
+     * @param {string} props.externalUserId - User ID to identify the user outside of Dynamic
+     *
+     * @returns {UserProfile} - User profile for successfully verified user
+     */
+    const verifyWithExternalJwt = useCallback((_b) => __awaiter(void 0, [_b], void 0, function* ({ externalUserId, externalJwt, }) {
+        try {
+            const userProfile = yield externalAuthVerify({
+                environmentId,
+                externalJwt,
+            });
+            setCallback('authSuccess');
+            setShowAuthFlow(false);
+            return userProfile;
+        }
+        catch (e) {
+            dynamicEvents.emit('authFailure', {
+                externalUserId,
+                option: externalUserId,
+                type: 'externalAuth',
+            }, { error: e });
+            throw e;
+        }
+    }), [environmentId, setCallback, setShowAuthFlow]);
+    return useMemo(() => ({ signInWithExternalJwt, verifyWithExternalJwt }), [signInWithExternalJwt, verifyWithExternalJwt]);
 };
 
 export { useExternalAuth };

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

@@ -4,8 +4,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
-var React = require('react');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+require('react');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -19,7 +19,7 @@ require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../shared/utils/classes/storage/sessionStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
-require('../../../events/dynamicEvents.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 var errors = require('../../constants/errors.cjs');
@@ -92,24 +92,11 @@ require('../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
-// WARNING: this listeners object is a hack and will be removed soon
-// it is added to help integrate mfa into the invites flow in dashboard
-// the clean solution is to export our views properly as full React components
-// which will allow us to run the function that we pass to `onMfaCompleteOnce`
-// ourselves
-const listeners = {
-    onMfaCompleteOnce: undefined,
-};
-const useMfa = ({ onMfaCompleteOnce, } = {}) => {
-    React.useEffect(() => {
-        if (onMfaCompleteOnce && !listeners.onMfaCompleteOnce) {
-            listeners.onMfaCompleteOnce = onMfaCompleteOnce;
-        }
-    }, [onMfaCompleteOnce]);
+const useMfa = () => {
     const { completeAuth } = useUserAuth.useUserAuth({});
     const { setDeviceSettings } = MfaSettingsContext.useMfaSettingsContext();
-    const { user, unauthenticatedUser, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
-    const verifiedUser = user || unauthenticatedUser;
+    const { user, userWithMissingInfo, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
+    const verifiedUser = user || userWithMissingInfo;
     const getUserDevices = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!verifiedUser) {
             throw new Error(errors.USER_NOT_LOGGED_IN);
@@ -147,7 +134,6 @@ const useMfa = ({ onMfaCompleteOnce, } = {}) => {
         return { id, secret, uri };
     });
     const authDevice = (code_1, ...args_2) => _tslib.__awaiter(void 0, [code_1, ...args_2], void 0, function* (code, type = sdkApiCore.MFADeviceType.Totp) {
-        var _a;
         try {
             if (!verifiedUser) {
                 throw new Error(errors.USER_NOT_LOGGED_IN);
@@ -158,7 +144,6 @@ const useMfa = ({ onMfaCompleteOnce, } = {}) => {
                     isValid = true;
                 }),
                 updateJwtFunction: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-                    var _b;
                     const response = yield mfa.authMfaDevice({
                         code,
                         createMfaToken: {
@@ -167,9 +152,9 @@ const useMfa = ({ onMfaCompleteOnce, } = {}) => {
                         environmentId,
                         type,
                     });
-                    yield ((_b = listeners.onMfaCompleteOnce) === null || _b === void 0 ? void 0 : _b.call(listeners, {
+                    dynamicEvents.dynamicEvents.emit('mfaCompletionSuccess', {
                         mfaToken: response.mfaToken,
-                    }));
+                    });
                     return {
                         isEmailVerificationRequired: false,
                         isSmsVerificationRequired: false,
@@ -182,14 +167,9 @@ const useMfa = ({ onMfaCompleteOnce, } = {}) => {
             return isValid;
         }
         catch (error) {
-            yield ((_a = listeners.onMfaCompleteOnce) === null || _a === void 0 ? void 0 : _a.call(listeners, undefined, error));
+            dynamicEvents.dynamicEvents.emit('mfaCompletionFailure', { error });
             throw error;
         }
-        finally {
-            if (listeners.onMfaCompleteOnce) {
-                listeners.onMfaCompleteOnce = undefined;
-            }
-        }
     });
     const authRecoveryCode = (code) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!verifiedUser) {

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

@@ -1,10 +1,5 @@
 import { MFADevice, MFADeviceType } from '@dynamic-labs/sdk-api-core';
-type OnMfaComplete = (result: {
-    mfaToken?: string;
-} | undefined, err?: Error | null) => Promise<void> | void;
-export declare const useMfa: ({ onMfaCompleteOnce, }?: {
-    onMfaCompleteOnce?: OnMfaComplete;
-}) => {
+export declare const useMfa: () => {
     readonly addDevice: (type?: MFADeviceType) => Promise<{
         id: string;
         secret: string;
@@ -18,4 +13,3 @@ export declare const useMfa: ({ onMfaCompleteOnce, }?: {
     readonly updateUserDevice: (deviceId: string) => Promise<void>;
     readonly verifyDevice: (code: string, type?: MFADeviceType) => Promise<MFADevice>;
 };
-export {};

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useEffect } from 'react';
 import { MFADeviceType } from '@dynamic-labs/sdk-api-core';
+import 'react';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -15,7 +15,7 @@ import '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../shared/utils/classes/storage/sessionStorage.js';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
-import '../../../events/dynamicEvents.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import { USER_NOT_LOGGED_IN } from '../../constants/errors.js';
@@ -88,24 +88,11 @@ import '../../../context/ConnectWithOtpContext/constants.js';
 import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
-// WARNING: this listeners object is a hack and will be removed soon
-// it is added to help integrate mfa into the invites flow in dashboard
-// the clean solution is to export our views properly as full React components
-// which will allow us to run the function that we pass to `onMfaCompleteOnce`
-// ourselves
-const listeners = {
-    onMfaCompleteOnce: undefined,
-};
-const useMfa = ({ onMfaCompleteOnce, } = {}) => {
-    useEffect(() => {
-        if (onMfaCompleteOnce && !listeners.onMfaCompleteOnce) {
-            listeners.onMfaCompleteOnce = onMfaCompleteOnce;
-        }
-    }, [onMfaCompleteOnce]);
+const useMfa = () => {
     const { completeAuth } = useUserAuth({});
     const { setDeviceSettings } = useMfaSettingsContext();
-    const { user, unauthenticatedUser, environmentId } = useInternalDynamicContext();
-    const verifiedUser = user || unauthenticatedUser;
+    const { user, userWithMissingInfo, environmentId } = useInternalDynamicContext();
+    const verifiedUser = user || userWithMissingInfo;
     const getUserDevices = () => __awaiter(void 0, void 0, void 0, function* () {
         if (!verifiedUser) {
             throw new Error(USER_NOT_LOGGED_IN);
@@ -143,7 +130,6 @@ const useMfa = ({ onMfaCompleteOnce, } = {}) => {
         return { id, secret, uri };
     });
     const authDevice = (code_1, ...args_2) => __awaiter(void 0, [code_1, ...args_2], void 0, function* (code, type = MFADeviceType.Totp) {
-        var _a;
         try {
             if (!verifiedUser) {
                 throw new Error(USER_NOT_LOGGED_IN);
@@ -154,7 +140,6 @@ const useMfa = ({ onMfaCompleteOnce, } = {}) => {
                     isValid = true;
                 }),
                 updateJwtFunction: () => __awaiter(void 0, void 0, void 0, function* () {
-                    var _b;
                     const response = yield authMfaDevice({
                         code,
                         createMfaToken: {
@@ -163,9 +148,9 @@ const useMfa = ({ onMfaCompleteOnce, } = {}) => {
                         environmentId,
                         type,
                     });
-                    yield ((_b = listeners.onMfaCompleteOnce) === null || _b === void 0 ? void 0 : _b.call(listeners, {
+                    dynamicEvents.emit('mfaCompletionSuccess', {
                         mfaToken: response.mfaToken,
-                    }));
+                    });
                     return {
                         isEmailVerificationRequired: false,
                         isSmsVerificationRequired: false,
@@ -178,14 +163,9 @@ const useMfa = ({ onMfaCompleteOnce, } = {}) => {
             return isValid;
         }
         catch (error) {
-            yield ((_a = listeners.onMfaCompleteOnce) === null || _a === void 0 ? void 0 : _a.call(listeners, undefined, error));
+            dynamicEvents.emit('mfaCompletionFailure', { error });
             throw error;
         }
-        finally {
-            if (listeners.onMfaCompleteOnce) {
-                listeners.onMfaCompleteOnce = undefined;
-            }
-        }
     });
     const authRecoveryCode = (code) => __awaiter(void 0, void 0, void 0, function* () {
         if (!verifiedUser) {

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

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

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

@@ -0,0 +1,143 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+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');
+require('../../../shared/utils/classes/storage/sessionStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../config/ApiEndpoint.cjs');
+var userActions = require('../../../store/actions/userActions/userActions.cjs');
+require('../../../locale/locale.cjs');
+var user = require('../../../data/api/user/user.cjs');
+var isCookieEnabled = require('../../functions/isCookieEnabled/isCookieEnabled.cjs');
+require('@dynamic-labs/store');
+require('../../../events/dynamicEvents.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('yup');
+require('../../../context/MockContext/MockContext.cjs');
+require('../../../views/CollectUserDataView/useFields.cjs');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('react-i18next');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../components/Alert/Alert.cjs');
+require('../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/Input/Input.cjs');
+require('../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/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('@hcaptcha/react-hcaptcha');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../polyfills.cjs');
+require('../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../context/FundingContext/FundingContext.cjs');
+require('../../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../context/ConnectWithOtpContext/constants.cjs');
+require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+
+const useResetCookieLocalStorage = ({ environmentId, projectSettings, setPrimaryWalletId, }) => {
+    const didRefreshUserRef = React.useRef(false);
+    const user$1 = userActions.getUser();
+    /**
+     * run this effect every time the user or project settings change
+     * but not when the process was already done.
+     */
+    React.useEffect(() => {
+        /**
+         * this method is called on refresh of DynamicContext and attempts to refresh local storage
+         * when cookies are enabled for the environment.
+         * the use case here is when an end user logs in to sub1.example.com and navigates to sub2.example.com.
+         * if they are signed in to sub1.example.com with a cookie for `.example.com`, but the LS is specific
+         * to sub1, then navigating to sub2 will mean they are not automatically signed in.
+         * this method attempts to fetch the user from the backend using the cookie (if aavailable), and if successful,
+         * this will ensure local storage is properly set with the user.
+         *
+         * this will also attempt to set the primaryWalletId, if the last verified credential is a wallet
+         * the user might have signed in with a wallet in the other subdomain, but the primary wallet
+         * in local storage does not carry over to other subdomains (LS is subdomain-specific),
+         * so attempt to set it here.
+         */
+        const maybeInitUserRefresh = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            if (!user$1 && isCookieEnabled.isCookieEnabled()) {
+                // Disable all next calls to this method
+                didRefreshUserRef.current = true;
+                try {
+                    const user$1 = yield user.refreshUserJwt({ environmentId });
+                    /**
+                     * attempt to set primary wallet in this subdomain because LS does not
+                     * carry over between different subdomains, even if the cookie does
+                     */
+                    const lastVerifiedWallet = user$1 === null || user$1 === void 0 ? void 0 : user$1.verifiedCredentials.find((vc) => vc.format === sdkApiCore.JwtVerifiedCredentialFormatEnum.Blockchain &&
+                        vc.id === user$1.lastVerifiedCredentialId);
+                    if (lastVerifiedWallet)
+                        setPrimaryWalletId(lastVerifiedWallet.id);
+                }
+                catch (e) {
+                    logger.logger.debug('Ignore failed refreshUserJwt in useResetCookieLocalStorage');
+                }
+            }
+        });
+        // Ensure this effect only runs once
+        if (didRefreshUserRef.current)
+            return;
+        maybeInitUserRefresh();
+    }, [user$1, projectSettings]);
+};
+
+exports.useResetCookieLocalStorage = useResetCookieLocalStorage;

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

@@ -0,0 +1,8 @@
+import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
+type Props = {
+    environmentId: string;
+    projectSettings: ProjectSettings | undefined;
+    setPrimaryWalletId(walletId: string): void;
+};
+export declare const useResetCookieLocalStorage: ({ environmentId, projectSettings, setPrimaryWalletId, }: Props) => void;
+export {};

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

@@ -0,0 +1,139 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useRef, useEffect } from 'react';
+import { JwtVerifiedCredentialFormatEnum } from '@dynamic-labs/sdk-api-core';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import '../../../shared/utils/classes/storage/sessionStorage.js';
+import '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../config/ApiEndpoint.js';
+import { getUser } from '../../../store/actions/userActions/userActions.js';
+import '../../../locale/locale.js';
+import { refreshUserJwt } from '../../../data/api/user/user.js';
+import { isCookieEnabled } from '../../functions/isCookieEnabled/isCookieEnabled.js';
+import '@dynamic-labs/store';
+import '../../../events/dynamicEvents.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../../context/WalletContext/WalletContext.js';
+import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import '@dynamic-labs/types';
+import '../../../context/LoadingContext/LoadingContext.js';
+import 'yup';
+import '../../../context/MockContext/MockContext.js';
+import '../../../views/CollectUserDataView/useFields.js';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/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 '@hcaptcha/react-hcaptcha';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../polyfills.js';
+import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../context/FundingContext/FundingContext.js';
+import '../../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../context/ConnectWithOtpContext/constants.js';
+import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+
+const useResetCookieLocalStorage = ({ environmentId, projectSettings, setPrimaryWalletId, }) => {
+    const didRefreshUserRef = useRef(false);
+    const user = getUser();
+    /**
+     * run this effect every time the user or project settings change
+     * but not when the process was already done.
+     */
+    useEffect(() => {
+        /**
+         * this method is called on refresh of DynamicContext and attempts to refresh local storage
+         * when cookies are enabled for the environment.
+         * the use case here is when an end user logs in to sub1.example.com and navigates to sub2.example.com.
+         * if they are signed in to sub1.example.com with a cookie for `.example.com`, but the LS is specific
+         * to sub1, then navigating to sub2 will mean they are not automatically signed in.
+         * this method attempts to fetch the user from the backend using the cookie (if aavailable), and if successful,
+         * this will ensure local storage is properly set with the user.
+         *
+         * this will also attempt to set the primaryWalletId, if the last verified credential is a wallet
+         * the user might have signed in with a wallet in the other subdomain, but the primary wallet
+         * in local storage does not carry over to other subdomains (LS is subdomain-specific),
+         * so attempt to set it here.
+         */
+        const maybeInitUserRefresh = () => __awaiter(void 0, void 0, void 0, function* () {
+            if (!user && isCookieEnabled()) {
+                // Disable all next calls to this method
+                didRefreshUserRef.current = true;
+                try {
+                    const user = yield refreshUserJwt({ environmentId });
+                    /**
+                     * attempt to set primary wallet in this subdomain because LS does not
+                     * carry over between different subdomains, even if the cookie does
+                     */
+                    const lastVerifiedWallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((vc) => vc.format === JwtVerifiedCredentialFormatEnum.Blockchain &&
+                        vc.id === user.lastVerifiedCredentialId);
+                    if (lastVerifiedWallet)
+                        setPrimaryWalletId(lastVerifiedWallet.id);
+                }
+                catch (e) {
+                    logger.debug('Ignore failed refreshUserJwt in useResetCookieLocalStorage');
+                }
+            }
+        });
+        // Ensure this effect only runs once
+        if (didRefreshUserRef.current)
+            return;
+        maybeInitUserRefresh();
+    }, [user, projectSettings]);
+};
+
+export { useResetCookieLocalStorage };

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

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