@dynamic-labs/sdk-react-core 0.19.0-alpha.1 → 0.19.0-alpha.2

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var utils = require('@dynamic-labs/utils');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var UserFieldEditorContext = require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
+var validateUpdateRequest = require('./validateUpdateRequest/validateUpdateRequest.cjs');
+
+/** Saves the values updated by the user */
+const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerificationRequired }, }, internalEvents, setShowAuthFlow, setView, resolve, reject) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    // If no verification is needed, we are done
+    if (!isEmailVerificationRequired) {
+        resolve(newValues);
+        return;
+    }
+    // Show email verification view
+    setShowAuthFlow(true);
+    setView('verify-email');
+    // Subscribe to email verification result
+    internalEvents.current.once('emailVerificationResult', (wasSuccessful) => {
+        wasSuccessful
+            ? resolve(newValues)
+            : reject('Failed to verify email, no fields were updated');
+    });
+});
+// eslint-disable-next-line multiline-comment-style
+/** This hook allows to open the widget modal and expose any fields for editing.
+ * The fields must have been previously enabled in the dashboard
+ */
+const useUpdateUserWithModal = (updateUser) => {
+    const { user, projectSettings, setShowAuthFlow, internalEvents } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setView } = ViewContext.useViewContext();
+    const editorContext = React.useContext(UserFieldEditorContext.UserFieldEditorContext);
+    if (!editorContext)
+        throw new utils.DynamicError('useUserUpdateRequest can only be used inside the context of DynamicContextProvider');
+    const { open: promptUserForValues } = editorContext;
+    const updateUserWithModal = React.useCallback((fields, options) => new Promise((resolve, reject) => {
+        // Catch invalid requests
+        const errorResponse = validateUpdateRequest.validateUpdateRequest(fields, user, projectSettings);
+        if (errorResponse) {
+            reject(errorResponse);
+            return;
+        }
+        // Get user values
+        promptUserForValues({
+            fields,
+            submitText: options === null || options === void 0 ? void 0 : options.submitText,
+            subtitle: options === null || options === void 0 ? void 0 : options.subtitle,
+            title: options === null || options === void 0 ? void 0 : options.title,
+        }, updateUser)
+            .then((updateValues) => saveUserValues(updateValues, internalEvents, setShowAuthFlow, setView, resolve, reject))
+            .catch((error) => {
+            if (/email already exists/gi.test(error))
+                throw error;
+            reject(error);
+        });
+    }), [
+        user,
+        projectSettings,
+        promptUserForValues,
+        updateUser,
+        setShowAuthFlow,
+        setView,
+        internalEvents,
+    ]);
+    return updateUserWithModal;
+};
+
+exports.useUpdateUserWithModal = useUpdateUserWithModal;

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.d.ts

@@ -0,0 +1,7 @@
+import { UserFields } from '@dynamic-labs/sdk-api';
+import { useUpdateUser } from '../useUpdateUser/';
+import { UpdateUserWithModalFields, UpdateUserWithModalOptions } from './types';
+/** This hook allows to open the widget modal and expose any fields for editing.
+ * The fields must have been previously enabled in the dashboard
+ */
+export declare const useUpdateUserWithModal: (updateUser: ReturnType<typeof useUpdateUser>) => (fields: UpdateUserWithModalFields, options?: UpdateUserWithModalOptions) => Promise<UserFields>;

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.js

