@dynamic-labs/sdk-react-core 1.1.0-alpha.10 → 1.1.0-alpha.11

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/PendingAccountSwitchModal.js

@@ -4,9 +4,9 @@ import { useEffect } from 'react';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useConnectedAccountWallet } from '../../../../utils/hooks/useConnectedAccountWallet/useConnectedAccountWallet.js';
-import { DefaultPromptLayout } from '../DefaultPromptModal/DefaultPromptModal.js';
-import { WidgetPortal } from '../../components/WidgetPortal/WidgetPortal.js';
 import { PromptModal } from '../../components/PromptModal/PromptModal.js';
+import { WidgetPortal } from '../../components/WidgetPortal/WidgetPortal.js';
+import { DefaultPromptLayout } from '../DefaultPromptModal/DefaultPromptModal.js';
 import { SwitchAccountView } from './SwitchAccountView/SwitchAccountView.js';
 import { SwitchOrUseActiveAccountView } from './SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.js';
 
@@ -14,7 +14,7 @@ const PendingAccountSwitchContent = () => {
     var _a, _b;
     const { selectedWalletWithAction, primaryWallet, secondaryWallets } = useInternalDynamicContext();
     const selectedConnector = (_a = selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet) === null || _a === void 0 ? void 0 : _a.connector;
-    const isSameWallet = (selectedConnector === null || selectedConnector === void 0 ? void 0 : selectedConnector.name) === (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name);
+    const isSameWallet = (selectedConnector === null || selectedConnector === void 0 ? void 0 : selectedConnector.key) === (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key);
     const { data: connectedWallet } = useConnectedAccountWallet((_b = selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet) === null || _b === void 0 ? void 0 : _b.connector, secondaryWallets);
     useEffect(() => {
         //flow client library only supports one connected wallet at any given time.
@@ -30,7 +30,7 @@ const PendingAccountSwitchContent = () => {
     }, [selectedConnector]);
     return (jsx(DefaultPromptLayout, { dataTestId: 'pending-account-switch', icon: jsx(WalletIcon, { walletKey: selectedConnector === null || selectedConnector === void 0 ? void 0 : selectedConnector.key }), title: `Switch wallet in ${selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet.connector.name}`, children: isSameWallet || !connectedWallet ? (jsx(SwitchAccountView, { selectedWalletToSwitchTo: selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet })) : (jsx(SwitchOrUseActiveAccountView, { connectedWallet: connectedWallet, selectedWalletToSwitchTo: selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet })) }));
 };
-const PendingAccountSwitchWidgetPortal = () => (jsx(WidgetPortal, { showCloseButton: true, children: jsx(PendingAccountSwitchContent, {}) }));
+const PendingAccountSwitchWidgetPortal = () => (jsx(WidgetPortal, { children: jsx(PendingAccountSwitchContent, {}) }));
 const PendingAccountSwitchModal = () => (jsx(PromptModal, { children: jsx(PendingAccountSwitchContent, {}) }));
 
 export { PendingAccountSwitchModal, PendingAccountSwitchWidgetPortal };

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchAccountView/SwitchAccountView.cjs

@@ -41,25 +41,30 @@ require('../../../../../components/Transition/OpacityTransition/OpacityTransitio
 require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../../../components/Typography/Typography.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
-require('qrcode');
 require('i18next');
+require('qrcode');
 require('../../../context/DynamicWidgetContext.cjs');
 require('../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/Alert/Alert.cjs');
+require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../../../../views/WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const SwitchAccountView = ({ selectedWalletToSwitchTo }) => (jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Switch to wallet", ' ', jsxRuntime.jsx(Typography.Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.address, 3, 3) }), ' ', "in ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, " to make it active."] }));
 

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchAccountView/SwitchAccountView.js

@@ -37,25 +37,30 @@ import '../../../../../components/Transition/OpacityTransition/OpacityTransition
 import '../../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../../context/FooterAnimationContext/index.js';
