@dynamic-labs/sdk-react-core 0.18.0-RC.22 → 0.18.0-RC.23

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

@@ -1,8 +1,23 @@
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useOnlyConnectedMode } from '../useOnlyConnectedMode/useOnlyConnectedMode.js';
 import { getUserProfileFields } from '../../functions/getUserProfileFields/getUserProfileFields.js';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import 'react';
+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 { isSocialKycEnabled } from '../../functions/isSocialKycEnabled/isSocialKycEnabled.js';
 
-const isSocialEnabled = (kyc = []) => { var _a; return Boolean((_a = kyc.find(({ name }) => name === 'social')) === null || _a === void 0 ? void 0 : _a.enabled); };
+/* eslint-disable max-len */
 /**
  * A custom React hook that checks if KYC fields are enabled in the project settings or defined in the user profile.
  *
@@ -17,7 +32,7 @@ const useKYCFlag = () => {
         projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
         user,
     });
-    return hasAnyKYCFields.length > 0 || isSocialEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc);
+    return hasAnyKYCFields.length > 0 || isSocialKycEnabled(projectSettings);
 };
 
 export { useKYCFlag };

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

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

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

@@ -0,0 +1,159 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var api = require('../../../data/api.cjs');
+var useUpdateUserProfileByJWTCallback = require('../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');
+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');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
+var index = require('../../functions/getEnabledOAuthProviders/index.cjs');
+var isSocialKycEnabled = require('../../functions/isSocialKycEnabled/isSocialKycEnabled.cjs');
+
+const useSocialAccounts = () => {
+    var _a;
+    const { environmentId, user, projectSettings, onboardingOnlyJwt } = useInternalDynamicContext.useInternalDynamicContext();
+    const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback.useUpdateUserProfileByJWTCallback();
+    const [isProcessing, setIsProcessing] = React.useState(false);
+    const [error, setError] = React.useState();
+    const userJwt = (_a = getAuthToken.getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
+    const oauthProviders = index.getEnabledOAuthProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
+    const verifiedOAuthCredentialsMap = React.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.logger.error(message);
+        setIsProcessing(false);
+        setError(message);
+    };
+    const linkSocialAccount = (provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        setError(undefined);
+        setIsProcessing(true);
+        if (!isSocialKycEnabled.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) => _tslib.__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.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 api.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) => _tslib.__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 api.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,
+    };
+};
+
+exports.useSocialAccounts = useSocialAccounts;

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

@@ -0,0 +1,10 @@
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
+import { SocialAccountInformation } from '@dynamic-labs/types';
+export declare const useSocialAccounts: () => {
+    readonly error: string | undefined;
+    readonly getLinkedAccountInformation: (provider: ProviderEnum) => SocialAccountInformation | undefined;
+    readonly isLinked: (provider: ProviderEnum) => boolean;
+    readonly isProcessing: boolean;
+    readonly linkSocialAccount: (provider: ProviderEnum) => Promise<void>;
+    readonly unlinkSocialAccount: (provider: ProviderEnum) => Promise<void>;
+};

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/useVerifyWallet/useVerifyWallet.cjs

@@ -28,12 +28,14 @@ var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
 var getSiweStatement = require('../../functions/getSiweStatement/getSiweStatement.cjs');
 var getWalletProvider = require('../../functions/getWalletProvider/getWalletProvider.cjs');
 var AccessDeniedContext = require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+var AccountExistsContext = require('../../../context/AccountExistsContext/AccountExistsContext.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 { setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
+    const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     const { setView, goToInitialView } = ViewContext.useViewContext();
     const { setErrorMessage, setError } = ErrorContext.useErrorContext();
     const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, setIsVerificationInProgress, } = useInternalDynamicContext.useInternalDynamicContext();
@@ -123,6 +125,11 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             setView('no-access');
             return;
         }
+        if (e instanceof utils.AccountExistsError) {
+            setExistentAccountData(e.errorPayload);
+            setView('account-exists');
+            return;
+        }
         if (connectedWallet && authMode === 'connect-only') {
             throw new utils.DynamicError(e.message);
         }

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

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { DynamicError, WalletUsedError, ChainalysisError, GateBlockedError, NoAccessError } from '@dynamic-labs/utils';
+import { DynamicError, WalletUsedError, ChainalysisError, GateBlockedError, NoAccessError, AccountExistsError } from '@dynamic-labs/utils';
 import { verifyWallet, linkWallet } from '../../../data/api.js';
 import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
 import '@dynamic-labs/multi-wallet';
@@ -24,12 +24,14 @@ import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
 import { getSiweStatement } from '../../functions/getSiweStatement/getSiweStatement.js';
 import { getWalletProvider } from '../../functions/getWalletProvider/getWalletProvider.js';
 import { useAccessDeniedContext } from '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
 
 // 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 { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
+    const { setExistentAccountData } = useAccountExistsContext();
     const { setView, goToInitialView } = useViewContext();
     const { setErrorMessage, setError } = useErrorContext();
     const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, setIsVerificationInProgress, } = useInternalDynamicContext();
@@ -119,6 +121,11 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             setView('no-access');
             return;
         }
+        if (e instanceof AccountExistsError) {
+            setExistentAccountData(e.errorPayload);
+            setView('account-exists');
+            return;
+        }
         if (connectedWallet && authMode === 'connect-only') {
             throw new DynamicError(e.message);
         }

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

@@ -25,6 +25,7 @@ var isSelectedWalletAlreadyConnected = require('../../functions/isSelectedWallet
 var useConnectAndSign = require('../authenticationHooks/useConnectAndSign/useConnectAndSign.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 var useConnectAndSignSplitSteps = require('../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs');
 
 const useWalletItemActions = () => {

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

@@ -21,6 +21,7 @@ import { isSelectedWalletAlreadyConnected } from '../../functions/isSelectedWall
 import { useConnectAndSign } from '../authenticationHooks/useConnectAndSign/useConnectAndSign.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import { useConnectAndSignSplitSteps } from '../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js';
 
 const useWalletItemActions = () => {

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

@@ -32,6 +32,7 @@ require('@dynamic-labs/rpc-providers');
 require('../useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 var useConfirmationModal = require('../useConfirmationModal/useConfirmationModal.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');

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

@@ -28,6 +28,7 @@ import '@dynamic-labs/rpc-providers';
 import '../useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import { useConfirmationModal } from '../useConfirmationModal/useConfirmationModal.js';
 import '../../../context/MockContext/MockContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/views/AccountExistsView/AccountExistsView.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var iconic = require('@dynamic-labs/iconic');
+require('react');
+var Typography = require('../../components/Typography/Typography.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../shared/consts/index.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('react-dom');
+require('react-focus-lock');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+var AccountExistsContext = require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../context/MockContext/MockContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+var useGetSocialIcon = require('../../utils/hooks/useGetSocialIcon/useGetSocialIcon.cjs');
+var IconListTile = require('../../components/IconListTile/IconListTile.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');
+var capitalize = require('../../shared/utils/functions/capitalize/capitalize.cjs');
+var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+var LoginWithEmailForm = require('../LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.cjs');
+
+const AccountExistsView = () => {
+    const { existentAccountData } = AccountExistsContext.useAccountExistsContext();
+    const { email, embeddedSocialSigninProvider } = existentAccountData || {};
+    const { socialProvider, setSocialProvider, socialWalletConnector } = SocialRedirectContext.useSocialRedirectContext();
+    const getSocialIcon = useGetSocialIcon.useGetSocialIcon();
+    const { mutate: handleNewLoging } = useMutation.useMutation(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        setSocialProvider(embeddedSocialSigninProvider);
+        yield (socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.endSession());
+        return socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.connect(embeddedSocialSigninProvider);
+    }));
+    const renderFullMessage = () => {
+        const messageTrail = embeddedSocialSigninProvider
+            ? ` through ${capitalize.capitalize(embeddedSocialSigninProvider)}`
+            : '. Please log in with your email.';
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["It looks like an account already exists using ", jsxRuntime.jsx("strong", { children: email }), '', messageTrail] }));
+    };
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'account-exists__container' }, { children: [jsxRuntime.jsx(iconic.UserProfileIcon, { className: 'account-exists__image' }), jsxRuntime.jsxs("div", Object.assign({ className: 'account-exists__main' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'account-exists__content' }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'account-exists__content--secondary' }, { children: renderFullMessage() })) })), embeddedSocialSigninProvider ? (jsxRuntime.jsxs(IconListTile.IconListTile, Object.assign({ dataTestId: `inline-${embeddedSocialSigninProvider}`, onClick: () => handleNewLoging(), className: 'social-sign-in--tile' }, { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: getSocialIcon(embeddedSocialSigninProvider), isSpinning: socialProvider === embeddedSocialSigninProvider, iconSize: 32 }), jsxRuntime.jsxs(Typography.Typography, Object.assign({ variant: 'button_primary' }, { children: ["Connect with", ' ', capitalize.capitalize(embeddedSocialSigninProvider === null || embeddedSocialSigninProvider === void 0 ? void 0 : embeddedSocialSigninProvider.toString())] }))] }), embeddedSocialSigninProvider)) : (jsxRuntime.jsx(LoginWithEmailForm.LoginWithEmailForm, {}))] }))] })));
+};
+
+exports.AccountExistsView = AccountExistsView;

package/src/lib/views/AccountExistsView/AccountExistsView.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AccountExistsView: () => JSX.Element;

package/src/lib/views/AccountExistsView/AccountExistsView.js

@@ -0,0 +1,69 @@
+import { __awaiter } from '../../../../_virtual/_tslib.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { UserProfileIcon } from '@dynamic-labs/iconic';
+import 'react';
+import { Typography } from '../../components/Typography/Typography.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../shared/consts/index.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/multi-wallet';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import { useAccountExistsContext } from '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../components/IconButton/IconButton.js';
+import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
+import '../../components/Alert/Alert.js';
+import '../../context/MockContext/MockContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
+import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import { useGetSocialIcon } from '../../utils/hooks/useGetSocialIcon/useGetSocialIcon.js';
+import { IconListTile } from '../../components/IconListTile/IconListTile.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';
+import { capitalize } from '../../shared/utils/functions/capitalize/capitalize.js';
+import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import { LoginWithEmailForm } from '../LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.js';
+
+const AccountExistsView = () => {
+    const { existentAccountData } = useAccountExistsContext();
+    const { email, embeddedSocialSigninProvider } = existentAccountData || {};
+    const { socialProvider, setSocialProvider, socialWalletConnector } = useSocialRedirectContext();
+    const getSocialIcon = useGetSocialIcon();
+    const { mutate: handleNewLoging } = useMutation(() => __awaiter(void 0, void 0, void 0, function* () {
+        setSocialProvider(embeddedSocialSigninProvider);
+        yield (socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.endSession());
+        return socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.connect(embeddedSocialSigninProvider);
+    }));
+    const renderFullMessage = () => {
+        const messageTrail = embeddedSocialSigninProvider
+            ? ` through ${capitalize(embeddedSocialSigninProvider)}`
+            : '. Please log in with your email.';
+        return (jsxs(Fragment, { children: ["It looks like an account already exists using ", jsx("strong", { children: email }), '', messageTrail] }));
+    };
+    return (jsxs("div", Object.assign({ className: 'account-exists__container' }, { children: [jsx(UserProfileIcon, { className: 'account-exists__image' }), jsxs("div", Object.assign({ className: 'account-exists__main' }, { children: [jsx("div", Object.assign({ className: 'account-exists__content' }, { children: jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'account-exists__content--secondary' }, { children: renderFullMessage() })) })), embeddedSocialSigninProvider ? (jsxs(IconListTile, Object.assign({ dataTestId: `inline-${embeddedSocialSigninProvider}`, onClick: () => handleNewLoging(), className: 'social-sign-in--tile' }, { children: [jsx(IconWithSpinner, { Icon: getSocialIcon(embeddedSocialSigninProvider), isSpinning: socialProvider === embeddedSocialSigninProvider, iconSize: 32 }), jsxs(Typography, Object.assign({ variant: 'button_primary' }, { children: ["Connect with", ' ', capitalize(embeddedSocialSigninProvider === null || embeddedSocialSigninProvider === void 0 ? void 0 : embeddedSocialSigninProvider.toString())] }))] }), embeddedSocialSigninProvider)) : (jsx(LoginWithEmailForm, {}))] }))] })));
+};
+
+export { AccountExistsView };

package/src/lib/views/AccountExistsView/index.d.ts

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

package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs

@@ -32,6 +32,7 @@ require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../context/MockContext/MockContext.cjs');

package/src/lib/views/CollectUserDataView/CollectUserDataView.js

@@ -28,6 +28,7 @@ import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '../../context/MockContext/MockContext.js';