@@ -0,0 +1,69 @@
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { useContext, useCallback } from 'react';
+import { DynamicError } from '@dynamic-labs/utils';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
+import { UserFieldEditorContext } from '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
+import { validateUpdateRequest } from './validateUpdateRequest/validateUpdateRequest.js';
+
+/** Saves the values updated by the user */
+const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerificationRequired }, }, internalEvents, setShowAuthFlow, setView, resolve, reject) => __awaiter(void 0, void 0, void 0, function* () {
+    // If no verification is needed, we are done
+    if (!isEmailVerificationRequired) {
+        resolve(newValues);
+        return;
+    }
+    // Show email verification view
+    setShowAuthFlow(true);
+    setView('verify-email');
+    // Subscribe to email verification result
+    internalEvents.current.once('emailVerificationResult', (wasSuccessful) => {
+        wasSuccessful
+            ? resolve(newValues)
+            : reject('Failed to verify email, no fields were updated');
+    });
+});
+// eslint-disable-next-line multiline-comment-style
+/** This hook allows to open the widget modal and expose any fields for editing.
+ * The fields must have been previously enabled in the dashboard
+ */
+const useUpdateUserWithModal = (updateUser) => {
+    const { user, projectSettings, setShowAuthFlow, internalEvents } = useInternalDynamicContext();
+    const { setView } = useViewContext();
+    const editorContext = useContext(UserFieldEditorContext);
+    if (!editorContext)
+        throw new DynamicError('useUserUpdateRequest can only be used inside the context of DynamicContextProvider');
+    const { open: promptUserForValues } = editorContext;
+    const updateUserWithModal = useCallback((fields, options) => new Promise((resolve, reject) => {
+        // Catch invalid requests
+        const errorResponse = validateUpdateRequest(fields, user, projectSettings);
+        if (errorResponse) {
+            reject(errorResponse);
+            return;
+        }
+        // Get user values
+        promptUserForValues({
+            fields,
+            submitText: options === null || options === void 0 ? void 0 : options.submitText,
+            subtitle: options === null || options === void 0 ? void 0 : options.subtitle,
+            title: options === null || options === void 0 ? void 0 : options.title,
+        }, updateUser)
+            .then((updateValues) => saveUserValues(updateValues, internalEvents, setShowAuthFlow, setView, resolve, reject))
+            .catch((error) => {
+            if (/email already exists/gi.test(error))
+                throw error;
+            reject(error);
+        });
+    }), [
+        user,
+        projectSettings,
+        promptUserForValues,
+        updateUser,
+        setShowAuthFlow,
+        setView,
+        internalEvents,
+    ]);
+    return updateUserWithModal;
+};
+
+export { useUpdateUserWithModal };

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/validateUpdateRequest/index.d.ts

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

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/validateUpdateRequest/validateUpdateRequest.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getUserProfileFields = require('../../../../functions/getUserProfileFields/getUserProfileFields.cjs');
+
+// eslint-disable-next-line multiline-comment-style
+/** This function is used to verify that an update request with modal is valid
+ * @returns empty string if request is valid, a string with the error message otherwise
+ */
+const validateUpdateRequest = (fields, user, projectSettings) => {
+    // Catch no fields
+    if (!fields.length)
+        return 'At least one field must be provided for editing';
+    // Catch no user
+    if (!user)
+        return 'No signed-in user';
+    // Catch field not set in dashboard
+    const allUserFields = getUserProfileFields.getUserProfileFields({
+        projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
+        user,
+    });
+    for (const field of fields) {
+        // i.e. If any of the provided fields is not found in the project settings fields
+        if (!allUserFields.find(({ name }) => name === field))
+            return `Please ensure field "${field}" is enabled under "Configurations > Onboarding > Information capture" in your app's dashboard before using it with updateUserWithModal`;
+    }
+    return '';
+};
+
+exports.validateUpdateRequest = validateUpdateRequest;

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/validateUpdateRequest/validateUpdateRequest.d.ts

@@ -0,0 +1,6 @@
+import { ProjectSettings, UserFields } from '@dynamic-labs/sdk-api';
+import { UserProfile } from '../../../../../shared';
+/** This function is used to verify that an update request with modal is valid
+ * @returns empty string if request is valid, a string with the error message otherwise
+ */
+export declare const validateUpdateRequest: (fields: (keyof UserFields)[], user: UserProfile | undefined, projectSettings: ProjectSettings | undefined) => string;

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/validateUpdateRequest/validateUpdateRequest.js

