@dynamic-labs/sdk-react-core 2.0.0-alpha.3 → 2.0.0-alpha.30

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 '@dynamic-labs/sdk-api';
-import { logger } from '../../../shared/logger.js';
+import { fetchProjectSettings } from '../../../data/api.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
@@ -12,114 +13,108 @@ 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 'viem';
-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/UserWalletsContext/UserWalletsContext.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/FieldsStateContext/FieldsStateContext.js';
+import '../../../context/MockContext/MockContext.js';
+import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+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/PhoneNumberSignInSection.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 '../../../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(),
+    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,
             });
-            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);
-            });
-        }
-    }, [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/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-require('@dynamic-labs/sdk-api');
+require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
@@ -13,7 +13,6 @@ require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('@dynamic-labs/utils');
 var index = require('../../../shared/consts/index.cjs');
 

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

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import '@dynamic-labs/sdk-api';
+import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -9,7 +9,6 @@ import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';
 import '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '@dynamic-labs/utils';
 import { defaultWalletsForChains } from '../../../shared/consts/index.js';
 

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-require('@dynamic-labs/sdk-api');
+require('@dynamic-labs/sdk-api-core');
 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');
@@ -15,12 +15,13 @@ var localStorage$1 = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var handleUnlinkHelper = require('../../functions/handleUnlinkHelper/handleUnlinkHelper.cjs');
+var UserWalletsContext = require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 
-const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, user, eventsCallbacks, }) => {
+const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, }) => {
+    const { removedWalletsIds } = UserWalletsContext.useInternalUserWallets();
     const callback = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
         // when we call handleUnlinkWallet on the same execution stack as setPrimaryWallet, the value of
@@ -35,7 +36,6 @@ const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWall
         const currentPrimaryWalletId = (_a = localStorage.LocalStorage.getFromLS(localStorage$1.PRIMARY_WALLET_ID)) !== null && _a !== void 0 ? _a : primaryWalletId;
         if (walletId === currentPrimaryWalletId)
             return;
-        const vcWalletFromId = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((wallet) => wallet.id === walletId);
         const newUser = yield handleUnlinkHelper.handleUnlinkHelper({
             environmentId,
             primaryWalletId: currentPrimaryWalletId,
@@ -45,26 +45,19 @@ const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWall
             setUser(newUser);
         }
         const wallet = secondaryWallets.find((w) => w.id === walletId);
-        // remaining normalizeWalletName until QNTM-846 is complete due to us still passing the walletname to redcoast:
-        // https://linear.app/dynamic-labs/issue/QNTM-846/remove-usage-of-walletwalletconnectorwname-to-instead-use
-        const numberOfLinkedWallets = verifiedCredentials.filter((account) => account.walletName &&
-            walletConnectorCore.normalizeWalletName(account.walletName) ===
-                ((wallet === null || wallet === void 0 ? void 0 : wallet.connector.key) || '')).length;
+        const numberOfLinkedWallets = verifiedCredentials.filter((account) => account.walletName === ((wallet === null || wallet === void 0 ? void 0 : wallet.connector.key) || '')).length;
         // If there's only 1, it's the one being removed and we can kill the session
         if (numberOfLinkedWallets === 1) {
             yield (wallet === null || wallet === void 0 ? void 0 : wallet.connector.endSession());
         }
-        if (vcWalletFromId && (eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUnlinkSuccess)) {
-            eventsCallbacks.onUnlinkSuccess(vcWalletFromId);
-        }
+        removedWalletsIds.current.push(walletId);
     }), [
         primaryWalletId,
         environmentId,
         secondaryWallets,
         setUser,
         verifiedCredentials,
-        eventsCallbacks,
-        user,
+        removedWalletsIds,
     ]);
     return callback;
 };

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

@@ -1,14 +1,12 @@
 import { Dispatch, SetStateAction } from 'react';
-import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api';
-import { DynamicEventsCallbacks, UserProfile, Wallet } from '../../../shared';
+import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core';
+import { UserProfile, Wallet } from '../../../shared';
 type UseHandleUnlinkProps = {
     environmentId: string;
     primaryWalletId: string | undefined;
     secondaryWallets: Wallet[];
     setUser: Dispatch<SetStateAction<UserProfile | undefined>>;
     verifiedCredentials: JwtVerifiedCredential[];
-    eventsCallbacks: DynamicEventsCallbacks | undefined;
-    user: UserProfile | undefined;
 };
