@dynamic-labs/sdk-react-core 4.0.0-alpha.0 → 4.0.0-alpha.2

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/SmsVerification/useSmsVerification/useSmsVerification.cjs

@@ -99,10 +99,13 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 
 const useSmsVerification = (type) => {
     const { verificationUUID, displayedDestination: formattedPhone, retryData, } = VerificationContext.useVerification();
-    const { environmentId, user, userWithMissingInfo } = useInternalDynamicContext.useInternalDynamicContext();
+    const { environmentId, user, userWithMissingInfo, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
     const [error, setError] = React.useState();
     const { verifyOtp } = useOtpVerificationRequest.useOtpVerificationRequest();
-    const { generateSessionKey, shouldRegisterSessionKeysOnSignin } = useEmbeddedWalletSessionKeys.useEmbeddedWalletSessionKeys(environmentId);
+    const { generateSessionKey, shouldRegisterSessionKeysOnSignin } = useEmbeddedWalletSessionKeys.useEmbeddedWalletSessionKeys({
+        environmentId,
+        projectSettings,
+    });
     const { initAuth, completeAuth, cancelAuth } = useUserAuth.useUserAuth({
         authMethod: 'sms',
     });

package/src/lib/views/SmsVerification/useSmsVerification/useSmsVerification.js

@@ -95,10 +95,13 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 
 const useSmsVerification = (type) => {
     const { verificationUUID, displayedDestination: formattedPhone, retryData, } = useVerification();
-    const { environmentId, user, userWithMissingInfo } = useInternalDynamicContext();
+    const { environmentId, user, userWithMissingInfo, projectSettings } = useInternalDynamicContext();
     const [error, setError] = useState();
     const { verifyOtp } = useOtpVerificationRequest();
-    const { generateSessionKey, shouldRegisterSessionKeysOnSignin } = useEmbeddedWalletSessionKeys(environmentId);
+    const { generateSessionKey, shouldRegisterSessionKeysOnSignin } = useEmbeddedWalletSessionKeys({
+        environmentId,
+        projectSettings,
+    });
     const { initAuth, completeAuth, cancelAuth } = useUserAuth({
         authMethod: 'sms',
     });

package/src/lib/views/viewToComponentMap.cjs

@@ -132,6 +132,7 @@ var MfaSecureDeviceHelpView = require('./MfaSecureDeviceHelpView/MfaSecureDevice
 var SandboxMaximumThresholdReached = require('./SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.cjs');
 var GlobalWalletConfirmView = require('./GlobalWalletConfirmView/GlobalWalletConfirmView.cjs');
 var GlobalWalletInfoView = require('./GlobalWalletInfoView/GlobalWalletInfoView.cjs');
+var GlobalWalletMaliciousView = require('./GlobalWalletMaliciousView/GlobalWalletMaliciousView.cjs');
 require('../context/SendBalanceContext/SendBalanceContext.cjs');
 require('../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../context/ConnectWithOtpContext/constants.cjs');
@@ -161,6 +162,7 @@ const viewToComponentMap = {
     'gate-blocked-wallet': NoAccess.NoAccess,
     'global-wallet-confirm': GlobalWalletConfirmView.GlobalWalletConfirmView,
     'global-wallet-info': GlobalWalletInfoView.GlobalWalletInfoView,
+    'global-wallet-malicious': GlobalWalletMaliciousView.GlobalWalletMaliciousView,
     'login-with-email-or-wallet': LoginView.LoginView,
     'login-with-email-or-wallet-full-wallet-list': WalletList.WalletList,
     'login-with-email-verification': EmailVerification.EmailVerification,

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

@@ -21,6 +21,7 @@ export declare const viewToComponentMap: {
     'gate-blocked-wallet': () => JSX.Element;
     'global-wallet-confirm': import("react").FC<import("./GlobalWalletConfirmView").GlobalWalletConfirmViewProps>;
     'global-wallet-info': () => JSX.Element;
+    'global-wallet-malicious': import("react").FC<import("./GlobalWalletMaliciousView/GlobalWalletMaliciousView").GlobalWalletMaliciousViewProps>;
     'login-with-email-or-wallet': () => JSX.Element;
     'login-with-email-or-wallet-full-wallet-list': ({ isWalletConnectList, }: import("./WalletList").WalletListProps) => JSX.Element;
     'login-with-email-verification': import("react").FC<import("./EmailVerification/EmailVerification").EmailVerificationProps>;

package/src/lib/views/viewToComponentMap.js

@@ -128,6 +128,7 @@ import { MfaSecureDeviceHelper } from './MfaSecureDeviceHelpView/MfaSecureDevice
 import { SandboxMaximumThresholdReached } from './SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.js';
 import { GlobalWalletConfirmView } from './GlobalWalletConfirmView/GlobalWalletConfirmView.js';
 import { GlobalWalletInfoView } from './GlobalWalletInfoView/GlobalWalletInfoView.js';
+import { GlobalWalletMaliciousView } from './GlobalWalletMaliciousView/GlobalWalletMaliciousView.js';
 import '../context/SendBalanceContext/SendBalanceContext.js';
 import '../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../context/ConnectWithOtpContext/constants.js';
@@ -157,6 +158,7 @@ const viewToComponentMap = {
     'gate-blocked-wallet': NoAccess,
     'global-wallet-confirm': GlobalWalletConfirmView,
     'global-wallet-info': GlobalWalletInfoView,
+    'global-wallet-malicious': GlobalWalletMaliciousView,
     'login-with-email-or-wallet': LoginView,
     'login-with-email-or-wallet-full-wallet-list': WalletList,
     'login-with-email-verification': EmailVerification,

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
+var walletBook = require('@dynamic-labs/wallet-book');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../events/dynamicEvents.cjs');
@@ -16,7 +17,6 @@ require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 var getChainIcon = require('../../shared/utils/functions/chain/getChainIcon.cjs');
 require('@dynamic-labs/wallet-connector-core');
-require('@dynamic-labs/wallet-book');
 var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
@@ -96,7 +96,7 @@ var InlineWidgetButton = require('../../components/InlineWidget/components/Inlin
 var InlineWidget = require('../../components/InlineWidget/InlineWidget.cjs');
 require('qrcode');
 
-const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
+const DynamicBridgeWidget = ({ className, variant = 'modal', iconVariant = 'chain', }) => {
     const { showAuthFlow, setShowBridgeWidget, bridgeChains, setShowAuthFlow, connectedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
     const { widgetRef, inlineControlsRef } = DynamicBridgeWidgetContext.useDynamicBridgeWidgetContext();
     const { t } = reactI18next.useTranslation();
@@ -114,7 +114,7 @@ const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
                     const ChainIcon = getChainIcon.getChainIcon(chain);
                     const connectedChainWallets = connectedWallets.filter(({ chain: connectedChain }) => connectedChain === chain);
                     if (connectedChainWallets.length > 0) {
-                        return connectedChainWallets.map((wallet) => (jsxRuntime.jsx(InlineWidgetButton.InlineWidgetButton, { icon: jsxRuntime.jsx(ChainIcon, {}), onClick: () => setShowBridgeWidget(true), children: shortenWalletAddress.shortenWalletAddress(wallet.address, 3, 3) }, wallet.id)));
+                        return connectedChainWallets.map((wallet) => (jsxRuntime.jsx(InlineWidgetButton.InlineWidgetButton, { icon: iconVariant === 'wallet' ? (jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: wallet.connector.key })) : (jsxRuntime.jsx(ChainIcon, {})), onClick: () => setShowBridgeWidget(true), children: shortenWalletAddress.shortenWalletAddress(wallet.address) }, wallet.id)));
                     }
                     return (jsxRuntime.jsx(InlineWidgetButton.InlineWidgetButton, { icon: jsxRuntime.jsx(ChainIcon, {}), onClick: () => setShowAuthFlow(true), copykey: 'dyn_bridge.widget.connect', children: t('dyn_bridge.widget.connect') }, chain));
                 }) }), jsxRuntime.jsx(DynamicBridgeUserProfile.DynamicBridgeUserProfile, { variant: variant })] }));

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.d.ts

