@dynamic-labs/sdk-react-core 0.16.1 → 0.17.0-RC.0

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useIsFirstRender = require('../useIsFirstRender/useIsFirstRender.cjs');
+
+const useUpdateEffect = (effect, deps) => {
+    const isFirst = useIsFirstRender.useIsFirstRender();
+    React.useEffect(() => {
+        if (!isFirst) {
+            return effect();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, deps);
+};
+
+exports.useUpdateEffect = useUpdateEffect;

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

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+import { useIsFirstRender } from '../useIsFirstRender/useIsFirstRender.js';
+
+const useUpdateEffect = (effect, deps) => {
+    const isFirst = useIsFirstRender();
+    useEffect(() => {
+        if (!isFirst) {
+            return effect();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, deps);
+};
+
+export { useUpdateEffect };

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

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var useCreateUserProfileByJWTCallback = require('../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs');
+
+const useUpdateUserProfileByJWTCallback = () => {
+    const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
+    const { setCallback } = useInternalDynamicContext.useInternalDynamicContext();
+    const updateUserProfileByJWT = React.useCallback((jwt) => {
+        createUserProfileByJWT(jwt);
+        setCallback('userProfileUpdate');
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return { updateUserProfileByJWT };
+};
+
+exports.useUpdateUserProfileByJWTCallback = useUpdateUserProfileByJWTCallback;

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

@@ -0,0 +1,16 @@
+import { useCallback } from 'react';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
+
+const useUpdateUserProfileByJWTCallback = () => {
+    const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
+    const { setCallback } = useInternalDynamicContext();
+    const updateUserProfileByJWT = useCallback((jwt) => {
+        createUserProfileByJWT(jwt);
+        setCallback('userProfileUpdate');
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return { updateUserProfileByJWT };
+};
+
+export { useUpdateUserProfileByJWTCallback };

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

@@ -0,0 +1,88 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var yup = require('yup');
+var multiWallet = require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+var index = require('../../../shared/utils/functions/getValueByKey/index.cjs');
+require('../../constants/colors.cjs');
+var index$1 = require('../../../shared/consts/index.cjs');
+var fieldsConfig = require('../../../views/CollectUserDataView/fieldsConfig.cjs');
+var MockContext = require('../../../context/MockContext/MockContext.cjs');
+
+// Hook that returns the prepared data to work with the formik
+// In order to update or display user information
+const useUserDataForm = ({ onSubmit, onError, userProfile, shouldEnforcePolicies = true, fields, }) => {
+    var _a;
+    const { mockedSDK } = MockContext.useMockContext();
+    const [fetch, setFetch] = React.useState(false);
+    const enforcePolicies = shouldEnforcePolicies &&
+        ((_a = fields.find((setting) => setting.name === 'policiesConsent')) === null || _a === void 0 ? void 0 : _a.enabled);
+    const formikValidationSchema = React.useMemo(() => yup.object().shape(Object.fromEntries(fields.map(({ name, required }) => [
+        name,
+        required
+            ? index.getValueByKey(fieldsConfig.fieldsConfig, name).validation.required('required')
+            : index.getValueByKey(fieldsConfig.fieldsConfig, name).validation,
+    ]))), [fields]);
+    const formikInitialValues = React.useMemo(() => Object.fromEntries(fields.map(({ name }) => {
+        var _a, _b, _c;
+        const info = (userProfile !== null && userProfile !== void 0 ? userProfile : {});
+        const mapNameToDefaultValue = {
+            country: index$1.countryCodes[0].code,
+            policiesConsent: false,
+            tShirtSize: index$1.tShirtSizes[0],
+            team: index$1.teamNames[0],
+        };
+        const defaultValue = (_a = mapNameToDefaultValue[name]) !== null && _a !== void 0 ? _a : '';
+        return [name, (_c = (_b = index.getValueByKey(info, name)) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : defaultValue];
+    })) || {}, [fields, userProfile]);
+    const onFormSubmit = React.useCallback((values, formikHelper) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (mockedSDK)
+            return;
+        try {
+            if (!(userProfile === null || userProfile === void 0 ? void 0 : userProfile.environmentId))
+                throw new multiWallet.DynamicError('Invalid environment ID');
+            setFetch(true);
+            let updatedUserFields = values;
+            if (enforcePolicies) {
+                updatedUserFields = Object.assign(Object.assign({}, updatedUserFields), { policiesConsent: true });
+                delete updatedUserFields.policiesConsentArray;
+            }
+            yield (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(updatedUserFields));
+        }
+        catch (e) {
+            logger.logger.error(e);
+            onError === null || onError === void 0 ? void 0 : onError(e);
+            if (e.name === 'EmailAlreadyExistsError') {
+                formikHelper.setErrors({ email: 'Email already exists' });
+            }
+            else if (e.name === 'UsernameAlreadyExistsError') {
+                formikHelper.setErrors({ username: 'Username already exists' });
+            }
+            else {
+                formikHelper.setErrors({
+                    api: 'Something went wrong. Please try again.',
+                });
+            }
+        }
+        finally {
+            setFetch(false);
+        }
+    }), [mockedSDK, userProfile === null || userProfile === void 0 ? void 0 : userProfile.environmentId, enforcePolicies, onSubmit, onError]);
+    return {
+        enforcePolicies,
+        fetch,
+        formikInitialValues,
+        formikValidationSchema,
+        onFormSubmit,
+    };
+};
+
+exports.useUserDataForm = useUserDataForm;

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

@@ -0,0 +1,84 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useState, useMemo, useCallback } from 'react';
+import { object } from 'yup';
+import { DynamicError } from '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import { getValueByKey } from '../../../shared/utils/functions/getValueByKey/index.js';
+import '../../constants/colors.js';
+import { countryCodes, tShirtSizes, teamNames } from '../../../shared/consts/index.js';
+import { fieldsConfig } from '../../../views/CollectUserDataView/fieldsConfig.js';
+import { useMockContext } from '../../../context/MockContext/MockContext.js';
+
+// Hook that returns the prepared data to work with the formik
+// In order to update or display user information
+const useUserDataForm = ({ onSubmit, onError, userProfile, shouldEnforcePolicies = true, fields, }) => {
+    var _a;
+    const { mockedSDK } = useMockContext();
+    const [fetch, setFetch] = useState(false);
+    const enforcePolicies = shouldEnforcePolicies &&
+        ((_a = fields.find((setting) => setting.name === 'policiesConsent')) === null || _a === void 0 ? void 0 : _a.enabled);
+    const formikValidationSchema = useMemo(() => object().shape(Object.fromEntries(fields.map(({ name, required }) => [
+        name,
+        required
+            ? getValueByKey(fieldsConfig, name).validation.required('required')
+            : getValueByKey(fieldsConfig, name).validation,
+    ]))), [fields]);
+    const formikInitialValues = useMemo(() => Object.fromEntries(fields.map(({ name }) => {
+        var _a, _b, _c;
+        const info = (userProfile !== null && userProfile !== void 0 ? userProfile : {});
+        const mapNameToDefaultValue = {
+            country: countryCodes[0].code,
+            policiesConsent: false,
+            tShirtSize: tShirtSizes[0],
+            team: teamNames[0],
+        };
+        const defaultValue = (_a = mapNameToDefaultValue[name]) !== null && _a !== void 0 ? _a : '';
+        return [name, (_c = (_b = getValueByKey(info, name)) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : defaultValue];
+    })) || {}, [fields, userProfile]);
+    const onFormSubmit = useCallback((values, formikHelper) => __awaiter(void 0, void 0, void 0, function* () {
+        if (mockedSDK)
+            return;
+        try {
+            if (!(userProfile === null || userProfile === void 0 ? void 0 : userProfile.environmentId))
+                throw new DynamicError('Invalid environment ID');
+            setFetch(true);
+            let updatedUserFields = values;
+            if (enforcePolicies) {
+                updatedUserFields = Object.assign(Object.assign({}, updatedUserFields), { policiesConsent: true });
+                delete updatedUserFields.policiesConsentArray;
+            }
+            yield (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(updatedUserFields));
+        }
+        catch (e) {
+            logger.error(e);
+            onError === null || onError === void 0 ? void 0 : onError(e);
+            if (e.name === 'EmailAlreadyExistsError') {
+                formikHelper.setErrors({ email: 'Email already exists' });
+            }
+            else if (e.name === 'UsernameAlreadyExistsError') {
+                formikHelper.setErrors({ username: 'Username already exists' });
+            }
+            else {
+                formikHelper.setErrors({
+                    api: 'Something went wrong. Please try again.',
+                });
+            }
+        }
+        finally {
+            setFetch(false);
+        }
+    }), [mockedSDK, userProfile === null || userProfile === void 0 ? void 0 : userProfile.environmentId, enforcePolicies, onSubmit, onError]);
+    return {
+        enforcePolicies,
+        fetch,
+        formikInitialValues,
+        formikValidationSchema,
+        onFormSubmit,
+    };
+};
+
+export { useUserDataForm };

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

@@ -0,0 +1,82 @@
+'use strict';
+
+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');
+
+// User Fields Schema without captchaToken and policiesConsent properties
+const userFieldsSchema = yup.object().shape({
+    email: yup.string(),
+    alias: yup.string(),
+    firstName: yup.string(),
+    lastName: yup.string(),
+    jobTitle: yup.string(),
+    phoneNumber: yup.string(),
+    tShirtSize: yup.string(),
+    team: yup.string(),
+    country: yup.string(),
+});
+// Hook exposed to the public
+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;
+        const validatedUserFields = yield userFieldsSchema.validate(userFields, {
+            stripUnknown: validationSchemaStripUnknown,
+        });
+        const updateUserProfileResponse = yield api.updateUserProfileFields(jwtToken, userEnvironmentId || environmentId, validatedUserFields);
+        const _isEmailVerificationRequired = isEmailVerificationRequired.isEmailVerificationRequired(updateUserProfileResponse);
+        if (!_isEmailVerificationRequired) {
+            // If email verification is not needed then we can update the user profile immediately.
+            updateUserProfileByJWT(updateUserProfileResponse.jwt);
+            return {
+                isEmailVerificationRequired: _isEmailVerificationRequired,
+                updateUserProfileResponse,
+            };
+        }
+        // We update EmailContext to use this information in the Email Verification view
+        setEmail((_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.email);
+        setVerificationUUID((_b = updateUserProfileResponse.emailVerification) === null || _b === void 0 ? void 0 : _b.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: _isEmailVerificationRequired,
+            updateUserProfileResponse,
+            verifyEmailFn: scopedVerifyEmailFn,
+        };
+    }), [
+        environmentId,
+        jwtToken,
+        setEmail,
+        setVerificationUUID,
+        validationSchemaStripUnknown,
+        updateUserProfileByJWT,
+        verifyEmailFn,
+    ]);
+    return { updateUser };
+};
+// Hook exposed to the clients
+// We do not want customers to be able to edit properties such as policiesConsent or captchaToken
+const useUserUpdateRequest = () => 
+// eslint-disable-next-line react-hooks/rules-of-hooks
+useUserUpdateRequestInternal({ validationSchemaStripUnknown: true });
+
+exports.useUserUpdateRequest = useUserUpdateRequest;
+exports.useUserUpdateRequestInternal = useUserUpdateRequestInternal;

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

@@ -0,0 +1,77 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { object, string } 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';
+
+// User Fields Schema without captchaToken and policiesConsent properties
+const userFieldsSchema = object().shape({
+    email: string(),
+    alias: string(),
+    firstName: string(),
+    lastName: string(),
+    jobTitle: string(),
+    phoneNumber: string(),
+    tShirtSize: string(),
+    team: string(),
+    country: string(),
+});
+// Hook exposed to the public
+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;
+        const validatedUserFields = yield userFieldsSchema.validate(userFields, {
+            stripUnknown: validationSchemaStripUnknown,
+        });
+        const updateUserProfileResponse = yield updateUserProfileFields(jwtToken, userEnvironmentId || environmentId, validatedUserFields);
+        const _isEmailVerificationRequired = isEmailVerificationRequired(updateUserProfileResponse);
+        if (!_isEmailVerificationRequired) {
+            // If email verification is not needed then we can update the user profile immediately.
+            updateUserProfileByJWT(updateUserProfileResponse.jwt);
+            return {
+                isEmailVerificationRequired: _isEmailVerificationRequired,
+                updateUserProfileResponse,
+            };
+        }
+        // We update EmailContext to use this information in the Email Verification view
+        setEmail((_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.email);
+        setVerificationUUID((_b = updateUserProfileResponse.emailVerification) === null || _b === void 0 ? void 0 : _b.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: _isEmailVerificationRequired,
+            updateUserProfileResponse,
+            verifyEmailFn: scopedVerifyEmailFn,
+        };
+    }), [
+        environmentId,
+        jwtToken,
+        setEmail,
+        setVerificationUUID,
+        validationSchemaStripUnknown,
+        updateUserProfileByJWT,
+        verifyEmailFn,
+    ]);
+    return { updateUser };
+};
+// Hook exposed to the clients
+// We do not want customers to be able to edit properties such as policiesConsent or captchaToken
+const useUserUpdateRequest = () => 
+// eslint-disable-next-line react-hooks/rules-of-hooks
+useUserUpdateRequestInternal({ validationSchemaStripUnknown: true });
+
+export { useUserUpdateRequest, useUserUpdateRequestInternal };

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

@@ -0,0 +1,171 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var multiWallet = require('@dynamic-labs/multi-wallet');
+var api = require('../../../data/api.cjs');
+var index = require('../../functions/storeAuthToken/index.cjs');
+var localStorage = require('../../constants/localStorage.cjs');
+require('../../constants/colors.cjs');
+var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
+var logger = require('../../../shared/logger.cjs');
+var setToLS = require('../../../shared/utils/functions/storage/setToLS.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+var getVerifyArgs = require('../../functions/getVerifyArgs/getVerifyArgs.cjs');
+var createUserProfile = require('../../functions/createUserProfile/createUserProfile.cjs');
+var isSupportedNetwork = require('../../functions/isSupportedNetwork/isSupportedNetwork.cjs');
+require('@dynamic-labs/sdk-api');
+var isProgrammableNetworkSwitchSupported = require('../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
+var getSiweStatement = require('../../functions/getSiweStatement/getSiweStatement.cjs');
+var getWalletProvider = require('../../functions/getWalletProvider/getWalletProvider.cjs');
+require('../../../shared/consts/index.cjs');
+
+// This logic is used to both verify or link a wallet
+// Since we are re-using the different screens to authenticate or link the wallet.
+// This logic is the best place to determine whether we should verify or verify and link.
+const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, }) => {
+    const { setView } = ViewContext.useViewContext();
+    const { setErrorMessage, setError } = ErrorContext.useErrorContext();
+    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, loginWithEmail, } = useInternalDynamicContext.useInternalDynamicContext();
+    // If the user is not already logged it means that we only need to verify
+    // We need this boolean for the part of the logic where we already persisted a new authToken,
+    // and need to distinguish between logic for verify or linking.
+    const verifyOnly = !authToken;
+    const generateJWT = (walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        let Jwt;
+        const nonce = consumeNonce();
+        if (nonce === undefined)
+            throw new multiWallet.DynamicError('Missing nonce');
+        const verifyArgs = yield getVerifyArgs.getVerifyArgs({
+            displayTermsOfService,
+            environmentId,
+            fetchPublicAddressOpts,
+            nonce,
+            publicWalletAddress,
+            siweStatement: getSiweStatement.getSiweStatement({ appName, siweStatement }),
+            walletConnector,
+            walletProvider,
+        });
+        if (authToken === undefined || !multiWalletEnabled) {
+            Jwt = yield api.verifyWallet(environmentId, Object.assign(Object.assign({}, verifyArgs), { captchaToken }));
+        }
+        else {
+            Jwt = yield api.linkWallet(environmentId, verifyArgs, authToken);
+        }
+        if (Jwt === undefined)
+            throw new multiWallet.DynamicError('Could not obtain a valid JWT');
+        // TODO DYN-523: add verification here that the JWT is valid with the publicKey
+        return Jwt;
+    });
+    // Overrides the stored primary wallet id when the
+    // user logs in for the first time.
+    // Or when the user is linking an additional
+    // account on the same wallet as the primary wallet.
+    const updatePrimaryWalletId = (walletConnector, user) => {
+        const newSelectedCredentialWallet = user.verifiedCredentials.find((cred) => cred.id === user.lastVerifiedCredentialId &&
+            cred.format === 'blockchain');
+        if (newSelectedCredentialWallet) {
+            const currentPrimaryWallet = user.verifiedCredentials.find((a) => a.id === primaryWalletId);
+            if (verifyOnly ||
+                primaryWalletId === undefined ||
+                (multiWalletWidgetState === 'awaiting_signature' &&
+                    newSelectedCredentialWallet.walletName ===
+                        (currentPrimaryWallet === null || currentPrimaryWallet === void 0 ? void 0 : currentPrimaryWallet.walletName)) ||
+                ((currentPrimaryWallet === null || currentPrimaryWallet === void 0 ? void 0 : currentPrimaryWallet.chain) === 'flow' &&
+                    walletConnector.connectedChain === 'FLOW')) {
+                setPrimaryWalletId(newSelectedCredentialWallet.id);
+            }
+        }
+    };
+    const handleError = (e, walletConnector) => {
+        var _a;
+        // This is a special case where the user is trying to link a wallet
+        // and the wallet is already linked and we don't want to kill the session.
+        if (e.name === 'WalletUsedError') {
+            setShowAuthFlow(true);
+            setView('wallet-used');
+            setIsSingleWalletAccount(false);
+            if (e.code === 'reassign_wallet_error') {
+                setIsSingleWalletAccount(true);
+            }
+            return;
+        }
+        (_a = walletConnector.endSession) === null || _a === void 0 ? void 0 : _a.call(walletConnector);
+        if (e.name === 'ChainalysisError') {
+            setView('chainalysis-blocked-wallet');
+            return;
+        }
+        if (e.name === 'NoAccessError') {
+            setView('no-access');
+            return;
+        }
+        if (connectedWallet && authMode === 'connect-only') {
+            throw new multiWallet.DynamicError(e.message);
+        }
+        setView(loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list');
+        logger.logger.error(e);
+        if (debugError) {
+            setError(`${e.message}\n ${e.stack}`);
+        }
+        else {
+            setErrorMessage(e.code);
+        }
+    };
+    return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const walletProvider = getWalletProvider.getWalletProvider(walletConnector);
+        const network = yield walletConnector.getNetwork();
+        const _isSupportedNetwork = isSupportedNetwork.isSupportedNetwork({
+            network,
+            walletConnector,
+        });
+        try {
+            const Jwt = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken);
+            const decodedJwt = decodeJwt.decodeJwt(Jwt);
+            if (decodedJwt === undefined)
+                throw new multiWallet.DynamicError('Invalid token!');
+            const user = yield createUserProfile.createUserProfile(decodedJwt);
+            const isKycRequired = decodedJwt.missingFields.length;
+            setOnboardingOnlyJwt(Jwt);
+            setToLS.setToLS(localStorage.LAST_USED_WALLET, walletConnector.name);
+            updatePrimaryWalletId(walletConnector, user);
+            // Routes user to "Not Supported Network" screen if the user is not on the supported network
+            if (projectSettings &&
+                verifyOnly &&
+                !_isSupportedNetwork &&
+                !isKycRequired) {
+                const _isProgrammableNetworkSwitchSupported = isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(walletConnector);
+                if (_isProgrammableNetworkSwitchSupported) {
+                    return setView('network-not-supported');
+                }
+                return setView('network-not-supported-manual');
+            }
+            // TODO: how can projectSettings be undefined?
+            if (verifyOnly && projectSettings && isKycRequired) {
+                setShowAuthFlow(true);
+                return setView('collect-user-data');
+            }
+            index.storeAuthToken(Jwt);
+            setOnboardingOnlyJwt(undefined);
+            setUser(user); // The user should only be set if no KYC is needed.
+            setShowAuthFlow(false);
+            /* istanbul ignore else */
+            if (verifyOnly) {
+                setCallback('authSuccess');
+            }
+            else {
+                setCallback('linkSuccess');
+            }
+        }
+        catch (e) {
+            handleError(e, walletConnector);
+        }
+    });
+};
+
+exports.useVerifyWallet = useVerifyWallet;