@dynamic-labs/sdk-react-core 3.0.3 → 3.1.1

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

@@ -1,9 +1,9 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useMemo, useState } from 'react';
+import { useMemo, useState, useCallback } from 'react';
 import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 import { SocialOAuthErrorCode } from '@dynamic-labs/types';
-import { isMobile, Oauth2Service, PlatformService, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
+import { SocialAccountAlreadyExistsError, PlatformService, isMobile, Oauth2Service } from '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -28,7 +28,7 @@ import { getProviderByType } from '../../functions/getProviderByType/getProvider
 import { randomString } from '../../functions/randomString/randomString.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../store/state/user/user.js';
-import { getOAuthResult, initAuth, telegramSignIn, signInOAuth, telegramVerify, verifyOAuth, farcasterSignIn, farcasterVerify } from '../../../data/api/oauth/oauth.js';
+import { telegramSignIn, signInOAuth, telegramVerify, verifyOAuth, getOAuthResult, initAuth, farcasterSignIn, farcasterVerify } from '../../../data/api/oauth/oauth.js';
 import '../../../locale/locale.js';
 import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
@@ -127,11 +127,11 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
     const { generateSessionKey, shouldRegisterSessionKeysOnSignin } = useEmbeddedWalletSessionKeys(environmentId);
     const [isProcessing, setIsProcessing] = useState(false);
     const [error, setError] = useState();
-    const clearError = () => {
+    const clearError = useCallback(() => {
         setError(undefined);
         setContextError(undefined);
-    };
-    const onFailed = (provider, reason, options) => {
+    }, [setContextError]);
+    const onFailed = useCallback((provider, reason, options) => {
         setIsProcessing(false);
         onError === null || onError === void 0 ? void 0 : onError();
         onSettled === null || onSettled === void 0 ? void 0 : onSettled();
@@ -141,15 +141,15 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
                 provider,
                 type: 'social',
             }, reason);
-    };
-    const handleError = (provider, code, message, options) => {
+    }, [onError, onSettled]);
+    const handleError = useCallback((provider, code, message, options) => {
         const error = { code, message };
         logger.error(message);
         setError(error);
         setErrorMessage(code);
         onFailed(provider, { error }, options);
-    };
-    const checkValidProvider = (provider, authMode) => {
+    }, [onFailed, setErrorMessage]);
+    const checkValidProvider = useCallback((provider, authMode) => {
         if (!provider) {
             handleError(provider, SocialOAuthErrorCode.NO_PROVIDER, 'Provider is required', { raiseAuthFailure: authMode === 'signin' });
             return false;
@@ -159,8 +159,8 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             return false;
         }
         return true;
-    };
-    const linkAccount = (provider, apiCall) => __awaiter(void 0, void 0, void 0, function* () {
+    }, [handleError]);
+    const linkAccount = useCallback((provider, apiCall) => __awaiter(void 0, void 0, void 0, function* () {
         try {
             const response = yield apiCall();
             if (!response) {
@@ -174,112 +174,16 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
                 handleError(provider, SocialOAuthErrorCode.ACCOUNT_ALREADY_LINKED_TO_DIFFERENT_PROFILE, `Social account already linked to a different profile: ${provider}`, { raiseAuthFailure: false });
             }
         }
-    });
-    const signInAccount = (provider, apiCall) => __awaiter(void 0, void 0, void 0, function* () {
+    }), [handleError, onSettled]);
+    const signInAccount = useCallback((provider, apiCall) => __awaiter(void 0, void 0, void 0, function* () {
         yield initAuth$1({
             onError: () => handleError(provider, SocialOAuthErrorCode.SIGNIN_ERROR, `Failed to sign-in with social account: ${provider}`, { raiseAuthFailure: true }),
             onSettled,
             options: { provider },
             verifyFunction: () => apiCall(),
         });
-    });
-    const connectSocialAccount = (_a) => __awaiter(void 0, [_a], void 0, function* ({ authMode, provider, validator, captchaToken, redirectUrl, telegramAuthToken, }) {
-        var _b, _c;
-        clearError();
-        setIsProcessing(true);
-        if (!authMode) {
-            logger.error('Auth mode is required. Please use either "link" or "signin"');
-            return;
-        }
-        if (!checkValidProvider(provider, authMode)) {
-            return;
-        }
-        // invalid connect request
-        if (validator && !validator(provider)) {
-            return;
-        }
-        dynamicEvents.emit('authInit', {
-            option: provider,
-            provider,
-            type: 'social',
-        });
-        if (provider === ProviderEnum.Farcaster) {
-            return connectWithFarcaster(authMode, {
-                captchaToken,
-                redirectUrl,
-            });
-        }
-        const state = randomString(32);
-        const verifier = randomString(43);
-        // Whether we will use PKCE (code verifier/challenge) for this provider
-        const usingPkce = providersRequiringPkce.includes(provider);
-        setSocialStorageFor(provider, {
-            captchaToken,
-            codeVerifier: usingPkce ? verifier : undefined,
-            state,
-        });
-        const loginUrlString = getOauthLoginUrl((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _b !== void 0 ? _b : [], provider);
-        if (!loginUrlString) {
-            handleError(provider, SocialOAuthErrorCode.NO_OAUTH_URL, `Failed to get login url to connect social account: ${provider}`, { raiseAuthFailure: authMode === 'signin' });
-            return;
-        }
-        const oauthLoginUrl = new URL(loginUrlString);
-        oauthLoginUrl.searchParams.set('state', state);
-        // only add pkce params for providers that support/require it
-        if (usingPkce) {
-            const digest = yield digestSHA256(verifier);
-            oauthLoginUrl.searchParams.set('code_challenge', encodeBase64URL(digest));
-            oauthLoginUrl.searchParams.set('code_challenge_method', 'S256');
-        }
-        const isMobile$1 = isMobile();
-        try {
-            const authCode = yield Oauth2Service.getOauthCode({
-                apiProvider: getProviderByType((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _c !== void 0 ? _c : [], provider),
-                getOAuthResultFromApi: () => getOAuthResult(environmentId, provider, {
-                    state,
-                }),
-                initWebAuth: ({ redirectUrl } = {}) => initAuth(environmentId, provider, {
-                    redirectUrl: redirectUrl
-                        ? removeDynamicOauthParamsFromUrl(redirectUrl)
-                        : undefined,
-                    state,
-                }),
-                isMobile: isMobile$1,
-                oauthLoginUrl,
-                onSettled,
-                provider,
-                redirectUrl: redirectUrl !== null && redirectUrl !== void 0 ? redirectUrl : defaultRedirectUrl,
-                sessionTimeout,
-                setIsProcessing,
-                state,
-                strategy,
-            });
-            yield completeConnection({
-                authCode,
-                authMode,
-                captchaToken,
-                provider,
-                state,
-                telegramAuthToken,
-                verifier,
-            });
-        }
-        catch (error) {
-            if (!Oauth2Service.isGetOauthCodeError(error)) {
-                logger.error('Social connection failed with unexpected error:', error);
-                onFailed(provider, { error }, { raiseAuthFailure: authMode === 'signin' });
-                return;
-            }
-            if (error === 'user-cancelled')
-                onFailed(provider, 'user-cancelled');
-            else {
-                handleError(provider, error.code, error.message, {
-                    raiseAuthFailure: authMode === 'signin',
-                });
-            }
-        }
-    });
-    const completeConnection = (_d) => __awaiter(void 0, [_d], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, }) {
+    }), [handleError, initAuth$1, onSettled]);
+    const completeConnection = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, }) {
         try {
             let sessionPublicKey = undefined;
             if (shouldRegisterSessionKeysOnSignin()) {
@@ -335,8 +239,15 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             logger.error('Social connection failed with unexpected error:', error);
             onFailed(provider, { error }, { raiseAuthFailure: authMode === 'signin' });
         }
-    });
-    const connectWithFarcaster = (authMode_1, _e) => __awaiter(void 0, [authMode_1, _e], void 0, function* (authMode, { captchaToken, redirectUrl }) {
+    }), [
+        environmentId,
+        generateSessionKey,
+        linkAccount,
+        onFailed,
+        shouldRegisterSessionKeysOnSignin,
+        signInAccount,
+    ]);
+    const connectWithFarcaster = useCallback((authMode_1, _b) => __awaiter(void 0, [authMode_1, _b], void 0, function* (authMode, { captchaToken, redirectUrl }) {
         const dynamicNonce = consumeNonce();
         const domain = PlatformService.getHost();
         const data = yield connect({
@@ -408,8 +319,124 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             setShowAuthFlow(false, { clearErrors: false });
         }
         setIsProcessing(false);
-    });
-    return {
+    }), [
+        consumeNonce,
+        defaultRedirectUrl,
+        environmentId,
+        generateSessionKey,
+        handleError,
+        linkAccount,
+        onFarcasterUrl,
+        setShowAuthFlow,
+        shouldRegisterSessionKeysOnSignin,
+        signInAccount,
+    ]);
+    const connectSocialAccount = useCallback((_c) => __awaiter(void 0, [_c], void 0, function* ({ authMode, provider, validator, captchaToken, redirectUrl, telegramAuthToken, }) {
+        var _d, _e;
+        clearError();
+        setIsProcessing(true);
+        if (!authMode) {
+            logger.error('Auth mode is required. Please use either "link" or "signin"');
+            return;
+        }
+        if (!checkValidProvider(provider, authMode)) {
+            return;
+        }
+        // invalid connect request
+        if (validator && !validator(provider)) {
+            return;
+        }
+        dynamicEvents.emit('authInit', {
+            option: provider,
+            provider,
+            type: 'social',
+        });
+        if (provider === ProviderEnum.Farcaster) {
+            return connectWithFarcaster(authMode, {
+                captchaToken,
+                redirectUrl,
+            });
+        }
+        const state = randomString(32);
+        const verifier = randomString(43);
+        // Whether we will use PKCE (code verifier/challenge) for this provider
+        const usingPkce = providersRequiringPkce.includes(provider);
+        setSocialStorageFor(provider, {
+            captchaToken,
+            codeVerifier: usingPkce ? verifier : undefined,
+            state,
+        });
+        const loginUrlString = getOauthLoginUrl((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _d !== void 0 ? _d : [], provider);
+        if (!loginUrlString) {
+            handleError(provider, SocialOAuthErrorCode.NO_OAUTH_URL, `Failed to get login url to connect social account: ${provider}`, { raiseAuthFailure: authMode === 'signin' });
+            return;
+        }
+        const oauthLoginUrl = new URL(loginUrlString);
+        oauthLoginUrl.searchParams.set('state', state);
+        // only add pkce params for providers that support/require it
+        if (usingPkce) {
+            const digest = yield digestSHA256(verifier);
+            oauthLoginUrl.searchParams.set('code_challenge', encodeBase64URL(digest));
+            oauthLoginUrl.searchParams.set('code_challenge_method', 'S256');
+        }
+        const isMobile$1 = isMobile();
+        try {
+            const authCode = yield Oauth2Service.getOauthCode({
+                apiProvider: getProviderByType((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _e !== void 0 ? _e : [], provider),
+                getOAuthResultFromApi: () => getOAuthResult(environmentId, provider, {
+                    state,
+                }),
+                initWebAuth: ({ redirectUrl } = {}) => initAuth(environmentId, provider, {
+                    redirectUrl: redirectUrl
+                        ? removeDynamicOauthParamsFromUrl(redirectUrl)
+                        : undefined,
+                    state,
+                }),
+                isMobile: isMobile$1,
+                oauthLoginUrl,
+                onSettled,
+                provider,
+                redirectUrl: redirectUrl !== null && redirectUrl !== void 0 ? redirectUrl : defaultRedirectUrl,
+                sessionTimeout,
+                setIsProcessing,
+                state,
+                strategy,
+            });
+            yield completeConnection({
+                authCode,
+                authMode,
+                captchaToken,
+                provider,
+                state,
+                telegramAuthToken,
+                verifier,
+            });
+        }
+        catch (error) {
+            if (Oauth2Service.isGetOauthCodeError(error)) {
+                handleError(provider, error.code, error.message, {
+                    raiseAuthFailure: authMode === 'signin',
+                });
+                return;
+            }
+            logger.error('Social connection failed with unexpected error:', error);
+            onFailed(provider, { error }, { raiseAuthFailure: authMode === 'signin' });
+        }
+    }), [
+        checkValidProvider,
+        clearError,
+        completeConnection,
+        connectWithFarcaster,
+        defaultRedirectUrl,
+        environmentId,
+        handleError,
+        onFailed,
+        onSettled,
+        projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers,
+        sessionTimeout,
+        strategy,
+    ]);
+    return useMemo(() => ({
         checkValidProvider,
         completeConnection,
         connectSocialAccount,
@@ -418,7 +445,14 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
         isProcessing,
         setError,
         setIsProcessing,
-    };
+    }), [
+        checkValidProvider,
+        completeConnection,
+        connectSocialAccount,
+        error,
+        handleError,
+        isProcessing,
+    ]);
 };
 const removeDynamicOauthParamsFromUrl = (url) => {
     const urlObject = new URL(url);

package/src/lib/views/GlobalWalletMaliciousView/GlobalWalletMaliciousView.cjs

@@ -0,0 +1,139 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
+require('@dynamic-labs/sdk-api-core');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('react');
+var exclamation = require('../../shared/assets/exclamation.cjs');
+var exclamationCircle = require('../../shared/assets/exclamation-circle.cjs');
+var cautionTriangle = require('../../shared/assets/caution-triangle.cjs');
+var warningRed = require('../../shared/assets/warning-red.cjs');
+var warningOrange = require('../../shared/assets/warning-orange.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../store/state/loadingAndLifecycle.cjs');
+require('../../shared/consts/index.cjs');
+var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../config/ApiEndpoint.cjs');
+require('../../store/state/user/user.cjs');
+require('../../locale/locale.cjs');
+require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../context/WalletContext/WalletContext.cjs');
+require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../CollectUserDataView/useFields.cjs');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../store/state/environmentId.cjs');
+require('../../store/state/walletConnectorOptions.cjs');
+var Typography = require('../../components/Typography/Typography.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
+require('../../store/state/sendBalances.cjs');
+require('../../components/Input/Input.cjs');
+require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../polyfills.cjs');
+require('../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../context/FundingContext/FundingContext.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../context/ConnectWithOtpContext/constants.cjs');
+require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../store/state/tokenBalances.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('qrcode');
+
+const GlobalWalletMaliciousView = ({ maliciousSiteInfo }) => {
+    const { t } = reactI18next.useTranslation();
+    const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const handleBack = () => {
+        setDynamicWidgetView('global-wallet');
+        setShowAuthFlow(false, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+    };
+    const handleProceed = () => {
+        var _a;
+        (_a = maliciousSiteInfo.proceedFlow) === null || _a === void 0 ? void 0 : _a.call(maliciousSiteInfo);
+    };
+    return (jsxRuntime.jsx("div", { className: 'malicious-site-view', children: jsxRuntime.jsx("div", { className: 'popup-content', children: jsxRuntime.jsxs("div", { className: 'wallet-connection-view', children: [jsxRuntime.jsxs("div", { className: 'warning-icon-container', style: { position: 'relative' }, children: [maliciousSiteInfo.isDefinitelyMalicious ? (jsxRuntime.jsx(warningRed.ReactComponent, { className: 'warning-icon' })) : (jsxRuntime.jsx(warningOrange.ReactComponent, { className: 'warning-icon' })), jsxRuntime.jsx(exclamation.ReactComponent, { className: 'exclamation-icon', style: {
+                                    left: '50%',
+                                    position: 'absolute',
+                                    top: '50%',
+                                    transform: 'translate(-50%, -50%)',
+                                } })] }), jsxRuntime.jsx(Typography.Typography, { className: 'connection-title', variant: 'title', font: 'bold', color: 'primary', children: maliciousSiteInfo.isDefinitelyMalicious
+                            ? t('global_wallet.malicious_site.certain.title')
+                            : t('global_wallet.malicious_site.unknown.title') }), jsxRuntime.jsxs("div", { className: `subtitle-container ${maliciousSiteInfo.isDefinitelyMalicious
+                            ? 'definitely-malicious'
+                            : 'unknown'}`, children: [jsxRuntime.jsxs("div", { className: 'subtitle-header-container', children: [maliciousSiteInfo.isDefinitelyMalicious ? (jsxRuntime.jsx(exclamationCircle.ReactComponent, { className: 'caution-icon' })) : (jsxRuntime.jsx(cautionTriangle.ReactComponent, { className: 'caution-icon' })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', className: 'subtitle-header', color: 'primary', children: maliciousSiteInfo.isDefinitelyMalicious
+                                            ? t('global_wallet.malicious_site.certain.subtitle_header')
+                                            : t('global_wallet.malicious_site.unknown.subtitle_header') })] }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', className: 'subtitle', color: 'secondary', children: maliciousSiteInfo.isDefinitelyMalicious
+                                    ? t('global_wallet.malicious_site.certain.subtitle_text')
+                                    : t('global_wallet.malicious_site.unknown.subtitle_text') })] }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', className: 'site-info', color: 'secondary', children: maliciousSiteInfo.url }), jsxRuntime.jsxs("div", { className: 'button-group', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'cancel-button', buttonVariant: 'primary', type: 'submit', buttonPadding: 'large', onClick: handleBack, copykey: 'global_wallet.malicious_site.go_back', children: maliciousSiteInfo.isDefinitelyMalicious
+                                    ? t('global_wallet.malicious_site.certain.go_back')
+                                    : t('global_wallet.malicious_site.unknown.go_back') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'proceed-button', buttonVariant: 'secondary', type: 'submit', buttonPadding: 'large', onClick: handleProceed, copykey: 'global_wallet.malicious_site.proceed', typographyProps: {
+                                    color: 'error-1',
+                                }, children: maliciousSiteInfo.isDefinitelyMalicious
+                                    ? t('global_wallet.malicious_site.certain.proceed')
+                                    : t('global_wallet.malicious_site.unknown.proceed') })] })] }) }) }));
+};
+
+exports.GlobalWalletMaliciousView = GlobalWalletMaliciousView;
+exports["default"] = GlobalWalletMaliciousView;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface MaliciousSiteInfo {
+    isDefinitelyMalicious: boolean;
+    url: string;
+    proceedFlow: () => void;
+}
+export interface GlobalWalletMaliciousViewProps {
+    maliciousSiteInfo: MaliciousSiteInfo;
+}
+export declare const GlobalWalletMaliciousView: React.FC<GlobalWalletMaliciousViewProps>;
+export default GlobalWalletMaliciousView;