@@ -0,0 +1,27 @@
+import { getUserProfileFields } from '../../../../functions/getUserProfileFields/getUserProfileFields.js';
+
+// eslint-disable-next-line multiline-comment-style
+/** This function is used to verify that an update request with modal is valid
+ * @returns empty string if request is valid, a string with the error message otherwise
+ */
+const validateUpdateRequest = (fields, user, projectSettings) => {
+    // Catch no fields
+    if (!fields.length)
+        return 'At least one field must be provided for editing';
+    // Catch no user
+    if (!user)
+        return 'No signed-in user';
+    // Catch field not set in dashboard
+    const allUserFields = getUserProfileFields({
+        projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
+        user,
+    });
+    for (const field of fields) {
+        // i.e. If any of the provided fields is not found in the project settings fields
+        if (!allUserFields.find(({ name }) => name === field))
+            return `Please ensure field "${field}" is enabled under "Configurations > Onboarding > Information capture" in your app's dashboard before using it with updateUserWithModal`;
+    }
+    return '';
+};
+
+export { validateUpdateRequest };

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

@@ -2,102 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../../_virtual/_tslib.cjs');
-var React = require('react');
-var yup = require('yup');
-var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
-var api = require('../../../data/api.cjs');
-var isEmailVerificationRequired = require('../../functions/authenication/isEmailVerificationRequired/isEmailVerificationRequired.cjs');
-var EmailVerificationContext = require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
-var useEmailVerificationRequest = require('../authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.cjs');
-var useUpdateUserProfileByJWTCallback = require('../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');
-var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('react/jsx-runtime');
-require('../../../context/ViewContext/ViewContext.cjs');
-require('../../../shared/logger.cjs');
-require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
-require('../../constants/colors.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('ethers');
-require('../../../shared/consts/index.cjs');
+var useUpdateUser = require('./useUpdateUser/useUpdateUser.cjs');
+var useUpdateUserWithModal = require('./useUpdateUserWithModal/useUpdateUserWithModal.cjs');
 
-// User Fields Schema without captchaToken and policiesConsent properties
-const userFieldsSchema = yup.object().shape({
-    alias: yup.string(),
-    btcWallet: yup.string(),
-    ckbWallet: yup.string(),
-    country: yup.string(),
-    discordNotification: yup.boolean(),
-    dogeWallet: yup.string(),
-    email: yup.string(),
-    emailNotification: yup.boolean(),
-    firstName: yup.string(),
-    jobTitle: yup.string(),
-    kasWallet: yup.string(),
-    kdaWallet: yup.string(),
-    lastName: yup.string(),
-    ltcWallet: yup.string(),
-    newsletterNotification: yup.boolean(),
-    phoneNumber: yup.string(),
-    tShirtSize: yup.string(),
-    team: yup.string(),
-    username: yup.string(),
-});
-// Hook exposed to the public
+/* eslint-disable sort-keys */
+// Hook only available internally
 const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {
-    const { authToken, onboardingOnlyJwt, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
-    const jwtToken = onboardingOnlyJwt || authToken;
-    const { setVerificationUUID, setEmail } = EmailVerificationContext.useEmailVerificationContext();
-    const { verifyEmail: verifyEmailFn } = useEmailVerificationRequest.useEmailVerificationRequest();
-    const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback.useUpdateUserProfileByJWTCallback();
-    const updateUser = React.useCallback((userFields, userEnvironmentId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c;
-        const validatedUserFields = yield userFieldsSchema.validate(userFields, {
-            stripUnknown: validationSchemaStripUnknown,
-        });
-        const updateUserProfileResponse = yield api.updateUserProfileFields(jwtToken, userEnvironmentId || environmentId, validatedUserFields);
-        // check if decoded JWT still somehow has missing fields, we can't proceed if it does
-        const decodedJwt = decodeJwt.decodeJwt(updateUserProfileResponse.jwt);
-        const missingFields = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _a !== void 0 ? _a : [];
-        const _isEmailVerificationRequired = isEmailVerificationRequired.isEmailVerificationRequired(updateUserProfileResponse);
-        if (!_isEmailVerificationRequired) {
-            // If email verification is not needed then we can update the user profile immediately.
-            yield updateUserProfileByJWT(updateUserProfileResponse.jwt);
-            return {
-                isEmailVerificationRequired: false,
-                missingFields,
-                updateUserProfileResponse,
-            };
-        }
-        // We update EmailContext to use this information in the Email Verification view
-        setEmail((_b = updateUserProfileResponse.emailVerification) === null || _b === void 0 ? void 0 : _b.email);
-        setVerificationUUID((_c = updateUserProfileResponse.emailVerification) === null || _c === void 0 ? void 0 : _c.verificationUUID);
-        // DYN-2046 - Customers have the opportunity to programmatically use our email verification and profile editing.
-        // VerifyEmailFN was scoped to bypass the problem with memoization of the state at the beginning of Promise.
-        // setEmail and setVerificationUUID in the above lines will are not visible in this promise.
-        const scopedVerifyEmailFn = (verificationToken) => {
-            var _a;
-            return verifyEmailFn(verificationToken, (_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.verificationUUID);
-        };
-        return {
-            isEmailVerificationRequired: true,
-            missingFields,
-            updateUserProfileResponse,
-            verifyEmailFn: scopedVerifyEmailFn,
-        };
-    }), [
-        environmentId,
-        jwtToken,
-        setEmail,
-        setVerificationUUID,
-        validationSchemaStripUnknown,
-        updateUserProfileByJWT,
-        verifyEmailFn,
-    ]);
-    return { updateUser };
+    const updateUser = useUpdateUser.useUpdateUser(validationSchemaStripUnknown);
+    const updateUserWithModal = useUpdateUserWithModal.useUpdateUserWithModal(updateUser);
+    return { updateUser, updateUserWithModal };
 };
 // Hook exposed to the clients
 // We do not want customers to be able to edit properties such as policiesConsent or captchaToken

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

@@ -1,30 +1,10 @@
-import { UserFields } from '@dynamic-labs/sdk-api';
-export type UpdateUserFieldsArg = Omit<UserFields, 'captchaToken' | 'policiesConsent'>;
 export declare const useUserUpdateRequestInternal: ({ validationSchemaStripUnknown, }: {
     validationSchemaStripUnknown: boolean;
 }) => {
-    updateUser: (userFields: UpdateUserFieldsArg, userEnvironmentId?: string) => Promise<{
-        isEmailVerificationRequired: boolean;
-        missingFields: import("@dynamic-labs/sdk-api").ProjectSettingsKyc[];
-        updateUserProfileResponse: import("@dynamic-labs/sdk-api").UpdateSelfResponse;
-        verifyEmailFn?: undefined;
-    } | {
-        isEmailVerificationRequired: boolean;
-        missingFields: import("@dynamic-labs/sdk-api").ProjectSettingsKyc[];
-        updateUserProfileResponse: import("@dynamic-labs/sdk-api").UpdateSelfResponse;
-        verifyEmailFn: (verificationToken: string) => Promise<import("@dynamic-labs/sdk-api").UpdateSelfResponse>;
-    }>;
+    updateUser: (userFields: import("./useUpdateUser").UpdateUserFieldsArg, userEnvironmentId?: string | undefined) => Promise<import("./useUpdateUser").UpdateUserReturnPayload>;
+    updateUserWithModal: (fields: import("./useUpdateUserWithModal").UpdateUserWithModalFields, options?: import("./useUpdateUserWithModal").UpdateUserWithModalOptions | undefined) => Promise<import("@dynamic-labs/sdk-api").UserFields>;
 };
 export declare const useUserUpdateRequest: () => {
-    updateUser: (userFields: UpdateUserFieldsArg, userEnvironmentId?: string) => Promise<{
-        isEmailVerificationRequired: boolean;
-        missingFields: import("@dynamic-labs/sdk-api").ProjectSettingsKyc[];
-        updateUserProfileResponse: import("@dynamic-labs/sdk-api").UpdateSelfResponse;
-        verifyEmailFn?: undefined;
-    } | {
-        isEmailVerificationRequired: boolean;
-        missingFields: import("@dynamic-labs/sdk-api").ProjectSettingsKyc[];
-        updateUserProfileResponse: import("@dynamic-labs/sdk-api").UpdateSelfResponse;
-        verifyEmailFn: (verificationToken: string) => Promise<import("@dynamic-labs/sdk-api").UpdateSelfResponse>;
-    }>;
+    updateUser: (userFields: import("./useUpdateUser").UpdateUserFieldsArg, userEnvironmentId?: string | undefined) => Promise<import("./useUpdateUser").UpdateUserReturnPayload>;
+    updateUserWithModal: (fields: import("./useUpdateUserWithModal").UpdateUserWithModalFields, options?: import("./useUpdateUserWithModal").UpdateUserWithModalOptions | undefined) => Promise<import("@dynamic-labs/sdk-api").UserFields>;
 };

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

@@ -1,99 +1,12 @@
-import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useCallback } from 'react';
-import { object, string, boolean } from 'yup';
-import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
-import { updateUserProfileFields } from '../../../data/api.js';
-import { isEmailVerificationRequired } from '../../functions/authenication/isEmailVerificationRequired/isEmailVerificationRequired.js';
-import { useEmailVerificationContext } from '../../../context/EmailVerificationContext/EmailVerificationContext.js';
-import { useEmailVerificationRequest } from '../authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js';
-import { useUpdateUserProfileByJWTCallback } from '../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
-import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import 'react/jsx-runtime';
-import '../../../context/ViewContext/ViewContext.js';
-import '../../../shared/logger.js';
-import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
-import '../../constants/colors.js';
-import '../../../shared/utils/classes/storage/localStorage.js';
-import 'ethers';
-import '../../../shared/consts/index.js';
+import { useUpdateUser } from './useUpdateUser/useUpdateUser.js';
+import { useUpdateUserWithModal } from './useUpdateUserWithModal/useUpdateUserWithModal.js';
 
-// User Fields Schema without captchaToken and policiesConsent properties
-const userFieldsSchema = object().shape({
-    alias: string(),
-    btcWallet: string(),
-    ckbWallet: string(),
-    country: string(),
-    discordNotification: boolean(),
-    dogeWallet: string(),
-    email: string(),
-    emailNotification: boolean(),
-    firstName: string(),
-    jobTitle: string(),
-    kasWallet: string(),
-    kdaWallet: string(),
-    lastName: string(),
-    ltcWallet: string(),
-    newsletterNotification: boolean(),
-    phoneNumber: string(),
-    tShirtSize: string(),
-    team: string(),
-    username: string(),
-});
-// Hook exposed to the public
+/* eslint-disable sort-keys */
+// Hook only available internally
 const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {
-    const { authToken, onboardingOnlyJwt, environmentId } = useInternalDynamicContext();
-    const jwtToken = onboardingOnlyJwt || authToken;
-    const { setVerificationUUID, setEmail } = useEmailVerificationContext();
-    const { verifyEmail: verifyEmailFn } = useEmailVerificationRequest();
-    const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
-    const updateUser = useCallback((userFields, userEnvironmentId) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c;
-        const validatedUserFields = yield userFieldsSchema.validate(userFields, {
-            stripUnknown: validationSchemaStripUnknown,
-        });
-        const updateUserProfileResponse = yield updateUserProfileFields(jwtToken, userEnvironmentId || environmentId, validatedUserFields);
-        // check if decoded JWT still somehow has missing fields, we can't proceed if it does
-        const decodedJwt = decodeJwt(updateUserProfileResponse.jwt);
-        const missingFields = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _a !== void 0 ? _a : [];
-        const _isEmailVerificationRequired = isEmailVerificationRequired(updateUserProfileResponse);
-        if (!_isEmailVerificationRequired) {
-            // If email verification is not needed then we can update the user profile immediately.
-            yield updateUserProfileByJWT(updateUserProfileResponse.jwt);
-            return {
-                isEmailVerificationRequired: false,
-                missingFields,
-                updateUserProfileResponse,
-            };
-        }
-        // We update EmailContext to use this information in the Email Verification view
-        setEmail((_b = updateUserProfileResponse.emailVerification) === null || _b === void 0 ? void 0 : _b.email);
-        setVerificationUUID((_c = updateUserProfileResponse.emailVerification) === null || _c === void 0 ? void 0 : _c.verificationUUID);
-        // DYN-2046 - Customers have the opportunity to programmatically use our email verification and profile editing.
-        // VerifyEmailFN was scoped to bypass the problem with memoization of the state at the beginning of Promise.
-        // setEmail and setVerificationUUID in the above lines will are not visible in this promise.
-        const scopedVerifyEmailFn = (verificationToken) => {
-            var _a;
-            return verifyEmailFn(verificationToken, (_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.verificationUUID);
-        };
-        return {
-            isEmailVerificationRequired: true,
-            missingFields,
-            updateUserProfileResponse,
-            verifyEmailFn: scopedVerifyEmailFn,
-        };
-    }), [
-        environmentId,
-        jwtToken,
-        setEmail,
-        setVerificationUUID,
-        validationSchemaStripUnknown,
-        updateUserProfileByJWT,
-        verifyEmailFn,
-    ]);
-    return { updateUser };
+    const updateUser = useUpdateUser(validationSchemaStripUnknown);
+    const updateUserWithModal = useUpdateUserWithModal(updateUser);
+    return { updateUser, updateUserWithModal };
 };
 // Hook exposed to the clients
 // We do not want customers to be able to edit properties such as policiesConsent or captchaToken

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