-export declare const useHandleUnlinkWallet: ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, user, eventsCallbacks, }: UseHandleUnlinkProps) => (walletId: string) => Promise<void>;
+export declare const useHandleUnlinkWallet: ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, }: UseHandleUnlinkProps) => (walletId: string) => Promise<void>;
 export {};

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

@@ -1,9 +1,9 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
-import { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
-import '@dynamic-labs/sdk-api';
+import '@dynamic-labs/sdk-api-core';
 import '../../../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';
@@ -11,12 +11,13 @@ import { PRIMARY_WALLET_ID } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
 import '../../constants/values.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { handleUnlinkHelper } from '../../functions/handleUnlinkHelper/handleUnlinkHelper.js';
+import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
 
-const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, user, eventsCallbacks, }) => {
+const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, }) => {
+    const { removedWalletsIds } = useInternalUserWallets();
     const callback = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
         // when we call handleUnlinkWallet on the same execution stack as setPrimaryWallet, the value of
@@ -31,7 +32,6 @@ const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWall
         const currentPrimaryWalletId = (_a = LocalStorage.getFromLS(PRIMARY_WALLET_ID)) !== null && _a !== void 0 ? _a : primaryWalletId;
         if (walletId === currentPrimaryWalletId)
             return;
-        const vcWalletFromId = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((wallet) => wallet.id === walletId);
         const newUser = yield handleUnlinkHelper({
             environmentId,
             primaryWalletId: currentPrimaryWalletId,
@@ -41,26 +41,19 @@ const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWall
             setUser(newUser);
         }
         const wallet = secondaryWallets.find((w) => w.id === walletId);
-        // remaining normalizeWalletName until QNTM-846 is complete due to us still passing the walletname to redcoast:
-        // https://linear.app/dynamic-labs/issue/QNTM-846/remove-usage-of-walletwalletconnectorwname-to-instead-use
-        const numberOfLinkedWallets = verifiedCredentials.filter((account) => account.walletName &&
-            normalizeWalletName(account.walletName) ===
-                ((wallet === null || wallet === void 0 ? void 0 : wallet.connector.key) || '')).length;
+        const numberOfLinkedWallets = verifiedCredentials.filter((account) => account.walletName === ((wallet === null || wallet === void 0 ? void 0 : wallet.connector.key) || '')).length;
         // If there's only 1, it's the one being removed and we can kill the session
         if (numberOfLinkedWallets === 1) {
             yield (wallet === null || wallet === void 0 ? void 0 : wallet.connector.endSession());
         }
-        if (vcWalletFromId && (eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUnlinkSuccess)) {
-            eventsCallbacks.onUnlinkSuccess(vcWalletFromId);
-        }
+        removedWalletsIds.current.push(walletId);
     }), [
         primaryWalletId,
         environmentId,
         secondaryWallets,
         setUser,
         verifiedCredentials,
-        eventsCallbacks,
-        user,
+        removedWalletsIds,
     ]);
     return callback;
 };

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

@@ -0,0 +1 @@
+export * from './useHandleVerificationRequired';

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