package/src/lib/views/GlobalWalletMaliciousView/GlobalWalletMaliciousView.js

@@ -0,0 +1,134 @@
+'use client'
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
+import '@dynamic-labs/sdk-api-core';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import 'react';
+import { ReactComponent as SvgExclamation } from '../../shared/assets/exclamation.js';
+import { ReactComponent as SvgExclamationCircle } from '../../shared/assets/exclamation-circle.js';
+import { ReactComponent as SvgCautionTriangle } from '../../shared/assets/caution-triangle.js';
+import { ReactComponent as SvgWarningRed } from '../../shared/assets/warning-red.js';
+import { ReactComponent as SvgWarningOrange } from '../../shared/assets/warning-orange.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../store/state/loadingAndLifecycle.js';
+import '../../shared/consts/index.js';
+import { useWidgetContext } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../components/Alert/Alert.js';
+import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../config/ApiEndpoint.js';
+import '../../store/state/user/user.js';
+import '../../locale/locale.js';
+import '../../store/state/projectSettings/projectSettings.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../context/WalletContext/WalletContext.js';
+import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
+import 'yup';
+import '../../context/MockContext/MockContext.js';
+import '../CollectUserDataView/useFields.js';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../store/state/environmentId.js';
+import '../../store/state/walletConnectorOptions.js';
+import { Typography } from '../../components/Typography/Typography.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
+import '../../components/IconButton/IconButton.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
+import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
+import '../../store/state/sendBalances.js';
+import '../../components/Input/Input.js';
+import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../polyfills.js';
+import '../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../components/IsBrowser/IsBrowser.js';
+import '../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../context/FundingContext/FundingContext.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../context/ConnectWithOtpContext/constants.js';
+import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../store/state/tokenBalances.js';
+import '../../components/InlineWidget/InlineWidget.js';
+import 'qrcode';
+
+const GlobalWalletMaliciousView = ({ maliciousSiteInfo }) => {
+    const { t } = useTranslation();
+    const { setDynamicWidgetView } = useWidgetContext();
+    const { setShowAuthFlow } = useInternalDynamicContext();
+    const handleBack = () => {
+        setDynamicWidgetView('global-wallet');
+        setShowAuthFlow(false, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+    };
+    const handleProceed = () => {
+        var _a;
+        (_a = maliciousSiteInfo.proceedFlow) === null || _a === void 0 ? void 0 : _a.call(maliciousSiteInfo);
+    };
+    return (jsx("div", { className: 'malicious-site-view', children: jsx("div", { className: 'popup-content', children: jsxs("div", { className: 'wallet-connection-view', children: [jsxs("div", { className: 'warning-icon-container', style: { position: 'relative' }, children: [maliciousSiteInfo.isDefinitelyMalicious ? (jsx(SvgWarningRed, { className: 'warning-icon' })) : (jsx(SvgWarningOrange, { className: 'warning-icon' })), jsx(SvgExclamation, { className: 'exclamation-icon', style: {
+                                    left: '50%',
+                                    position: 'absolute',
+                                    top: '50%',
+                                    transform: 'translate(-50%, -50%)',
+                                } })] }), jsx(Typography, { className: 'connection-title', variant: 'title', font: 'bold', color: 'primary', children: maliciousSiteInfo.isDefinitelyMalicious
+                            ? t('global_wallet.malicious_site.certain.title')
+                            : t('global_wallet.malicious_site.unknown.title') }), jsxs("div", { className: `subtitle-container ${maliciousSiteInfo.isDefinitelyMalicious
+                            ? 'definitely-malicious'
+                            : 'unknown'}`, children: [jsxs("div", { className: 'subtitle-header-container', children: [maliciousSiteInfo.isDefinitelyMalicious ? (jsx(SvgExclamationCircle, { className: 'caution-icon' })) : (jsx(SvgCautionTriangle, { className: 'caution-icon' })), jsx(Typography, { variant: 'body_normal', className: 'subtitle-header', color: 'primary', children: maliciousSiteInfo.isDefinitelyMalicious
+                                            ? t('global_wallet.malicious_site.certain.subtitle_header')
+                                            : t('global_wallet.malicious_site.unknown.subtitle_header') })] }), jsx(Typography, { variant: 'body_normal', className: 'subtitle', color: 'secondary', children: maliciousSiteInfo.isDefinitelyMalicious
+                                    ? t('global_wallet.malicious_site.certain.subtitle_text')
+                                    : t('global_wallet.malicious_site.unknown.subtitle_text') })] }), jsx(Typography, { variant: 'body_normal', className: 'site-info', color: 'secondary', children: maliciousSiteInfo.url }), jsxs("div", { className: 'button-group', children: [jsx(TypographyButton, { buttonClassName: 'cancel-button', buttonVariant: 'primary', type: 'submit', buttonPadding: 'large', onClick: handleBack, copykey: 'global_wallet.malicious_site.go_back', children: maliciousSiteInfo.isDefinitelyMalicious
+                                    ? t('global_wallet.malicious_site.certain.go_back')
+                                    : t('global_wallet.malicious_site.unknown.go_back') }), jsx(TypographyButton, { buttonClassName: 'proceed-button', buttonVariant: 'secondary', type: 'submit', buttonPadding: 'large', onClick: handleProceed, copykey: 'global_wallet.malicious_site.proceed', typographyProps: {
+                                    color: 'error-1',
+                                }, children: maliciousSiteInfo.isDefinitelyMalicious
+                                    ? t('global_wallet.malicious_site.certain.proceed')
+                                    : t('global_wallet.malicious_site.unknown.proceed') })] })] }) }) }));
+};
+
+export { GlobalWalletMaliciousView, GlobalWalletMaliciousView as default };

package/src/lib/views/MfaChooseDeviceView/MfaChooseDeviceView.cjs

@@ -126,7 +126,7 @@ const MfaChooseDeviceView = ({ isInitialSetup = true, }) => {
                             ? t('dyn_mfa.choose_device_view.title')
                             : t('dyn_mfa.choose_device_view.choose_another_method') }) }) }), jsxRuntime.jsxs("div", { className: 'mfa-choose-device-view__body', "data-testid": 'mfa-choose-device-view', children: [jsxRuntime.jsx(secureAccount.ReactComponent, {}), jsxRuntime.jsx(Typography.Typography, { className: 'mfa-choose-device-view__copy', variant: 'body_normal', weight: 'regular', color: 'secondary', children: isInitialSetup
                             ? t('dyn_mfa.choose_device_view.select_options')
-                            : t('dyn_mfa.choose_device_view.choose_another_method_description') }), mfaOptions.map((option) => (jsxRuntime.jsxs(Button.Button, { buttonClassName: 'mfa-choose-device-view__button', expanded: true, onClick: () => handleClick(option), children: [jsxRuntime.jsxs("div", { className: 'mfa-choose-device-view__button__header', children: [jsxRuntime.jsx(Typography.Typography, { copykey: option.labelKey, children: t(option.labelKey) }), jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'mfa-choose-device-view__icon--rotate' })] }), jsxRuntime.jsx(Typography.Typography, { className: 'mfa-choose-device-view__button__description', color: 'secondary', copykey: option.descriptionKey, children: t(option.descriptionKey) })] }, option.type))), jsxRuntime.jsx(TextButton.TextButton, { className: 'mfa-choose-device-view__logout', onClick: handleLogOut, copykey: 'dyn_mfa.choose_device_view.logout', children: t('dyn_mfa.choose_device_view.logout') })] })] }));
+                            : t('dyn_mfa.choose_device_view.choose_another_method_description') }), mfaOptions.map((option) => (jsxRuntime.jsxs(Button.Button, { buttonClassName: 'mfa-choose-device-view__button', expanded: true, onClick: () => handleClick(option), children: [jsxRuntime.jsxs("div", { className: 'mfa-choose-device-view__button__header', children: [jsxRuntime.jsx(Typography.Typography, { copykey: option.labelKey, color: 'primary', children: t(option.labelKey) }), jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'mfa-choose-device-view__icon--rotate' })] }), jsxRuntime.jsx(Typography.Typography, { className: 'mfa-choose-device-view__button__description', color: 'secondary', copykey: option.descriptionKey, children: t(option.descriptionKey) })] }, option.type))), jsxRuntime.jsx(TextButton.TextButton, { className: 'mfa-choose-device-view__logout', onClick: handleLogOut, copykey: 'dyn_mfa.choose_device_view.logout', children: t('dyn_mfa.choose_device_view.logout') })] })] }));
 };
 
 exports.MfaChooseDeviceView = MfaChooseDeviceView;