-import '../../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../../../components/Typography/Typography.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../../context/LoadingContext/LoadingContext.js';
-import 'qrcode';
 import 'i18next';
+import 'qrcode';
 import '../../../context/DynamicWidgetContext.js';
 import '../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/Alert/Alert.js';
+import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '@dynamic-labs/viem-utils';
+import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
+import '../../../../../views/WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const SwitchAccountView = ({ selectedWalletToSwitchTo }) => (jsxs(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Switch to wallet", ' ', jsx(Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress(selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.address, 3, 3) }), ' ', "in ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, " to make it active."] }));
 

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.cjs

@@ -42,28 +42,33 @@ require('../../../../../components/Transition/OpacityTransition/OpacityTransitio
 require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../../../components/Typography/Typography.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var Divider = require('../../../../../components/Divider/Divider.cjs');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
-require('qrcode');
 var Icon = require('../../../../../components/Icon/Icon.cjs');
 require('i18next');
+require('qrcode');
 require('../../../context/DynamicWidgetContext.cjs');
 require('../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 var Button = require('../../../../../components/Button/Button.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/Alert/Alert.cjs');
+require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../../../../views/WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const SwitchOrUseActiveAccountView = ({ connectedWallet, selectedWalletToSwitchTo, }) => {
     const { setSelectedWalletWithAction, setSelectedWalletConnectorKey, setPrimaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.js

@@ -38,28 +38,33 @@ import '../../../../../components/Transition/OpacityTransition/OpacityTransition
 import '../../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../../context/FooterAnimationContext/index.js';
-import '../../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../../../components/Typography/Typography.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { Divider } from '../../../../../components/Divider/Divider.js';
 import '../../../../../context/LoadingContext/LoadingContext.js';
-import 'qrcode';
 import { Icon } from '../../../../../components/Icon/Icon.js';
 import 'i18next';
+import 'qrcode';
 import '../../../context/DynamicWidgetContext.js';
 import '../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import { Button } from '../../../../../components/Button/Button.js';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/Alert/Alert.js';
+import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '@dynamic-labs/viem-utils';
+import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
+import '../../../../../views/WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const SwitchOrUseActiveAccountView = ({ connectedWallet, selectedWalletToSwitchTo, }) => {
     const { setSelectedWalletWithAction, setSelectedWalletConnectorKey, setPrimaryWallet, } = useInternalDynamicContext();

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchToLinkModal/PendingAccountSwitchToLinkModal.cjs

@@ -6,9 +6,9 @@ var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var walletBook = require('@dynamic-labs/wallet-book');
-var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('../../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
@@ -41,28 +41,34 @@ require('../../../../components/Transition/OpacityTransition/OpacityTransition.c
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-var WidgetPortal = require('../../components/WidgetPortal/WidgetPortal.cjs');
 var PromptModal = require('../../components/PromptModal/PromptModal.cjs');
+var WidgetPortal = require('../../components/WidgetPortal/WidgetPortal.cjs');
+var useCloseMultiWalletPrompt = require('../../hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.cjs');
 var DefaultPromptModal = require('../DefaultPromptModal/DefaultPromptModal.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
-require('qrcode');
 require('i18next');
+require('qrcode');
 require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('../../../../views/WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const PendingAccountSwitchToLinkContent = () => {
     const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
@@ -80,8 +86,8 @@ const PendingAccountSwitchToLinkContent = () => {
     }, [selectedWalletConnector]);
     return (jsxRuntime.jsx(DefaultPromptModal.DefaultPromptLayout, { dataTestId: 'pending-account-switch', icon: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key }), title: `Switch wallet in ${selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name}`, children: jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["To link a new wallet, open", ' ', jsxRuntime.jsx(Typography.Typography, { as: 'span', weight: 'medium', color: 'primary', children: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name }), ' ', "and switch to the account you want to link."] }) }));
 };
-const PendingAccountSwitchToLinkWidgetPortal = () => (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { showCloseButton: true, children: jsxRuntime.jsx(PendingAccountSwitchToLinkContent, {}) }));
-const PendingAccountSwitchToLinkModal = () => (jsxRuntime.jsx(PromptModal.PromptModal, { children: jsxRuntime.jsx(PendingAccountSwitchToLinkContent, {}) }));
+const PendingAccountSwitchToLinkWidgetPortal = () => (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { onClose: useCloseMultiWalletPrompt.useCloseMultiWalletPrompt(), children: jsxRuntime.jsx(PendingAccountSwitchToLinkContent, {}) }));
+const PendingAccountSwitchToLinkModal = () => (jsxRuntime.jsx(PromptModal.PromptModal, { onClose: useCloseMultiWalletPrompt.useCloseMultiWalletPrompt(), children: jsxRuntime.jsx(PendingAccountSwitchToLinkContent, {}) }));
 
 exports.PendingAccountSwitchToLinkModal = PendingAccountSwitchToLinkModal;
 exports.PendingAccountSwitchToLinkWidgetPortal = PendingAccountSwitchToLinkWidgetPortal;

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchToLinkModal/PendingAccountSwitchToLinkModal.js