@@ -0,0 +1,93 @@
+'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 utils = require('@dynamic-labs/utils');
+var VerificationContext = require('../../../context/VerificationContext/VerificationContext.cjs');
+var formatPhone = require('../../functions/formatPhone/formatPhone.cjs');
+var useOtpVerificationRequest = require('../authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.cjs');
+
+const getResponseInfo = (response, destination) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (destination === 'email')
+        return {
+            displayDestination: (_a = response.emailVerification) === null || _a === void 0 ? void 0 : _a.email,
+            verificationUUID: (_b = response.emailVerification) === null || _b === void 0 ? void 0 : _b.verificationUUID,
+        };
+    return {
+        displayDestination: formatPhone.formatPhone('+' +
+            ((_d = (_c = response.smsVerification) === null || _c === void 0 ? void 0 : _c.phoneCountryCode) !== null && _d !== void 0 ? _d : '') +
+            ((_f = (_e = response.smsVerification) === null || _e === void 0 ? void 0 : _e.phoneNumber) !== null && _f !== void 0 ? _f : '')),
+        verificationUUID: (_g = response.smsVerification) === null || _g === void 0 ? void 0 : _g.verificationUUID,
+    };
+};
+const isVerificationRequired = (updateSelfResponse) => {
+    if (updateSelfResponse.nextView === sdkApiCore.NextViewEnum.VerifyEmail)
+        return 'email';
+    if (updateSelfResponse.nextView === sdkApiCore.NextViewEnum.VerifySms)
+        return 'sms';
+    return undefined;
+};
+const useHandleVerificationRequired = (updateUser) => {
+    const { setVerificationUUID, setDisplayedDestination } = VerificationContext.useVerification();
+    const { verifyOtp } = useOtpVerificationRequest.useOtpVerificationRequestRaw();
+    const collectNecessaryVerificationData = React.useCallback((destination, updateUserProfileResponse, jwtOverride) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        // We just need to make sure we have the emailVerification/smsVerification data
+        // If it's already present, use it as is
+        if ((destination === 'email' &&
+            updateUserProfileResponse.emailVerification) ||
+            (destination === 'sms' && updateUserProfileResponse.smsVerification))
+            return updateUserProfileResponse;
+        const userField = destination === 'email' ? 'email' : 'phoneNumber';
+        // If verification is required but we don't have the userField's verification data,
+        // make another call to the api to get it
+        if (!updateUserProfileResponse.user[userField])
+            throw new utils.VerificationDataCollectionError(`missing ${userField} field to perform update`);
+        const { updateUserProfileResponse: { emailVerification, smsVerification }, } = yield updateUser({
+            [userField]: updateUserProfileResponse.user[userField],
+        }, { jwtOverride });
+        if ((destination === 'email' && !emailVerification) ||
+            (destination === 'sms' && !smsVerification))
+            throw new utils.VerificationDataCollectionError(`could not get ${destination} verification data from api`);
+        return Object.assign(Object.assign({}, updateUserProfileResponse), { emailVerification,
+            smsVerification });
+    }), [updateUser]);
+    const handleVerificationRequired = React.useCallback(({ updateUserProfileResponse: updateUserProfileResponseRaw, missingFields, destination, jwtOverride, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const updateUserProfileResponse = yield collectNecessaryVerificationData(destination, updateUserProfileResponseRaw, jwtOverride);
+        // Use this information in the Verification view
+        const { displayDestination, verificationUUID } = getResponseInfo(updateUserProfileResponse, destination);
+        setDisplayedDestination(displayDestination);
+        setVerificationUUID(verificationUUID);
+        const scopedVerify = (verificationToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            return verifyOtp(handleVerificationRequired, verificationToken, destination, verificationUUID);
+        });
+        if (destination === 'email')
+            return {
+                isEmailVerificationRequired: true,
+                isSmsVerificationRequired: false,
+                missingFields,
+                updateUserProfileResponse,
+                verifyOtp: scopedVerify,
+            };
+        return {
+            isEmailVerificationRequired: false,
+            isSmsVerificationRequired: true,
+            missingFields,
+            updateUserProfileResponse,
+            verifyOtp: scopedVerify,
+        };
+    }), [
+        collectNecessaryVerificationData,
+        setDisplayedDestination,
+        setVerificationUUID,
+        verifyOtp,
+    ]);
+    return handleVerificationRequired;
+};
+
+exports.getResponseInfo = getResponseInfo;
+exports.isVerificationRequired = isVerificationRequired;
+exports.useHandleVerificationRequired = useHandleVerificationRequired;

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

@@ -0,0 +1,15 @@
+import { ProjectSettingsKyc, UpdateSelfResponse } from '@dynamic-labs/sdk-api-core';
+import { OtpVerificationDestination } from '../authenticationHooks/useOtpVerificationRequest';
+import { UpdateUser, UpdateUserReturnPayload } from '../useUserUpdateRequest/useUpdateUser';
+export type HandleVerification = (props: {
+    updateUserProfileResponse: UpdateSelfResponse;
+    destination: OtpVerificationDestination;
+    missingFields: ProjectSettingsKyc[];
+    jwtOverride?: string;
+}) => Promise<UpdateUserReturnPayload>;
+export declare const getResponseInfo: (response: UpdateSelfResponse, destination: OtpVerificationDestination) => {
+    displayDestination: string | undefined;
+    verificationUUID: string | undefined;
+};
+export declare const isVerificationRequired: (updateSelfResponse: UpdateSelfResponse) => OtpVerificationDestination | undefined;
+export declare const useHandleVerificationRequired: (updateUser: UpdateUser) => HandleVerification;

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

