@dynamic-labs/sdk-react-core 0.19.0-alpha.13 → 0.19.0-alpha.15

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.cjs

@@ -32,27 +32,35 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('react-i18next');
-var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
-var IconButton = require('../../components/IconButton/IconButton.cjs');
-var Button = require('../../components/Button/Button.cjs');
-require('../../components/Alert/Alert.cjs');
-require('formik');
-require('yup');
-require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/MockContext/MockContext.cjs');
+require('../../context/QrCodeContext/QrCodeContext.cjs');
+require('react-i18next');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('formik');
+require('yup');
+var Button = require('../../components/Button/Button.cjs');
+var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
+var IconButton = require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 var Step = require('../../components/Step/Step.cjs');
 var Stepper = require('../../components/Stepper/Stepper.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../components/OverlayCard/OverlayCard.context.cjs');
 
 const BridgeWelcomeLayout = ({ body, chains = [], onClickAction, onClickClose, title, actionButtonText, }) => {
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.js

@@ -28,27 +28,35 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
-import 'react-i18next';
-import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
-import { IconButton } from '../../components/IconButton/IconButton.js';
-import { Button } from '../../components/Button/Button.js';
-import '../../components/Alert/Alert.js';
-import 'formik';
-import 'yup';
-import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
+import '../../context/FooterAnimationContext/index.js';
 import '../../context/MockContext/MockContext.js';
+import '../../context/QrCodeContext/QrCodeContext.js';
+import 'react-i18next';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../../context/LoadingContext/LoadingContext.js';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'formik';
+import 'yup';
+import { Button } from '../../components/Button/Button.js';
+import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
+import { IconButton } from '../../components/IconButton/IconButton.js';
+import '../../components/Alert/Alert.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import { Step } from '../../components/Step/Step.js';
 import { Stepper } from '../../components/Stepper/Stepper.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import '../../components/OverlayCard/OverlayCard.context.js';
 
 const BridgeWelcomeLayout = ({ body, chains = [], onClickAction, onClickClose, title, actionButtonText, }) => {
     const closeButton = onClickClose && (jsx(IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsx(SvgClose, {}) }));

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.cjs

@@ -33,25 +33,33 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('react-i18next');
-var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
-var IconButton = require('../../components/IconButton/IconButton.cjs');
-var Button = require('../../components/Button/Button.cjs');
-require('../../components/Alert/Alert.cjs');
-require('formik');
-require('yup');
-require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/MockContext/MockContext.cjs');
+require('../../context/QrCodeContext/QrCodeContext.cjs');
+require('react-i18next');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('formik');
+require('yup');
+var Button = require('../../components/Button/Button.cjs');
+var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
+var IconButton = require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../components/OverlayCard/OverlayCard.context.cjs');
 
 const ConnectedWalletsListLayout = ({ title, body, onClickBack, onClickClose, onClickAction, actionButtonText = 'Continue', children, }) => {
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.js

@@ -29,25 +29,33 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
-import 'react-i18next';
-import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
-import { IconButton } from '../../components/IconButton/IconButton.js';
-import { Button } from '../../components/Button/Button.js';
-import '../../components/Alert/Alert.js';
-import 'formik';
-import 'yup';
-import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
+import '../../context/FooterAnimationContext/index.js';
 import '../../context/MockContext/MockContext.js';
+import '../../context/QrCodeContext/QrCodeContext.js';
+import 'react-i18next';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../../context/LoadingContext/LoadingContext.js';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'formik';
+import 'yup';
+import { Button } from '../../components/Button/Button.js';
+import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
+import { IconButton } from '../../components/IconButton/IconButton.js';
+import '../../components/Alert/Alert.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import '../../components/OverlayCard/OverlayCard.context.js';
 
 const ConnectedWalletsListLayout = ({ title, body, onClickBack, onClickClose, onClickAction, actionButtonText = 'Continue', children, }) => {
     const closeButton = onClickClose && (jsx(IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsx(SvgClose, {}) }));

package/src/lib/locale/en/translation.cjs

@@ -44,6 +44,18 @@ var dyn_login = {
 		button_only: "Continue with a wallet"
 	}
 };
+var dyn_network_not_supported = {
+	button: "Switch Network",
+	subtitle: "Your wallet is not connected to a supported network. Please update before continuing.",
+	title: "Update Network",
+	warning_message: "This network is not available, please update."
+};
+var dyn_network_not_supported_manual_switch = {
+	subtitle_network_defined: "To continue, please update the network in your wallet to {{network}}",
+	subtitle_no_network_defined: "Your wallet does not support switching networks from this app. Switch networks directly in your wallet.",
+	title: "Update your Network",
+	warning_message: "This network is not available, please update."
+};
 var dyn_no_access = {
 	title: "You don't have access"
 };
@@ -117,6 +129,8 @@ var sdkTranslation = {
 	dyn_chainalysis_blocked_wallet: dyn_chainalysis_blocked_wallet,
 	dyn_connect_button: dyn_connect_button,
 	dyn_login: dyn_login,
+	dyn_network_not_supported: dyn_network_not_supported,
+	dyn_network_not_supported_manual_switch: dyn_network_not_supported_manual_switch,
 	dyn_no_access: dyn_no_access,
 	dyn_passkey_intro: dyn_passkey_intro,
 	dyn_passkey_success: dyn_passkey_success,
@@ -134,6 +148,8 @@ exports.dyn_active_wallet_info = dyn_active_wallet_info;
 exports.dyn_chainalysis_blocked_wallet = dyn_chainalysis_blocked_wallet;
 exports.dyn_connect_button = dyn_connect_button;
 exports.dyn_login = dyn_login;
+exports.dyn_network_not_supported = dyn_network_not_supported;
+exports.dyn_network_not_supported_manual_switch = dyn_network_not_supported_manual_switch;
 exports.dyn_no_access = dyn_no_access;
 exports.dyn_passkey_intro = dyn_passkey_intro;
 exports.dyn_passkey_success = dyn_passkey_success;

package/src/lib/locale/en/translation.js

@@ -40,6 +40,18 @@ var dyn_login = {
 		button_only: "Continue with a wallet"
 	}
 };
+var dyn_network_not_supported = {
+	button: "Switch Network",
+	subtitle: "Your wallet is not connected to a supported network. Please update before continuing.",
+	title: "Update Network",
+	warning_message: "This network is not available, please update."
+};
+var dyn_network_not_supported_manual_switch = {
+	subtitle_network_defined: "To continue, please update the network in your wallet to {{network}}",
+	subtitle_no_network_defined: "Your wallet does not support switching networks from this app. Switch networks directly in your wallet.",
+	title: "Update your Network",
+	warning_message: "This network is not available, please update."
+};
 var dyn_no_access = {
 	title: "You don't have access"
 };
@@ -113,6 +125,8 @@ var sdkTranslation = {
 	dyn_chainalysis_blocked_wallet: dyn_chainalysis_blocked_wallet,
 	dyn_connect_button: dyn_connect_button,
 	dyn_login: dyn_login,
+	dyn_network_not_supported: dyn_network_not_supported,
+	dyn_network_not_supported_manual_switch: dyn_network_not_supported_manual_switch,
 	dyn_no_access: dyn_no_access,
 	dyn_passkey_intro: dyn_passkey_intro,
 	dyn_passkey_success: dyn_passkey_success,
@@ -124,4 +138,4 @@ var sdkTranslation = {
 	dyn_widget: dyn_widget
 };
 
-export { sdkTranslation as default, dyn_account_exists, dyn_active_wallet_info, dyn_chainalysis_blocked_wallet, dyn_connect_button, dyn_login, dyn_no_access, dyn_passkey_intro, dyn_passkey_success, dyn_sign_message, dyn_wallet_conect, dyn_wallet_link, dyn_wallet_list, dyn_wallet_transfer, dyn_widget };
+export { sdkTranslation as default, dyn_account_exists, dyn_active_wallet_info, dyn_chainalysis_blocked_wallet, dyn_connect_button, dyn_login, dyn_network_not_supported, dyn_network_not_supported_manual_switch, dyn_no_access, dyn_passkey_intro, dyn_passkey_success, dyn_sign_message, dyn_wallet_conect, dyn_wallet_link, dyn_wallet_list, dyn_wallet_transfer, dyn_widget };

package/src/lib/modals/DynamicAuthModal/DynamicAuthModal.cjs

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('../../shared/consts/index.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('react-dom');
+require('react-focus-lock');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+var DynamicAuthLayout = require('../../layout/DynamicAuthLayout/DynamicAuthLayout.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../../context/QrCodeContext/QrCodeContext.cjs');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('react-i18next');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('@dynamic-labs/types');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('formik');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
+var WalletProgressStepper = require('../../layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.cjs');
+var useAuthLayoutChecks = require('../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+var Modal = require('../../components/Modal/Modal.cjs');
+var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+
+const DynamicAuthModal = ({ children, onClose, transitionProps, walletConnector, projectSettings, className, }) => {
+    const { showConnectedWalletProgress } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
+    return (jsxRuntime.jsxs(Modal.Modal, { isShown: Boolean(transitionProps === null || transitionProps === void 0 ? void 0 : transitionProps.isShown), children: [showConnectedWalletProgress && (jsxRuntime.jsx(ModalCard.ModalCard, { borderRadius: 'small', children: jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {}) })), jsxRuntime.jsx(ModalCard.ModalCard, { dataTestId: 'dynamic-auth-modal', children: jsxRuntime.jsx(DynamicAuthLayout.DynamicAuthLayout, { className: className, projectSettings: projectSettings, onClose: onClose, hideBridgeProgressSteppers: true, children: children }) })] }));
+};
+
+exports.DynamicAuthModal = DynamicAuthModal;

package/src/lib/modals/DynamicAuthModal/DynamicAuthModal.d.ts

@@ -0,0 +1,13 @@
+import { FC, PropsWithChildren } from 'react';
+import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { ProjectSettings } from '@dynamic-labs/sdk-api';
+import { ITransitionOptions } from '../../components/Transition/transition.type';
+import { ModalProps } from '../../shared/types';
+type DynamicAuthModalProps = PropsWithChildren & ModalProps & {
+    className?: string;
+    transitionProps?: Pick<ITransitionOptions, 'isShown'>;
+    walletConnector?: WalletConnector | null;
+    projectSettings?: ProjectSettings;
+};
+export declare const DynamicAuthModal: FC<DynamicAuthModalProps>;
+export {};

package/src/lib/modals/DynamicAuthModal/DynamicAuthModal.js

@@ -0,0 +1,63 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '../../shared/consts/index.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/multi-wallet';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import { DynamicAuthLayout } from '../../layout/DynamicAuthLayout/DynamicAuthLayout.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../../context/QrCodeContext/QrCodeContext.js';
+import '../../context/LoadingContext/LoadingContext.js';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import 'react-i18next';
+import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import '@dynamic-labs/types';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'formik';
+import 'yup';
+import '../../context/MockContext/MockContext.js';
+import '../../components/IconButton/IconButton.js';
+import '../../components/Alert/Alert.js';
+import { WalletProgressStepper } from '../../layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.js';
+import { useAuthLayoutChecks } from '../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import { Modal } from '../../components/Modal/Modal.js';
+import { ModalCard } from '../../components/ModalCard/ModalCard.js';
+import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
+
+const DynamicAuthModal = ({ children, onClose, transitionProps, walletConnector, projectSettings, className, }) => {
+    const { showConnectedWalletProgress } = useAuthLayoutChecks(walletConnector);
+    return (jsxs(Modal, { isShown: Boolean(transitionProps === null || transitionProps === void 0 ? void 0 : transitionProps.isShown), children: [showConnectedWalletProgress && (jsx(ModalCard, { borderRadius: 'small', children: jsx(WalletProgressStepper, {}) })), jsx(ModalCard, { dataTestId: 'dynamic-auth-modal', children: jsx(DynamicAuthLayout, { className: className, projectSettings: projectSettings, onClose: onClose, hideBridgeProgressSteppers: true, children: children }) })] }));
+};
+
+export { DynamicAuthModal };

package/src/lib/modals/DynamicAuthModal/index.d.ts

@@ -0,0 +1 @@
+export * from './DynamicAuthModal';

package/src/lib/modals/SendBalanceModal/SendBalanceModal.cjs

@@ -28,30 +28,38 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('react-i18next');
-var SendBalanceView = require('../../views/SendBalanceView/SendBalanceView.cjs');
-require('formik');
-require('yup');
-require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+var VerticalDrawerTransition = require('../../components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/MockContext/MockContext.cjs');
+require('../../context/QrCodeContext/QrCodeContext.cjs');
+require('react-i18next');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('formik');
+require('yup');
+var SendBalanceView = require('../../views/SendBalanceView/SendBalanceView.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
-require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
-require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-var VerticalDrawerTransition = require('../../components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../components/OverlayCard/OverlayCard.context.cjs');
 
 const SendBalanceModal = ({ initialRecipientAddress, initialValue, onReject, onSuccess, }) => {
     usePreventPageScroll.usePreventPageScroll(true);

package/src/lib/modals/SendBalanceModal/SendBalanceModal.js

@@ -24,30 +24,38 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
-import 'react-i18next';
-import { SendBalanceView } from '../../views/SendBalanceView/SendBalanceView.js';
-import 'formik';
-import 'yup';
-import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import { VerticalDrawerTransition } from '../../components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
+import '../../context/FooterAnimationContext/index.js';
 import '../../context/MockContext/MockContext.js';
+import '../../context/QrCodeContext/QrCodeContext.js';
+import 'react-i18next';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../../context/LoadingContext/LoadingContext.js';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'formik';
+import 'yup';
+import { SendBalanceView } from '../../views/SendBalanceView/SendBalanceView.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
-import '../../components/Transition/ZoomTransition/ZoomTransition.js';
-import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import { VerticalDrawerTransition } from '../../components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import '../../components/OverlayCard/OverlayCard.context.js';
 
 const SendBalanceModal = ({ initialRecipientAddress, initialValue, onReject, onSuccess, }) => {
     usePreventPageScroll(true);

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs

@@ -33,37 +33,45 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-var getProperErrorMessage = require('./getProperErrorMessage.cjs');
-var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
-var IconButton = require('../../components/IconButton/IconButton.cjs');
-var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
-var Button = require('../../components/Button/Button.cjs');
-var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 var AnimatePresence = require('../../components/AnimatePresence/AnimatePresence.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 var VerticalDrawerTransition = require('../../components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs');
-require('../../components/Alert/Alert.cjs');
-var AppOriginTile = require('../../components/AppOriginTile/AppOriginTile.cjs');
-require('formik');
-require('yup');
-require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/MockContext/MockContext.cjs');
+require('../../context/QrCodeContext/QrCodeContext.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
-var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
+require('qrcode');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
+var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
+require('formik');
+require('yup');
+var Button = require('../../components/Button/Button.cjs');
+var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
+var IconButton = require('../../components/IconButton/IconButton.cjs');
+var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
+require('../../components/Alert/Alert.cjs');
+var AppOriginTile = require('../../components/AppOriginTile/AppOriginTile.cjs');
+var getProperErrorMessage = require('./getProperErrorMessage.cjs');
+var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../components/OverlayCard/OverlayCard.context.cjs');
 var SignMessagePreview = require('../../components/SignMessagePreview/SignMessagePreview.cjs');
 
 const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message, handler, onReject, onSignMessage, }) => {