@@ -2,9 +2,9 @@ import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useEffect } from 'react';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '../../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
@@ -37,28 +37,34 @@ import '../../../../components/Transition/OpacityTransition/OpacityTransition.js
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import { WidgetPortal } from '../../components/WidgetPortal/WidgetPortal.js';
 import { PromptModal } from '../../components/PromptModal/PromptModal.js';
+import { WidgetPortal } from '../../components/WidgetPortal/WidgetPortal.js';
+import { useCloseMultiWalletPrompt } from '../../hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.js';
 import { DefaultPromptLayout } from '../DefaultPromptModal/DefaultPromptModal.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
-import 'qrcode';
 import 'i18next';
+import 'qrcode';
 import '../../context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '@dynamic-labs/viem-utils';
+import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import '../../../../views/WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const PendingAccountSwitchToLinkContent = () => {
     const { selectedWalletConnector } = useInternalDynamicContext();
@@ -76,7 +82,7 @@ const PendingAccountSwitchToLinkContent = () => {
     }, [selectedWalletConnector]);
     return (jsx(DefaultPromptLayout, { dataTestId: 'pending-account-switch', icon: jsx(WalletIcon, { walletKey: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key }), title: `Switch wallet in ${selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name}`, children: jsxs(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["To link a new wallet, open", ' ', jsx(Typography, { as: 'span', weight: 'medium', color: 'primary', children: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name }), ' ', "and switch to the account you want to link."] }) }));
 };
-const PendingAccountSwitchToLinkWidgetPortal = () => (jsx(WidgetPortal, { showCloseButton: true, children: jsx(PendingAccountSwitchToLinkContent, {}) }));
-const PendingAccountSwitchToLinkModal = () => (jsx(PromptModal, { children: jsx(PendingAccountSwitchToLinkContent, {}) }));
+const PendingAccountSwitchToLinkWidgetPortal = () => (jsx(WidgetPortal, { onClose: useCloseMultiWalletPrompt(), children: jsx(PendingAccountSwitchToLinkContent, {}) }));
+const PendingAccountSwitchToLinkModal = () => (jsx(PromptModal, { onClose: useCloseMultiWalletPrompt(), children: jsx(PendingAccountSwitchToLinkContent, {}) }));
 
 export { PendingAccountSwitchToLinkModal, PendingAccountSwitchToLinkWidgetPortal };

package/src/lib/widgets/DynamicWidget/prompts/PendingConnectionModal/PendingConnectionModal.cjs

@@ -4,11 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
-var DefaultPromptModal = require('../DefaultPromptModal/DefaultPromptModal.cjs');
 require('react');
 require('../../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/ViewContext/ViewContext.cjs');