@@ -0,0 +1,87 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { NextViewEnum } from '@dynamic-labs/sdk-api-core';
+import { VerificationDataCollectionError } from '@dynamic-labs/utils';
+import { useVerification } from '../../../context/VerificationContext/VerificationContext.js';
+import { formatPhone } from '../../functions/formatPhone/formatPhone.js';
+import { useOtpVerificationRequestRaw } from '../authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.js';
+
+const getResponseInfo = (response, destination) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (destination === 'email')
+        return {
+            displayDestination: (_a = response.emailVerification) === null || _a === void 0 ? void 0 : _a.email,
+            verificationUUID: (_b = response.emailVerification) === null || _b === void 0 ? void 0 : _b.verificationUUID,
+        };
+    return {
+        displayDestination: formatPhone('+' +
+            ((_d = (_c = response.smsVerification) === null || _c === void 0 ? void 0 : _c.phoneCountryCode) !== null && _d !== void 0 ? _d : '') +
+            ((_f = (_e = response.smsVerification) === null || _e === void 0 ? void 0 : _e.phoneNumber) !== null && _f !== void 0 ? _f : '')),
+        verificationUUID: (_g = response.smsVerification) === null || _g === void 0 ? void 0 : _g.verificationUUID,
+    };
+};
+const isVerificationRequired = (updateSelfResponse) => {
+    if (updateSelfResponse.nextView === NextViewEnum.VerifyEmail)
+        return 'email';
+    if (updateSelfResponse.nextView === NextViewEnum.VerifySms)
+        return 'sms';
+    return undefined;
+};
+const useHandleVerificationRequired = (updateUser) => {
+    const { setVerificationUUID, setDisplayedDestination } = useVerification();
+    const { verifyOtp } = useOtpVerificationRequestRaw();
+    const collectNecessaryVerificationData = useCallback((destination, updateUserProfileResponse, jwtOverride) => __awaiter(void 0, void 0, void 0, function* () {
+        // We just need to make sure we have the emailVerification/smsVerification data
+        // If it's already present, use it as is
+        if ((destination === 'email' &&
+            updateUserProfileResponse.emailVerification) ||
+            (destination === 'sms' && updateUserProfileResponse.smsVerification))
+            return updateUserProfileResponse;
+        const userField = destination === 'email' ? 'email' : 'phoneNumber';
+        // If verification is required but we don't have the userField's verification data,
+        // make another call to the api to get it
+        if (!updateUserProfileResponse.user[userField])
+            throw new VerificationDataCollectionError(`missing ${userField} field to perform update`);
+        const { updateUserProfileResponse: { emailVerification, smsVerification }, } = yield updateUser({
+            [userField]: updateUserProfileResponse.user[userField],
+        }, { jwtOverride });
+        if ((destination === 'email' && !emailVerification) ||
+            (destination === 'sms' && !smsVerification))
+            throw new VerificationDataCollectionError(`could not get ${destination} verification data from api`);
+        return Object.assign(Object.assign({}, updateUserProfileResponse), { emailVerification,
+            smsVerification });
+    }), [updateUser]);
+    const handleVerificationRequired = useCallback(({ updateUserProfileResponse: updateUserProfileResponseRaw, missingFields, destination, jwtOverride, }) => __awaiter(void 0, void 0, void 0, function* () {
+        const updateUserProfileResponse = yield collectNecessaryVerificationData(destination, updateUserProfileResponseRaw, jwtOverride);
+        // Use this information in the Verification view
+        const { displayDestination, verificationUUID } = getResponseInfo(updateUserProfileResponse, destination);
+        setDisplayedDestination(displayDestination);
+        setVerificationUUID(verificationUUID);
+        const scopedVerify = (verificationToken) => __awaiter(void 0, void 0, void 0, function* () {
+            return verifyOtp(handleVerificationRequired, verificationToken, destination, verificationUUID);
+        });
+        if (destination === 'email')
+            return {
+                isEmailVerificationRequired: true,
+                isSmsVerificationRequired: false,
+                missingFields,
+                updateUserProfileResponse,
+                verifyOtp: scopedVerify,
+            };
+        return {
+            isEmailVerificationRequired: false,
+            isSmsVerificationRequired: true,
+            missingFields,
+            updateUserProfileResponse,
+            verifyOtp: scopedVerify,
+        };
+    }), [
+        collectNecessaryVerificationData,
+        setDisplayedDestination,
+        setVerificationUUID,
+        verifyOtp,
+    ]);
+    return handleVerificationRequired;
+};
+
+export { getResponseInfo, isVerificationRequired, useHandleVerificationRequired };

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

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