@dynamic-labs/sdk-react-core 2.0.0-alpha.5 → 2.0.0-alpha.6

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

@@ -18,9 +18,9 @@ import '../../../../../_virtual/_tslib.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import 'viem/chains';
+import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
@@ -50,17 +50,17 @@ import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBan
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../../views/WalletList/WalletList.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs

@@ -18,10 +18,10 @@ require('@dynamic-labs/utils');
 require('../../../../../shared/consts/index.cjs');
 require('../../../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../../../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 var isProviderEnabled = require('../../../../functions/isProviderEnabled/isProviderEnabled.cjs');
 require('viem/chains');
+require('../../../../../config/ApiEndpoint.cjs');
 var ConnectorSetupError = require('../errors/ConnectorSetupError.cjs');
 
 const magicEmailOtpWalletConnectorKey = 'magicemailotp';

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js

@@ -14,10 +14,10 @@ import '@dynamic-labs/utils';
 import '../../../../../shared/consts/index.js';
 import '../../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
-import '../../../../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import { isProviderEnabled } from '../../../../functions/isProviderEnabled/isProviderEnabled.js';
 import 'viem/chains';
+import '../../../../../config/ApiEndpoint.js';
 import { ConnectorSetupError } from '../errors/ConnectorSetupError.js';
 
 const magicEmailOtpWalletConnectorKey = 'magicemailotp';

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyZeroDevIsSetup/verifyZeroDevIsSetup.cjs

@@ -18,10 +18,10 @@ require('@dynamic-labs/utils');
 require('../../../../../shared/consts/index.cjs');
 require('../../../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../../../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 var isProviderEnabled = require('../../../../functions/isProviderEnabled/isProviderEnabled.cjs');
 require('viem/chains');
+require('../../../../../config/ApiEndpoint.cjs');
 var ConnectorSetupError = require('../errors/ConnectorSetupError.cjs');
 
 const zeroDevWalletConnectorKey = 'zerodev';

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyZeroDevIsSetup/verifyZeroDevIsSetup.js

@@ -14,10 +14,10 @@ import '@dynamic-labs/utils';
 import '../../../../../shared/consts/index.js';
 import '../../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
-import '../../../../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import { isProviderEnabled } from '../../../../functions/isProviderEnabled/isProviderEnabled.js';
 import 'viem/chains';
+import '../../../../../config/ApiEndpoint.js';
 import { ConnectorSetupError } from '../errors/ConnectorSetupError.js';
 
 const zeroDevWalletConnectorKey = 'zerodev';

package/src/lib/utils/hooks/useWalletConnectors/reconnectSocialWallet.cjs

@@ -18,10 +18,10 @@ require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 var getReferencedAccount = require('../../functions/getReferencedAccount/getReferencedAccount.cjs');
 require('viem/chains');
+require('../../../config/ApiEndpoint.cjs');
 
 /**
  * This function will use a referenced account to kick off the social wallet

package/src/lib/utils/hooks/useWalletConnectors/reconnectSocialWallet.js

@@ -14,10 +14,10 @@ import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import '../../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import { getReferencedAccount } from '../../functions/getReferencedAccount/getReferencedAccount.js';
 import 'viem/chains';
+import '../../../config/ApiEndpoint.js';
 
 /**
  * This function will use a referenced account to kick off the social wallet

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

@@ -19,10 +19,10 @@ require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 var getWalletIdentifier = require('../../functions/getWalletIdentifier/getWalletIdentifier.cjs');
 require('viem/chains');
+require('../../../config/ApiEndpoint.cjs');
 var useWalletsConnectionState = require('../useWalletsConnectionState/useWalletsConnectionState.cjs');
 var reconnectSocialWallet = require('./reconnectSocialWallet.cjs');
 var createLinkedWalletsFromWalletOptions = require('./utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs');

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

@@ -15,10 +15,10 @@ import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import '../../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import { getWalletIdentifier } from '../../functions/getWalletIdentifier/getWalletIdentifier.js';
 import 'viem/chains';
+import '../../../config/ApiEndpoint.js';
 import { useWalletsConnectionState } from '../useWalletsConnectionState/useWalletsConnectionState.js';
 import { reconnectSocialWallet } from './reconnectSocialWallet.js';
 import { createLinkedWalletsFromWalletOptions } from './utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js';

package/src/lib/utils/hooks/useWalletConnectors/utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs

@@ -19,10 +19,10 @@ require('@dynamic-labs/utils');
 require('../../../../../shared/consts/index.cjs');
 require('../../../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../../../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 var shouldManuallyReconnectOnRefresh = require('../../../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
 require('viem/chains');
+require('../../../../../config/ApiEndpoint.cjs');
 var findWallet = require('../findWallet/findWallet.cjs');
 var smartWallet = require('../smartWallet/smartWallet.cjs');
 var convertLegacyPhantomLedgerConnector = require('../convertLegacyPhantomLedgerConnector/convertLegacyPhantomLedgerConnector.cjs');

package/src/lib/utils/hooks/useWalletConnectors/utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js

@@ -15,10 +15,10 @@ import '@dynamic-labs/utils';
 import '../../../../../shared/consts/index.js';
 import '../../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
-import '../../../../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import { shouldManuallyReconnectOnRefresh } from '../../../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
 import 'viem/chains';
+import '../../../../../config/ApiEndpoint.js';
 import { findWallet } from '../findWallet/findWallet.js';
 import { isOwnerOfASmartWallet, initializeSmartWallet } from '../smartWallet/smartWallet.js';
 import { convertLegacyPhantomLedgerConnector } from '../convertLegacyPhantomLedgerConnector/convertLegacyPhantomLedgerConnector.js';

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

@@ -58,17 +58,17 @@ require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBa
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('../../../views/WalletList/WalletList.cjs');
 require('formik');
 require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

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

@@ -54,17 +54,17 @@ import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBan
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../../views/WalletList/WalletList.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

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

@@ -23,9 +23,9 @@ require('../../../shared/consts/index.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 require('viem/chains');
+require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
@@ -55,36 +55,47 @@ require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBa
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('../../../views/WalletList/WalletList.cjs');
 require('formik');
 require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
+var CreatePasswordModal = require('../../../modals/CreatePasswordModal/CreatePasswordModal.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var EnterPasswordModal = require('../../../modals/EnterPasswordModal/EnterPasswordModal.cjs');
 var SignMessageConfirmationModal = require('../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs');
 var TransactionConfirmationModal = require('../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs');
 
-const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
+const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, hideEmbeddedWalletUIs = false, }) => {
     const confirmationStateRef = React.useRef('enabled');
     const { t } = reactI18next.useTranslation();
     const { modal: sendTransactionModal, open: openSendTransaction } = useConfirmationModal.useConfirmationModal({
         elementId: 'dynamic-send-transaction',
     });
-    const { modal, open: openSignMessage } = useConfirmationModal.useConfirmationModal({
+    const { modal: signMessageModal, open: openSignMessage } = useConfirmationModal.useConfirmationModal({
         elementId: 'dynamic-sign-message',
     });
+    const { modal: enterPasswordModal, open: openEnterPassword } = useConfirmationModal.useConfirmationModal({
+        elementId: 'dynamic-enter-password',
+    });
+    const { modal: createPasswordModal, open: openCreatePassword } = useConfirmationModal.useConfirmationModal({
+        elementId: 'dynamic-create-password',
+    });
     const shouldConfirmAction = React.useCallback(() => {
+        if (hideEmbeddedWalletUIs) {
+            return false;
+        }
         if (confirmationStateRef.current === 'disabled') {
             confirmationStateRef.current = 'enabled';
             return false;
@@ -103,15 +114,41 @@ const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
         }
         return openSendTransaction((resolve, reject) => (jsxRuntime.jsx(TransactionConfirmationModal.TransactionConfirmationModal, { copykey: 'dyn_send_transaction.confirmation.title', title: t('dyn_send_transaction.confirmation.title'), transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
     }), [openSendTransaction, shouldConfirmAction, t]);
+    const enterPassword = React.useCallback(({ handler, closeView = true }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        return openEnterPassword((resolve, reject) => (jsxRuntime.jsx(EnterPasswordModal.EnterPasswordModal, { handler: handler || (() => Promise.resolve()), onResolve: resolve, onReject: reject, closeView: closeView })));
+    }), [openEnterPassword]);
+    const createPassword = React.useCallback(({ closeView = true }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        return openCreatePassword((resolve, reject) => (jsxRuntime.jsx(CreatePasswordModal.CreatePasswordModal, { onResolve: resolve, onReject: reject, closeView: closeView })));
+    }), [openCreatePassword]);
     const disabledConfirmationOnce = React.useCallback(() => {
         confirmationStateRef.current = 'disabled';
     }, []);
     const walletUiUtils = React.useMemo(() => ({
+        createPassword,
         disabledConfirmationOnce,
+        enterPassword,
         sendTransaction,
         signMessage,
-    }), [signMessage, disabledConfirmationOnce, sendTransaction]);
-    return React.useMemo(() => [modal || sendTransactionModal, walletUiUtils], [modal, sendTransactionModal, walletUiUtils]);
+    }), [
+        signMessage,
+        disabledConfirmationOnce,
+        sendTransaction,
+        enterPassword,
+        createPassword,
+    ]);
+    return React.useMemo(() => [
+        signMessageModal ||
+            sendTransactionModal ||
+            enterPasswordModal ||
+            createPasswordModal,
+        walletUiUtils,
+    ], [
+        signMessageModal,
+        sendTransactionModal,
+        enterPasswordModal,
+        createPasswordModal,
+        walletUiUtils,
+    ]);
 };
 
 exports.useWalletUiUtils = useWalletUiUtils;

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

@@ -1,4 +1,4 @@
 import { ReactNode } from 'react';
 import { WalletUiUtils } from '@dynamic-labs/types';
 import { WalletUiUtilsHookProps } from './useWalletUiUtils.types';
-export declare const useWalletUiUtils: ({ appLogoUrl, appName, getAppOrigin, }: WalletUiUtilsHookProps) => [ReactNode | undefined, WalletUiUtils];
+export declare const useWalletUiUtils: ({ appLogoUrl, appName, getAppOrigin, hideEmbeddedWalletUIs, }: WalletUiUtilsHookProps) => [ReactNode | undefined, WalletUiUtils];

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

@@ -19,9 +19,9 @@ import '../../../shared/consts/index.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import 'viem/chains';
+import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
@@ -51,36 +51,47 @@ import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBan
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../../views/WalletList/WalletList.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
+import { CreatePasswordModal } from '../../../modals/CreatePasswordModal/CreatePasswordModal.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { EnterPasswordModal } from '../../../modals/EnterPasswordModal/EnterPasswordModal.js';
 import { SignMessageConfirmationModal } from '../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js';
 import { TransactionConfirmationModal } from '../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.js';
 
-const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
+const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, hideEmbeddedWalletUIs = false, }) => {
     const confirmationStateRef = useRef('enabled');
     const { t } = useTranslation();
     const { modal: sendTransactionModal, open: openSendTransaction } = useConfirmationModal({
         elementId: 'dynamic-send-transaction',
     });
-    const { modal, open: openSignMessage } = useConfirmationModal({
+    const { modal: signMessageModal, open: openSignMessage } = useConfirmationModal({
         elementId: 'dynamic-sign-message',
     });
+    const { modal: enterPasswordModal, open: openEnterPassword } = useConfirmationModal({
+        elementId: 'dynamic-enter-password',
+    });
+    const { modal: createPasswordModal, open: openCreatePassword } = useConfirmationModal({
+        elementId: 'dynamic-create-password',
+    });
     const shouldConfirmAction = useCallback(() => {
+        if (hideEmbeddedWalletUIs) {
+            return false;
+        }
         if (confirmationStateRef.current === 'disabled') {
             confirmationStateRef.current = 'enabled';
             return false;
@@ -99,15 +110,41 @@ const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
         }
         return openSendTransaction((resolve, reject) => (jsx(TransactionConfirmationModal, { copykey: 'dyn_send_transaction.confirmation.title', title: t('dyn_send_transaction.confirmation.title'), transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
     }), [openSendTransaction, shouldConfirmAction, t]);
+    const enterPassword = useCallback(({ handler, closeView = true }) => __awaiter(void 0, void 0, void 0, function* () {
+        return openEnterPassword((resolve, reject) => (jsx(EnterPasswordModal, { handler: handler || (() => Promise.resolve()), onResolve: resolve, onReject: reject, closeView: closeView })));
+    }), [openEnterPassword]);
+    const createPassword = useCallback(({ closeView = true }) => __awaiter(void 0, void 0, void 0, function* () {
+        return openCreatePassword((resolve, reject) => (jsx(CreatePasswordModal, { onResolve: resolve, onReject: reject, closeView: closeView })));
+    }), [openCreatePassword]);
     const disabledConfirmationOnce = useCallback(() => {
         confirmationStateRef.current = 'disabled';
     }, []);
     const walletUiUtils = useMemo(() => ({
+        createPassword,
         disabledConfirmationOnce,
+        enterPassword,
         sendTransaction,
         signMessage,
-    }), [signMessage, disabledConfirmationOnce, sendTransaction]);
-    return useMemo(() => [modal || sendTransactionModal, walletUiUtils], [modal, sendTransactionModal, walletUiUtils]);
+    }), [
+        signMessage,
+        disabledConfirmationOnce,
+        sendTransaction,
+        enterPassword,
+        createPassword,
+    ]);
+    return useMemo(() => [
+        signMessageModal ||
+            sendTransactionModal ||
+            enterPasswordModal ||
+            createPasswordModal,
+        walletUiUtils,
+    ], [
+        signMessageModal,
+        sendTransactionModal,
+        enterPasswordModal,
+        createPasswordModal,
+        walletUiUtils,
+    ]);
 };
 
 export { useWalletUiUtils };

package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.types.d.ts

@@ -2,4 +2,5 @@ export type WalletUiUtilsHookProps = {
     appLogoUrl?: string;
     appName?: string;
     getAppOrigin: () => string;
+    hideEmbeddedWalletUIs?: boolean;
 };

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

@@ -19,11 +19,11 @@ require('@dynamic-labs/utils');
 var useThrottle = require('../../../shared/utils/hooks/useThrottle/useThrottle.cjs');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 var getWalletIdentifier = require('../../functions/getWalletIdentifier/getWalletIdentifier.cjs');
 var isWalletConnected = require('../../functions/isWalletConnected/isWalletConnected.cjs');
 require('viem/chains');
+require('../../../config/ApiEndpoint.cjs');
 require('../../../events/dynamicEvents.cjs');
 var useWalletConnectorEvent = require('../events/useWalletConnectorEvent/useWalletConnectorEvent.cjs');
 var useWindowEvent = require('../events/useWindowEvent/useWindowEvent.cjs');

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

@@ -15,11 +15,11 @@ import '@dynamic-labs/utils';
 import { useThrottle } from '../../../shared/utils/hooks/useThrottle/useThrottle.js';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import '../../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import { getWalletIdentifier } from '../../functions/getWalletIdentifier/getWalletIdentifier.js';
 import { isWalletConnected } from '../../functions/isWalletConnected/isWalletConnected.js';
 import 'viem/chains';
+import '../../../config/ApiEndpoint.js';
 import '../../../events/dynamicEvents.js';
 import { useWalletConnectorEvent } from '../events/useWalletConnectorEvent/useWalletConnectorEvent.js';
 import { useWindowEvent } from '../events/useWindowEvent/useWindowEvent.js';

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

@@ -24,10 +24,10 @@ require('../../shared/consts/index.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 var getSocialSignInProviderForProviderEnum = require('../../utils/functions/getSocialSignInProviderForProviderEnum/getSocialSignInProviderForProviderEnum.cjs');
 require('viem/chains');
+require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
@@ -43,19 +43,19 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('i18next');
+var Typography = require('../../components/Typography/Typography.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/FooterAnimationContext/index.cjs');
-var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');
-require('i18next');
 require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
@@ -74,10 +74,10 @@ require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../WalletList/WalletList.cjs');
-require('@hcaptcha/react-hcaptcha');
 var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var LoginEmailForm = require('../LoginView/sections/EmailSignInSection/LoginEmailForm.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
 require('../LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 
 const AccountExistsView = () => {

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

@@ -20,10 +20,10 @@ import '../../shared/consts/index.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import { getSocialSignInProviderForProviderEnum } from '../../utils/functions/getSocialSignInProviderForProviderEnum/getSocialSignInProviderForProviderEnum.js';
 import 'viem/chains';
+import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
@@ -39,19 +39,19 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
+import 'i18next';
+import { Typography } from '../../components/Typography/Typography.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/FooterAnimationContext/index.js';
-import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import '../../context/LoadingContext/LoadingContext.js';
-import 'i18next';
 import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
@@ -70,10 +70,10 @@ import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../WalletList/WalletList.js';
-import '@hcaptcha/react-hcaptcha';
 import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import { LoginEmailForm } from '../LoginView/sections/EmailSignInSection/LoginEmailForm.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
 import '../LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 
 const AccountExistsView = () => {

package/src/lib/views/BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.cjs

@@ -24,9 +24,9 @@ require('../../../../_virtual/_tslib.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 require('viem/chains');
+require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
@@ -56,17 +56,17 @@ require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanne
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('../WalletList/WalletList.cjs');
 require('formik');
 require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../context/LoadingContext/LoadingContext.cjs');
+require('../WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');