@dynamic-labs/sdk-react-core 0.18.0-RC.8 → 0.18.0-beta.28

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

@@ -0,0 +1,155 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useState, useMemo } from 'react';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import { unlinkOAuth, verifyOAuth } from '../../../data/api.js';
+import { useUpdateUserProfileByJWTCallback } from '../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
+import { getEnabledOAuthProviders } from '../../functions/getEnabledOAuthProviders/index.js';
+import { isSocialKycEnabled } from '../../functions/isSocialKycEnabled/isSocialKycEnabled.js';
+
+const useSocialAccounts = () => {
+    var _a;
+    const { environmentId, user, projectSettings, onboardingOnlyJwt } = useInternalDynamicContext();
+    const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
+    const [isProcessing, setIsProcessing] = useState(false);
+    const [error, setError] = useState();
+    const userJwt = (_a = getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
+    const oauthProviders = getEnabledOAuthProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
+    const verifiedOAuthCredentialsMap = useMemo(() => {
+        var _a, _b;
+        const verifiedOAuthCredential = (_b = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.filter((credential) => credential.format === 'oauth')) !== null && _b !== void 0 ? _b : [];
+        return Object.fromEntries(new Map(verifiedOAuthCredential.map((credential) => {
+            var _a;
+            return [
+                (_a = credential.oauthProvider) !== null && _a !== void 0 ? _a : credential.id,
+                credential,
+            ];
+        })));
+    }, [user === null || user === void 0 ? void 0 : user.verifiedCredentials]);
+    const handleError = (message) => {
+        logger.error(message);
+        setIsProcessing(false);
+        setError(message);
+    };
+    const linkSocialAccount = (provider) => __awaiter(void 0, void 0, void 0, function* () {
+        setError(undefined);
+        setIsProcessing(true);
+        if (!isSocialKycEnabled(projectSettings)) {
+            handleError('Social linking is not enabled on the dashboard');
+            return;
+        }
+        if (!provider) {
+            handleError('Provider is required');
+            return;
+        }
+        const verifiedCredential = verifiedOAuthCredentialsMap[provider];
+        if (verifiedCredential) {
+            handleError(`Account already linked for provider: ${provider}`);
+            return;
+        }
+        const oauthProvider = oauthProviders.find((p) => p.provider === provider);
+        if (!oauthProvider) {
+            handleError(`Provider is not enabled on the dashboard: ${provider}`);
+            return;
+        }
+        const handleAuthWindowMessage = (event) => __awaiter(void 0, void 0, void 0, function* () {
+            var _b, _c, _d;
+            if (((_b = event.data) === null || _b === void 0 ? void 0 : _b.type) === 'authorization_response') {
+                logger.debug('Message received', { data: event.data });
+            }
+            if (((_c = event.data) === null || _c === void 0 ? void 0 : _c.type) !== 'authorization_response' ||
+                ((_d = event.data) === null || _d === void 0 ? void 0 : _d.provider) !== provider) {
+                return;
+            }
+            const { code } = event.data;
+            const jwt = yield verifyOAuth(environmentId, provider, {
+                code,
+            }, String(userJwt));
+            if (!jwt) {
+                handleError(`Failed to link social account: ${provider}`);
+                return;
+            }
+            yield updateUserProfileByJWT(jwt);
+            setIsProcessing(false);
+        });
+        window.addEventListener('message', handleAuthWindowMessage);
+        const authWindow = window.open(oauthProvider.authorizationUrl, '_blank', 'width=500,height=600');
+        const authWindowInterval = setInterval(() => {
+            if (authWindow === null || authWindow === void 0 ? void 0 : authWindow.closed) {
+                window.removeEventListener('message', handleAuthWindowMessage);
+                clearInterval(authWindowInterval);
+                setIsProcessing(false);
+            }
+        }, 1000);
+    });
+    const unlinkSocialAccount = (provider) => __awaiter(void 0, void 0, void 0, function* () {
+        var _e;
+        setError(undefined);
+        setIsProcessing(true);
+        if (!provider) {
+            handleError('Provider is required');
+            return;
+        }
+        const verifiedCredential = verifiedOAuthCredentialsMap[provider];
+        if (!verifiedCredential) {
+            handleError(`No account linked for provider: ${provider}`);
+            return;
+        }
+        try {
+            const jwt = yield unlinkOAuth({
+                environmentId,
+                verifiedCrentialId: (_e = verifiedCredential.id) !== null && _e !== void 0 ? _e : '',
+            }, String(userJwt));
+            if (!jwt) {
+                handleError(`Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
+                return;
+            }
+            yield updateUserProfileByJWT(jwt);
+            setIsProcessing(false);
+        }
+        catch (err) {
+            handleError(`Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
+        }
+    });
+    const isLinked = (provider) => Boolean(verifiedOAuthCredentialsMap[provider]);
+    const getLinkedAccountInformation = (provider) => {
+        const verifiedCredential = verifiedOAuthCredentialsMap[provider];
+        if (!verifiedCredential) {
+            return;
+        }
+        const { id, oauthAccountId, oauthAccountPhotos, oauthDisplayName, oauthEmails, oauthProvider, oauthUsername, publicIdentifier, } = verifiedCredential;
+        return {
+            accountId: oauthAccountId,
+            avatar: oauthAccountPhotos === null || oauthAccountPhotos === void 0 ? void 0 : oauthAccountPhotos[0],
+            displayName: oauthDisplayName,
+            email: oauthEmails === null || oauthEmails === void 0 ? void 0 : oauthEmails[0],
+            id,
+            provider: oauthProvider,
+            publicIdentifier,
+            username: oauthUsername,
+        };
+    };
+    return {
+        error,
+        getLinkedAccountInformation,
+        isLinked,
+        isProcessing,
+        linkSocialAccount,
+        unlinkSocialAccount,
+    };
+};
+
+export { useSocialAccounts };

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var useCreateUserProfileByJWTCallback = require('../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs');
@@ -16,11 +17,11 @@ var useCreateUserProfileByJWTCallback = require('../useCreateUserProfileByJWTCal
 const useUpdateUserProfileByJWTCallback = () => {
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
     const { setCallback } = useInternalDynamicContext.useInternalDynamicContext();
-    const updateUserProfileByJWT = React.useCallback((jwt) => {
-        createUserProfileByJWT(jwt);
+    const updateUserProfileByJWT = React.useCallback((jwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        yield createUserProfileByJWT(jwt);
         setCallback('userProfileUpdate');
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }), []);
     return { updateUserProfileByJWT };
 };
 

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

@@ -6,5 +6,5 @@
  * @returns An object with the 'updateUserProfileByJWT' function.
  */
 export declare const useUpdateUserProfileByJWTCallback: () => {
-    updateUserProfileByJWT: (jwt: string) => void;
+    updateUserProfileByJWT: (jwt: string) => Promise<void>;
 };

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

@@ -1,3 +1,4 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
@@ -12,11 +13,11 @@ import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTC
 const useUpdateUserProfileByJWTCallback = () => {
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
     const { setCallback } = useInternalDynamicContext();
-    const updateUserProfileByJWT = useCallback((jwt) => {
-        createUserProfileByJWT(jwt);
+    const updateUserProfileByJWT = useCallback((jwt) => __awaiter(void 0, void 0, void 0, function* () {
+        yield createUserProfileByJWT(jwt);
         setCallback('userProfileUpdate');
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }), []);
     return { updateUserProfileByJWT };
 };
 

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

@@ -11,15 +11,36 @@ var isEmailVerificationRequired = require('../../functions/authenication/isEmail
 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');
 
 // 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(),
@@ -33,23 +54,27 @@ const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {
     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;
+        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.
-            updateUserProfileByJWT(updateUserProfileResponse.jwt);
+            yield updateUserProfileByJWT(updateUserProfileResponse.jwt);
             return {
-                isEmailVerificationRequired: _isEmailVerificationRequired,
+                isEmailVerificationRequired: false,
+                missingFields,
                 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);
+        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.
@@ -58,7 +83,8 @@ const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {
             return verifyEmailFn(verificationToken, (_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.verificationUUID);
         };
         return {
-            isEmailVerificationRequired: _isEmailVerificationRequired,
+            isEmailVerificationRequired: true,
+            missingFields,
             updateUserProfileResponse,
             verifyEmailFn: scopedVerifyEmailFn,
         };

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

@@ -4,22 +4,26 @@ export declare const useUserUpdateRequestInternal: ({ validationSchemaStripUnkno
     validationSchemaStripUnknown: boolean;
 }) => {
     updateUser: (userFields: UpdateUserFieldsArg, userEnvironmentId?: string) => Promise<{
-        isEmailVerificationRequired: false;
+        isEmailVerificationRequired: boolean;
+        missingFields: import("@dynamic-labs/sdk-api").ProjectSettingsKyc[];
         updateUserProfileResponse: import("@dynamic-labs/sdk-api").UpdateSelfResponse;
         verifyEmailFn?: undefined;
     } | {
-        isEmailVerificationRequired: true;
+        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>;
     }>;
 };
 export declare const useUserUpdateRequest: () => {
     updateUser: (userFields: UpdateUserFieldsArg, userEnvironmentId?: string) => Promise<{
-        isEmailVerificationRequired: false;
+        isEmailVerificationRequired: boolean;
+        missingFields: import("@dynamic-labs/sdk-api").ProjectSettingsKyc[];
         updateUserProfileResponse: import("@dynamic-labs/sdk-api").UpdateSelfResponse;
         verifyEmailFn?: undefined;
     } | {
-        isEmailVerificationRequired: true;
+        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>;
     }>;

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

@@ -1,21 +1,42 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
-import { object, string } from 'yup';
+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';
 
 // 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(),
@@ -29,23 +50,27 @@ const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {
     const { verifyEmail: verifyEmailFn } = useEmailVerificationRequest();
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
     const updateUser = useCallback((userFields, userEnvironmentId) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
+        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.
-            updateUserProfileByJWT(updateUserProfileResponse.jwt);
+            yield updateUserProfileByJWT(updateUserProfileResponse.jwt);
             return {
-                isEmailVerificationRequired: _isEmailVerificationRequired,
+                isEmailVerificationRequired: false,
+                missingFields,
                 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);
+        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.
@@ -54,7 +79,8 @@ const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {
             return verifyEmailFn(verificationToken, (_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.verificationUUID);
         };
         return {
-            isEmailVerificationRequired: _isEmailVerificationRequired,
+            isEmailVerificationRequired: true,
+            missingFields,
             updateUserProfileResponse,
             verifyEmailFn: scopedVerifyEmailFn,
         };

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

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

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

@@ -0,0 +1,82 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../shared/consts/index.cjs');
+
+const useValidateSession = ({ handleLogOut, user, authToken, walletConnectV1Bridge, walletConnectors, wcVersion, }) => {
+    const [hasLoggedOut, setHasLoggedOut] = React.useState(false);
+    if (hasLoggedOut) {
+        return;
+    }
+    const logout = (reason, params) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        setHasLoggedOut(true);
+        logger.logger.debug(`Logging out - Reason: ${reason}`, Object.assign({}, params));
+        yield handleLogOut();
+    });
+    const handleUserDataOutOfSync = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (authToken || !user) {
+            return;
+        }
+        yield logout('user data out of sync', {
+            authToken,
+            user,
+        });
+    });
+    const handleConnectorBridgeOutOfSync = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        let currentWalletConnectV1Bridge;
+        if (walletConnectors) {
+            for (const connector of walletConnectors) {
+                if (!connector.isWalletConnect) {
+                    continue;
+                }
+                const session = yield connector.getSession();
+                const bridge = session && (session === null || session === void 0 ? void 0 : session.bridge);
+                if (bridge) {
+                    currentWalletConnectV1Bridge = bridge;
+                    break;
+                }
+            }
+        }
+        if (!walletConnectV1Bridge ||
+            !currentWalletConnectV1Bridge ||
+            walletConnectV1Bridge === currentWalletConnectV1Bridge) {
+            return;
+        }
+        yield logout('connector bridge out of sync', {
+            newBridge: walletConnectV1Bridge,
+            oldBridge: currentWalletConnectV1Bridge,
+        });
+    });
+    const hasWCV1Data = localStorage.LocalStorage.getKeys().some((key) => key.startsWith('walletconnect') || key.startsWith('walletlink'));
+    const hasWCV2Data = localStorage.LocalStorage.getKeys().some((key) => key.startsWith('wc@2'));
+    const handleConnectorVersionOutOfSync = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!wcVersion ||
+            (wcVersion === 2 && !hasWCV1Data) ||
+            (wcVersion === 1 && !hasWCV2Data)) {
+            return;
+        }
+        yield logout('connector version out of sync', {
+            newVersion: wcVersion,
+            oldVersion: hasWCV1Data ? 1 : 2,
+        });
+    });
+    handleUserDataOutOfSync();
+    handleConnectorBridgeOutOfSync();
+    handleConnectorVersionOutOfSync();
+};
+
+exports.useValidateSession = useValidateSession;

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

@@ -0,0 +1,12 @@
+import { UserProfile } from '../../../shared';
+import { WalletConnector } from '../../../..';
+type Props = {
+    handleLogOut: () => Promise<void>;
+    user: UserProfile | undefined;
+    authToken: string | undefined;
+    walletConnectV1Bridge: string | undefined;
+    walletConnectors: WalletConnector[] | undefined;
+    wcVersion: number | undefined;
+};
+export declare const useValidateSession: ({ handleLogOut, user, authToken, walletConnectV1Bridge, walletConnectors, wcVersion, }: Props) => void;
+export {};

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

@@ -0,0 +1,78 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useState } from 'react';
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../../shared/consts/index.js';
+
+const useValidateSession = ({ handleLogOut, user, authToken, walletConnectV1Bridge, walletConnectors, wcVersion, }) => {
+    const [hasLoggedOut, setHasLoggedOut] = useState(false);
+    if (hasLoggedOut) {
+        return;
+    }
+    const logout = (reason, params) => __awaiter(void 0, void 0, void 0, function* () {
+        setHasLoggedOut(true);
+        logger.debug(`Logging out - Reason: ${reason}`, Object.assign({}, params));
+        yield handleLogOut();
+    });
+    const handleUserDataOutOfSync = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (authToken || !user) {
+            return;
+        }
+        yield logout('user data out of sync', {
+            authToken,
+            user,
+        });
+    });
+    const handleConnectorBridgeOutOfSync = () => __awaiter(void 0, void 0, void 0, function* () {
+        let currentWalletConnectV1Bridge;
+        if (walletConnectors) {
+            for (const connector of walletConnectors) {
+                if (!connector.isWalletConnect) {
+                    continue;
+                }
+                const session = yield connector.getSession();
+                const bridge = session && (session === null || session === void 0 ? void 0 : session.bridge);
+                if (bridge) {
+                    currentWalletConnectV1Bridge = bridge;
+                    break;
+                }
+            }
+        }
+        if (!walletConnectV1Bridge ||
+            !currentWalletConnectV1Bridge ||
+            walletConnectV1Bridge === currentWalletConnectV1Bridge) {
+            return;
+        }
+        yield logout('connector bridge out of sync', {
+            newBridge: walletConnectV1Bridge,
+            oldBridge: currentWalletConnectV1Bridge,
+        });
+    });
+    const hasWCV1Data = LocalStorage.getKeys().some((key) => key.startsWith('walletconnect') || key.startsWith('walletlink'));
+    const hasWCV2Data = LocalStorage.getKeys().some((key) => key.startsWith('wc@2'));
+    const handleConnectorVersionOutOfSync = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (!wcVersion ||
+            (wcVersion === 2 && !hasWCV1Data) ||
+            (wcVersion === 1 && !hasWCV2Data)) {
+            return;
+        }
+        yield logout('connector version out of sync', {
+            newVersion: wcVersion,
+            oldVersion: hasWCV1Data ? 1 : 2,
+        });
+    });
+    handleUserDataOutOfSync();
+    handleConnectorBridgeOutOfSync();
+    handleConnectorVersionOutOfSync();
+};
+
+export { useValidateSession };