@@ -42,28 +41,35 @@ require('../../../../components/Transition/OpacityTransition/OpacityTransition.c
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-var WidgetPortal = require('../../components/WidgetPortal/WidgetPortal.cjs');
 var Modal = require('../../../../components/Modal/Modal.cjs');
 require('react-focus-lock');
+var WidgetPortal = require('../../components/WidgetPortal/WidgetPortal.cjs');
+var useCloseMultiWalletPrompt = require('../../hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.cjs');
+var DefaultPromptModal = require('../DefaultPromptModal/DefaultPromptModal.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
-require('qrcode');
 var AuthProviderIcon = require('../../../../components/AuthProviderIcon/AuthProviderIcon.cjs');
 var helpers = require('../../helpers/helpers.cjs');
+require('qrcode');
 require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../../../views/WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const PendingConnectionContent = () => {
     var _a;
@@ -83,7 +89,7 @@ const PendingConnectionContent = () => {
         , { jwt: authToken, wallet: selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet }), title: title, children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: description }) }));
 };
 const PendingConnectionModal = () => (jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsx(PendingConnectionContent, {}) }));
-const PendingConnectionWidgetPortal = () => (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { showCloseButton: true, children: jsxRuntime.jsx(PendingConnectionContent, {}) }));
+const PendingConnectionWidgetPortal = () => (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { onClose: useCloseMultiWalletPrompt.useCloseMultiWalletPrompt(), children: jsxRuntime.jsx(PendingConnectionContent, {}) }));
 
 exports.PendingConnectionModal = PendingConnectionModal;
 exports.PendingConnectionWidgetPortal = PendingConnectionWidgetPortal;

package/src/lib/widgets/DynamicWidget/prompts/PendingConnectionModal/PendingConnectionModal.js

@@ -1,10 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
-import { DefaultPromptLayout } from '../DefaultPromptModal/DefaultPromptModal.js';
 import 'react';
 import '../../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/ViewContext/ViewContext.js';
@@ -38,28 +37,35 @@ import '../../../../components/Transition/OpacityTransition/OpacityTransition.js
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import { WidgetPortal } from '../../components/WidgetPortal/WidgetPortal.js';
 import { Modal } from '../../../../components/Modal/Modal.js';
 import 'react-focus-lock';
+import { WidgetPortal } from '../../components/WidgetPortal/WidgetPortal.js';
+import { useCloseMultiWalletPrompt } from '../../hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.js';
+import { DefaultPromptLayout } from '../DefaultPromptModal/DefaultPromptModal.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
-import 'qrcode';
 import { AuthProviderIcon } from '../../../../components/AuthProviderIcon/AuthProviderIcon.js';
 import { capitalize } from '../../helpers/helpers.js';
+import 'qrcode';
 import '../../context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '@dynamic-labs/viem-utils';
+import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
+import '../../../../views/WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const PendingConnectionContent = () => {
     var _a;
@@ -79,6 +85,6 @@ const PendingConnectionContent = () => {
         , { jwt: authToken, wallet: selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet }), title: title, children: jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: description }) }));
 };
 const PendingConnectionModal = () => (jsx(Modal, { children: jsx(PendingConnectionContent, {}) }));
-const PendingConnectionWidgetPortal = () => (jsx(WidgetPortal, { showCloseButton: true, children: jsx(PendingConnectionContent, {}) }));
+const PendingConnectionWidgetPortal = () => (jsx(WidgetPortal, { onClose: useCloseMultiWalletPrompt(), children: jsx(PendingConnectionContent, {}) }));
 
 export { PendingConnectionModal, PendingConnectionWidgetPortal };

package/src/lib/widgets/DynamicWidget/prompts/PendingSignModal/DefaultPendingSignModalContent/DefaultPendingSignModalContent.cjs