@@ -3,5 +3,6 @@ export type DynamicBridgeWidgetVariant = 'modal' | 'dropdown';
 export type DynamicBridgeWidgetProps = {
     className?: string;
     variant?: DynamicBridgeWidgetVariant;
+    iconVariant?: 'wallet' | 'chain';
 };
 export declare const DynamicBridgeWidget: FC<DynamicBridgeWidgetProps>;

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.js

@@ -2,6 +2,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
+import { WalletIcon } from '@dynamic-labs/wallet-book';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
 import '../../events/dynamicEvents.js';
@@ -12,7 +13,6 @@ import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import { getChainIcon } from '../../shared/utils/functions/chain/getChainIcon.js';
 import '@dynamic-labs/wallet-connector-core';
-import '@dynamic-labs/wallet-book';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
@@ -92,7 +92,7 @@ import { InlineWidgetButton } from '../../components/InlineWidget/components/Inl
 import { InlineWidget } from '../../components/InlineWidget/InlineWidget.js';
 import 'qrcode';
 
-const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
+const DynamicBridgeWidget = ({ className, variant = 'modal', iconVariant = 'chain', }) => {
     const { showAuthFlow, setShowBridgeWidget, bridgeChains, setShowAuthFlow, connectedWallets, } = useInternalDynamicContext();
     const { widgetRef, inlineControlsRef } = useDynamicBridgeWidgetContext();
     const { t } = useTranslation();
@@ -110,7 +110,7 @@ const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
                     const ChainIcon = getChainIcon(chain);
                     const connectedChainWallets = connectedWallets.filter(({ chain: connectedChain }) => connectedChain === chain);
                     if (connectedChainWallets.length > 0) {
-                        return connectedChainWallets.map((wallet) => (jsx(InlineWidgetButton, { icon: jsx(ChainIcon, {}), onClick: () => setShowBridgeWidget(true), children: shortenWalletAddress(wallet.address, 3, 3) }, wallet.id)));
+                        return connectedChainWallets.map((wallet) => (jsx(InlineWidgetButton, { icon: iconVariant === 'wallet' ? (jsx(WalletIcon, { walletKey: wallet.connector.key })) : (jsx(ChainIcon, {})), onClick: () => setShowBridgeWidget(true), children: shortenWalletAddress(wallet.address) }, wallet.id)));
                     }
                     return (jsx(InlineWidgetButton, { icon: jsx(ChainIcon, {}), onClick: () => setShowAuthFlow(true), copykey: 'dyn_bridge.widget.connect', children: t('dyn_bridge.widget.connect') }, chain));
                 }) }), jsx(DynamicBridgeUserProfile, { variant: variant })] }));