@@ -101,6 +101,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
             setView('wallet-used');
             setIsSingleWalletAccount(false);
             if (e.code === 'reassign_wallet_error') {
+                setView('wallet-cannot-be-transferred');
                 setIsSingleWalletAccount(true);
             }
             return;
@@ -145,6 +146,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
     return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const walletProvider = getWalletProvider.getWalletProvider(walletConnector);
         try {
+            setIsVerificationInProgress(true);
             const Jwt = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth);
             const decodedJwt = decodeJwt.decodeJwt(Jwt);
             if (decodedJwt === undefined)

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

@@ -97,6 +97,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
             setView('wallet-used');
             setIsSingleWalletAccount(false);
             if (e.code === 'reassign_wallet_error') {
+                setView('wallet-cannot-be-transferred');
                 setIsSingleWalletAccount(true);
             }
             return;
@@ -141,6 +142,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
     return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, }) => __awaiter(void 0, void 0, void 0, function* () {
         const walletProvider = getWalletProvider(walletConnector);
         try {
+            setIsVerificationInProgress(true);
             const Jwt = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth);
             const decodedJwt = decodeJwt(Jwt);
             if (decodedJwt === undefined)

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

@@ -17,7 +17,7 @@ export type UseWalletEventListenersArgs = {
     setSelectedWalletWithAction(walletWithAction: WalletWithAction | null): void;
     user: UserProfile | undefined;
     authMode: AuthModeType;
-    refreshConnectedWallet: (walletId: string, walletConnector: WalletConnector) => Promise<void>;
+    refreshConnectedWallet: (walletId: string, walletConnector: WalletConnector, shouldCallCallback?: boolean) => Promise<void>;
 };
 export declare const useWalletEventListeners: ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }: UseWalletEventListenersArgs) => {
     loadingNetwork: boolean;

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

@@ -27,6 +27,7 @@ require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 var useConnectAndSignSplitSteps = require('../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs');
+require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 
 const useWalletItemActions = () => {
     const { setMultiWalletWidgetState, setShowAuthFlow, setSelectedWalletConnector, wallets, setQrcodeUri, setDesktopUri, user, linkedWallets, setLegacyIsVerifying, } = useInternalDynamicContext.useInternalDynamicContext();

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

@@ -23,6 +23,7 @@ import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import { useConnectAndSignSplitSteps } from '../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js';
+import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
 
 const useWalletItemActions = () => {
     const { setMultiWalletWidgetState, setShowAuthFlow, setSelectedWalletConnector, wallets, setQrcodeUri, setDesktopUri, user, linkedWallets, setLegacyIsVerifying, } = useInternalDynamicContext();

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

@@ -36,13 +36,17 @@ require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 var useConfirmationModal = require('../useConfirmationModal/useConfirmationModal.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('@dynamic-labs/types');
+require('../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('yup');
+require('../../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
-require('yup');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 
@@ -67,11 +71,11 @@ const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
         }
         return openSignMessage((resolve, reject) => (jsxRuntime.jsx(SignMessageConfirmationModal.SignMessageConfirmationModal, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: getAppOrigin(), message: message, handler: handler, onSignMessage: resolve, onReject: reject })));
     }, [appLogoUrl, appName, getAppOrigin, openSignMessage, shouldConfirmAction]);
-    const sendTransaction = React.useCallback(({ transaction, handler, provider }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const sendTransaction = React.useCallback(({ transaction, handler, provider, connector }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!shouldConfirmAction()) {
             return handler(transaction);
         }
-        return openSendTransaction((resolve, reject) => (jsxRuntime.jsx(TransactionConfirmationModal.TransactionConfirmationModal, { title: 'Send Transaction', transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
+        return openSendTransaction((resolve, reject) => (jsxRuntime.jsx(TransactionConfirmationModal.TransactionConfirmationModal, { walletConnector: connector, title: 'Send Transaction', transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
     }), [openSendTransaction, shouldConfirmAction]);
     const disabledConfirmationOnce = React.useCallback(() => {
         confirmationStateRef.current = 'disabled';

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

@@ -1,4 +1,8 @@
 import { ReactNode } from 'react';
 import { WalletUiUtils } from '@dynamic-labs/types';
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { WalletUiUtilsHookProps } from './useWalletUiUtils.types';
-export declare const useWalletUiUtils: ({ appLogoUrl, appName, getAppOrigin, }: WalletUiUtilsHookProps) => [ReactNode | undefined, WalletUiUtils];
+export declare const useWalletUiUtils: ({ appLogoUrl, appName, getAppOrigin, }: WalletUiUtilsHookProps) => [
+    ReactNode | undefined,
+    WalletUiUtils<WalletConnector>
+];

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

@@ -32,13 +32,17 @@ import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import { useConfirmationModal } from '../useConfirmationModal/useConfirmationModal.js';
 import '../../../context/MockContext/MockContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
-import '../useUserUpdateRequest/useUserUpdateRequest.js';
+import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '@dynamic-labs/types';
+import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'yup';
+import '../../../views/CollectUserDataView/fieldsConfig.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
-import 'yup';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 
@@ -63,11 +67,11 @@ const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
         }
         return openSignMessage((resolve, reject) => (jsx(SignMessageConfirmationModal, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: getAppOrigin(), message: message, handler: handler, onSignMessage: resolve, onReject: reject })));
     }, [appLogoUrl, appName, getAppOrigin, openSignMessage, shouldConfirmAction]);
-    const sendTransaction = useCallback(({ transaction, handler, provider }) => __awaiter(void 0, void 0, void 0, function* () {
+    const sendTransaction = useCallback(({ transaction, handler, provider, connector }) => __awaiter(void 0, void 0, void 0, function* () {
         if (!shouldConfirmAction()) {
             return handler(transaction);
         }
-        return openSendTransaction((resolve, reject) => (jsx(TransactionConfirmationModal, { title: 'Send Transaction', transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
+        return openSendTransaction((resolve, reject) => (jsx(TransactionConfirmationModal, { walletConnector: connector, title: 'Send Transaction', transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
     }), [openSendTransaction, shouldConfirmAction]);
     const disabledConfirmationOnce = useCallback(() => {
         confirmationStateRef.current = 'disabled';