@@ -42,27 +42,33 @@ require('../../../../../components/Transition/OpacityTransition/OpacityTransitio
 require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../../../components/Typography/Typography.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
+var useCloseMultiWalletPrompt = require('../../../hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.cjs');
 var DefaultPromptModal = require('../../DefaultPromptModal/DefaultPromptModal.cjs');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
-require('qrcode');
 require('i18next');
+require('qrcode');
 require('../../../context/DynamicWidgetContext.cjs');
 require('../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 var Button = require('../../../../../components/Button/Button.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/Alert/Alert.cjs');
+require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../../../../views/WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const DefaultPendingSignModalContent = () => {
     const { selectedWalletConnector, setMultiWalletWidgetState } = useInternalDynamicContext.useInternalDynamicContext();
@@ -82,7 +88,7 @@ const DefaultPendingSignModalContent = () => {
             setMultiWalletWidgetState('idle');
         }
     });
-    return (jsxRuntime.jsxs(DefaultPromptModal.DefaultPromptModal, { showCloseButton: true, dataTestId: 'pending-account-switch', icon: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key }), title: `Sign in with ${selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name}`, children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: "Sign the message in your wallet to approve linking this wallet to your account" }), utils.isMobile() &&
+    return (jsxRuntime.jsxs(DefaultPromptModal.DefaultPromptModal, { onClose: useCloseMultiWalletPrompt.useCloseMultiWalletPrompt(), dataTestId: 'pending-account-switch', icon: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key }), title: `Sign in with ${selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name}`, children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: "Sign the message in your wallet to approve linking this wallet to your account" }), utils.isMobile() &&
                 !(selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.canConnectViaCustodialService) && (jsxRuntime.jsx(Button.Button, { buttonClassName: 'default-prompt-modal__button', expanded: true, type: 'button', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, onClick: onClickToSign, dataTestId: 'click-to-sign-button', children: "Click to Sign" }))] }));
 };
 

package/src/lib/widgets/DynamicWidget/prompts/PendingSignModal/DefaultPendingSignModalContent/DefaultPendingSignModalContent.js

@@ -38,27 +38,33 @@ import '../../../../../components/Transition/OpacityTransition/OpacityTransition
 import '../../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../../context/FooterAnimationContext/index.js';
-import '../../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../../../components/Typography/Typography.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
+import { useCloseMultiWalletPrompt } from '../../../hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.js';
 import { DefaultPromptModal } from '../../DefaultPromptModal/DefaultPromptModal.js';
 import '../../../../../context/LoadingContext/LoadingContext.js';
-import 'qrcode';
 import 'i18next';
+import 'qrcode';
 import '../../../context/DynamicWidgetContext.js';
 import '../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import { Button } from '../../../../../components/Button/Button.js';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/Alert/Alert.js';
+import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '@dynamic-labs/viem-utils';
+import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
+import '../../../../../views/WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const DefaultPendingSignModalContent = () => {
     const { selectedWalletConnector, setMultiWalletWidgetState } = useInternalDynamicContext();
@@ -78,7 +84,7 @@ const DefaultPendingSignModalContent = () => {
             setMultiWalletWidgetState('idle');
         }
     });
-    return (jsxs(DefaultPromptModal, { showCloseButton: true, dataTestId: 'pending-account-switch', icon: jsx(WalletIcon, { walletKey: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key }), title: `Sign in with ${selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name}`, children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: "Sign the message in your wallet to approve linking this wallet to your account" }), isMobile() &&
+    return (jsxs(DefaultPromptModal, { onClose: useCloseMultiWalletPrompt(), dataTestId: 'pending-account-switch', icon: jsx(WalletIcon, { walletKey: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key }), title: `Sign in with ${selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name}`, children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: "Sign the message in your wallet to approve linking this wallet to your account" }), isMobile() &&
                 !(selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.canConnectViaCustodialService) && (jsx(Button, { buttonClassName: 'default-prompt-modal__button', expanded: true, type: 'button', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, onClick: onClickToSign, dataTestId: 'click-to-sign-button', children: "Click to Sign" }))] }));
 };