package/src/lib/widgets/DynamicWidget/views/GlobalWalletView/GlobalWalletView.cjs

@@ -75,6 +75,7 @@ var Input = require('../../../../components/Input/Input.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var blockaid = require('../../../../data/api/transactions/blockaid.cjs');
 var GlobalWalletScanner = require('./scanner/GlobalWalletScanner.cjs');
 require('../../../../../polyfills.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
@@ -107,6 +108,7 @@ const GlobalWalletView = () => {
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { primaryWallet } = useDynamicContext.useDynamicContext();
     const [walletConnectUri, setWalletConnectUri] = React.useState('');
+    const { environmentId } = useInternalDynamicContext.useInternalDynamicContext();
     const [bannerMessage, setBannerMessage] = React.useState(null);
     const [isScanned, setIsScanned] = React.useState(false);
     const { globalWallet } = 
@@ -123,11 +125,7 @@ const GlobalWalletView = () => {
                 goToInitialDynamicWidgetView();
         }, timeout);
     }, [goToInitialDynamicWidgetView]);
-    const popupConfirmView = () => {
-        const pendingPairing = globalWallet.getPendingPairing();
-        if (!pendingPairing)
-            throw new Error('No pending pairing');
-        const { name, url, icons } = pendingPairing.params.proposer.metadata;
+    const handleConfirmView = (pairingInfo) => {
         setView('global-wallet-confirm', {
             onCancel: () => {
                 setDynamicWidgetView('global-wallet');
@@ -138,6 +136,7 @@ const GlobalWalletView = () => {
                 setWalletConnectUri('');
             },
             onConfirm: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+                var _a, _b;
                 try {
                     yield globalWallet.confirmPairing(true);
                     setDynamicWidgetView('global-wallet');
@@ -146,22 +145,46 @@ const GlobalWalletView = () => {
                         performMultiWalletChecks: false,
                     });
                     showBanner(t('global_wallet.banner.success', {
-                        name: name !== null && name !== void 0 ? name : t('global_wallet.the_dapp'),
+                        name: (_a = pairingInfo.name) !== null && _a !== void 0 ? _a : t('global_wallet.the_dapp'),
                     }), 'success');
                 }
                 catch (error) {
                     showBanner(t('global_wallet.banner.warning', {
-                        name: name !== null && name !== void 0 ? name : t('global_wallet.the_dapp'),
+                        name: (_b = pairingInfo.name) !== null && _b !== void 0 ? _b : t('global_wallet.the_dapp'),
                     }), 'error');
                 }
             }),
-            pairingInfo: { icons, name, url },
+            pairingInfo,
         });
         setShowAuthFlow(true, {
             ignoreIfIsEmbeddedWidget: false,
             performMultiWalletChecks: false,
         });
     };
+    const popupConfirmView = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const pendingPairing = globalWallet.getPendingPairing();
+        if (!pendingPairing)
+            throw new Error('No pending pairing');
+        const { name, url, icons } = pendingPairing.params.proposer.metadata;
+        const pairingInfo = { icons, name, url };
+        const isDefinitelyMalicious = yield blockaid.isMaliciousUrl({ environmentId, url });
+        if (isDefinitelyMalicious || isDefinitelyMalicious === undefined) {
+            setView('global-wallet-malicious', {
+                maliciousSiteInfo: {
+                    isDefinitelyMalicious: isDefinitelyMalicious !== null && isDefinitelyMalicious !== void 0 ? isDefinitelyMalicious : false,
+                    proceedFlow: () => handleConfirmView(pairingInfo),
+                    url,
+                },
+            });
+            setShowAuthFlow(true, {
+                ignoreIfIsEmbeddedWidget: false,
+                performMultiWalletChecks: false,
+            });
+        }
+        else {
+            handleConfirmView(pairingInfo);
+        }
+    });
     const handlePairing = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!walletConnectUri.startsWith('wc:')) {
             showBanner(t('global_wallet.banner.bad_input'), 'error');

package/src/lib/widgets/DynamicWidget/views/GlobalWalletView/GlobalWalletView.js

@@ -71,6 +71,7 @@ import { Input } from '../../../../components/Input/Input.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { isMaliciousUrl } from '../../../../data/api/transactions/blockaid.js';
 import { GlobalWalletScanner } from './scanner/GlobalWalletScanner.js';
 import '../../../../../polyfills.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
@@ -103,6 +104,7 @@ const GlobalWalletView = () => {
     const { setShowAuthFlow } = useInternalDynamicContext();
     const { primaryWallet } = useDynamicContext();
     const [walletConnectUri, setWalletConnectUri] = useState('');
+    const { environmentId } = useInternalDynamicContext();
     const [bannerMessage, setBannerMessage] = useState(null);
     const [isScanned, setIsScanned] = useState(false);
     const { globalWallet } = 
@@ -119,11 +121,7 @@ const GlobalWalletView = () => {
                 goToInitialDynamicWidgetView();
         }, timeout);
     }, [goToInitialDynamicWidgetView]);
-    const popupConfirmView = () => {
-        const pendingPairing = globalWallet.getPendingPairing();
-        if (!pendingPairing)
-            throw new Error('No pending pairing');
-        const { name, url, icons } = pendingPairing.params.proposer.metadata;
+    const handleConfirmView = (pairingInfo) => {
         setView('global-wallet-confirm', {
             onCancel: () => {
                 setDynamicWidgetView('global-wallet');
@@ -134,6 +132,7 @@ const GlobalWalletView = () => {
                 setWalletConnectUri('');
             },
             onConfirm: () => __awaiter(void 0, void 0, void 0, function* () {
+                var _a, _b;
                 try {
                     yield globalWallet.confirmPairing(true);
                     setDynamicWidgetView('global-wallet');
@@ -142,22 +141,46 @@ const GlobalWalletView = () => {
                         performMultiWalletChecks: false,
                     });
                     showBanner(t('global_wallet.banner.success', {
-                        name: name !== null && name !== void 0 ? name : t('global_wallet.the_dapp'),
+                        name: (_a = pairingInfo.name) !== null && _a !== void 0 ? _a : t('global_wallet.the_dapp'),
                     }), 'success');
                 }
                 catch (error) {
                     showBanner(t('global_wallet.banner.warning', {
-                        name: name !== null && name !== void 0 ? name : t('global_wallet.the_dapp'),
+                        name: (_b = pairingInfo.name) !== null && _b !== void 0 ? _b : t('global_wallet.the_dapp'),
                     }), 'error');
                 }
             }),
-            pairingInfo: { icons, name, url },
+            pairingInfo,
         });
         setShowAuthFlow(true, {
             ignoreIfIsEmbeddedWidget: false,
             performMultiWalletChecks: false,
         });
     };
+    const popupConfirmView = () => __awaiter(void 0, void 0, void 0, function* () {
+        const pendingPairing = globalWallet.getPendingPairing();
+        if (!pendingPairing)
+            throw new Error('No pending pairing');
+        const { name, url, icons } = pendingPairing.params.proposer.metadata;
+        const pairingInfo = { icons, name, url };
+        const isDefinitelyMalicious = yield isMaliciousUrl({ environmentId, url });
+        if (isDefinitelyMalicious || isDefinitelyMalicious === undefined) {
+            setView('global-wallet-malicious', {
+                maliciousSiteInfo: {
+                    isDefinitelyMalicious: isDefinitelyMalicious !== null && isDefinitelyMalicious !== void 0 ? isDefinitelyMalicious : false,
+                    proceedFlow: () => handleConfirmView(pairingInfo),
+                    url,
+                },
+            });
+            setShowAuthFlow(true, {
+                ignoreIfIsEmbeddedWidget: false,
+                performMultiWalletChecks: false,
+            });
+        }
+        else {
+            handleConfirmView(pairingInfo);
+        }
+    });
     const handlePairing = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         if (!walletConnectUri.startsWith('wc:')) {
             showBanner(t('global_wallet.banner.bad_input'), 'error');