@dynamic-labs/sdk-react-core 2.0.0-alpha.2 → 2.0.0-alpha.20

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

@@ -1,18 +1,15 @@
-import { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
 import { VerifiedCredentialNameToChainEnum } from '../../../../constants/values.js';
 
-// remaining normalizeWalletName until QNTM-846 is complete due to us still passing the walletname to redcoast:
-// https://linear.app/dynamic-labs/issue/QNTM-846/remove-usage-of-walletwalletconnectorwname-to-instead-use
 const findWallet = (account, walletOptions) => {
-    const normalizedWalletName = account.walletName && normalizeWalletName(account.walletName);
-    if (normalizedWalletName === 'turnkeyhd') {
+    const walletKey = account.walletName;
+    if (walletKey === 'turnkeyhd') {
         const chain = account.chain
             ? VerifiedCredentialNameToChainEnum[account.chain]
             : undefined;
-        return walletOptions.find((wallet) => normalizedWalletName === wallet.key &&
+        return walletOptions.find((wallet) => walletKey === wallet.key &&
             wallet.walletConnector.connectedChain === chain);
     }
-    return walletOptions.find((wallet) => normalizedWalletName === wallet.key);
+    return walletOptions.find((wallet) => walletKey === wallet.key);
 };
 
 export { findWallet };

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

@@ -14,33 +14,12 @@ require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('../../../events/dynamicEvents.cjs');
 var useWalletConnectorEvent = require('../events/useWalletConnectorEvent/useWalletConnectorEvent.cjs');
 
 const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
-    const [loadingNetwork, setLoadingNetwork] = React.useState(true);
-    const [network, setNetwork] = React.useState(undefined);
-    React.useEffect(() => {
-        const fetchNetwork = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            try {
-                if (!(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector))
-                    return;
-                const network = yield primaryWallet.connector.getNetwork();
-                setNetwork(network);
-            }
-            catch (error) {
-                /* istanbul ignore next */
-                logger.logger.debug(error);
-            }
-            finally {
-                setLoadingNetwork(false);
-            }
-        });
-        fetchNetwork();
-    }, [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector]);
     useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'disconnect', () => {
         logger.logger.debug('primary wallet disconnect');
         handleLogOut();
@@ -51,13 +30,6 @@ const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetS
             return;
         }
         refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
-        // https://linear.app/dynamic-labs/issue/QNTM-84/breaking-change-rename-network-to-primarywalletnetwork
-        if (primaryWallet.chain === 'starknet') {
-            setNetwork(chain);
-        }
-        else {
-            setNetwork(parseInt(chain));
-        }
     });
     useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'accountChange', ({ accounts }) => {
         logger.logger.debug('primary wallet account change', {
@@ -168,11 +140,6 @@ const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetS
         setSelectedWalletWithAction,
         setPrimaryWalletId,
     ]);
-    return {
-        loadingNetwork,
-        network,
-        setNetwork,
-    };
 };
 
 exports.useWalletEventListeners = useWalletEventListeners;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { IDynamicContext } from '../../../context/DynamicContext/types';
 import { AuthModeType, MultiWalletWidgetState, UserProfile, Wallet, WalletWithAction } from '../../../shared';
@@ -19,8 +18,4 @@ export type UseWalletEventListenersArgs = {
     authMode: AuthModeType;
     refreshConnectedWallet: (walletId: string, walletConnector: WalletConnector, shouldCallCallback?: boolean) => Promise<void>;
 };
-export declare const useWalletEventListeners: ({ handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }: UseWalletEventListenersArgs) => {
-    loadingNetwork: boolean;
-    network: string | number | undefined;
-    setNetwork: import("react").Dispatch<import("react").SetStateAction<string | number | undefined>>;
-};
+export declare const useWalletEventListeners: ({ handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }: UseWalletEventListenersArgs) => void;

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

@@ -1,5 +1,5 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useState, useEffect, useMemo, useCallback } from 'react';
+import { useMemo, useCallback } from 'react';
 import { isSameAddress } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../shared/logger.js';
@@ -10,33 +10,12 @@ import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';
 import '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '../../../events/dynamicEvents.js';
 import { useWalletConnectorEvent } from '../events/useWalletConnectorEvent/useWalletConnectorEvent.js';
 
 const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
-    const [loadingNetwork, setLoadingNetwork] = useState(true);
-    const [network, setNetwork] = useState(undefined);
-    useEffect(() => {
-        const fetchNetwork = () => __awaiter(void 0, void 0, void 0, function* () {
-            try {
-                if (!(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector))
-                    return;
-                const network = yield primaryWallet.connector.getNetwork();
-                setNetwork(network);
-            }
-            catch (error) {
-                /* istanbul ignore next */
-                logger.debug(error);
-            }
-            finally {
-                setLoadingNetwork(false);
-            }
-        });
-        fetchNetwork();
-    }, [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector]);
     useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'disconnect', () => {
         logger.debug('primary wallet disconnect');
         handleLogOut();
@@ -47,13 +26,6 @@ const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetS
             return;
         }
         refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
-        // https://linear.app/dynamic-labs/issue/QNTM-84/breaking-change-rename-network-to-primarywalletnetwork
-        if (primaryWallet.chain === 'starknet') {
-            setNetwork(chain);
-        }
-        else {
-            setNetwork(parseInt(chain));
-        }
     });
     useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'accountChange', ({ accounts }) => {
         logger.debug('primary wallet account change', {
@@ -164,11 +136,6 @@ const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetS
         setSelectedWalletWithAction,
         setPrimaryWalletId,
     ]);
-    return {
-        loadingNetwork,
-        network,
-        setNetwork,
-    };
 };
 
 export { useWalletEventListeners };

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

@@ -4,19 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var utils = require('@dynamic-labs/utils');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('react');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('../../../shared/consts/index.cjs');
 require('../../../events/dynamicEvents.cjs');
 var useConnectAndSign = require('../authenticationHooks/useConnectAndSign/useConnectAndSign.cjs');
@@ -25,16 +24,20 @@ require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
 var requiresTwoStepAuthentication = require('../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.cjs');
+require('viem');
 require('viem/chains');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 var useConnectAndSignSplitSteps = require('../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs');
-require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('react-i18next');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 var MockContext = require('../../../context/MockContext/MockContext.cjs');
 require('../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -45,31 +48,33 @@ require('../../../components/Alert/Alert.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/Input/Input.cjs');
 require('../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.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('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
-require('i18next');
-require('../../../components/OverlayCard/OverlayCard.context.cjs');
-require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/WalletList/WalletList.cjs');
-require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../../context/LoadingContext/LoadingContext.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('../../../locale/locale.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/viem-utils');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
@@ -109,7 +114,7 @@ const useWalletItemActions = () => {
         }
         else {
             connectAndSignWallet({
-                fetchPublicAddressOpts: {
+                getAddressOpts: {
                     onDesktopUri: (uri) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
                         setDesktopUri(uri);
                     }),
@@ -153,9 +158,11 @@ const useWalletItemActions = () => {
     };
     const handleWalletItemClick = (wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const { walletConnector, isInstalledOnBrowser } = wallet;
+        const shouldEndWalletConnectorSession = walletConnector.connectedChain === 'FLOW' ||
+            walletConnectorCore.isPhantomRedirectConnector(walletConnector);
         if (mockedSDK)
             return;
-        if (walletConnector.connectedChain === 'FLOW') {
+        if (shouldEndWalletConnectorSession) {
             yield walletConnector.endSession();
         }
         setLegacyIsVerifying(false);

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

@@ -1,18 +1,17 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { isMobile } from '@dynamic-labs/utils';
+import { isPhantomRedirectConnector } from '@dynamic-labs/wallet-connector-core';
 import 'react';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';
 import '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '../../../shared/consts/index.js';
 import '../../../events/dynamicEvents.js';
 import { useConnectAndSign } from '../authenticationHooks/useConnectAndSign/useConnectAndSign.js';
@@ -21,16 +20,20 @@ import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
 import { requiresTwoStepAuthentication } from '../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.js';
+import 'viem';
 import 'viem/chains';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import { useConnectAndSignSplitSteps } from '../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js';
-import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../../context/WalletContext/WalletContext.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
 import 'react-i18next';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import { useMockContext } from '../../../context/MockContext/MockContext.js';
 import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -41,31 +44,33 @@ import '../../../components/Alert/Alert.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
 import '../../../components/IsBrowser/IsBrowser.js';
 import '../../../components/MenuList/Dropdown/Dropdown.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 '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
-import 'i18next';
-import '../../../components/OverlayCard/OverlayCard.context.js';
-import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../views/WalletList/WalletList.js';
-import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../../context/LoadingContext/LoadingContext.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 '../../../locale/locale.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/viem-utils';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
@@ -105,7 +110,7 @@ const useWalletItemActions = () => {
         }
         else {
             connectAndSignWallet({
-                fetchPublicAddressOpts: {
+                getAddressOpts: {
                     onDesktopUri: (uri) => __awaiter(void 0, void 0, void 0, function* () {
                         setDesktopUri(uri);
                     }),
@@ -149,9 +154,11 @@ const useWalletItemActions = () => {
     };
     const handleWalletItemClick = (wallet) => __awaiter(void 0, void 0, void 0, function* () {
         const { walletConnector, isInstalledOnBrowser } = wallet;
+        const shouldEndWalletConnectorSession = walletConnector.connectedChain === 'FLOW' ||
+            isPhantomRedirectConnector(walletConnector);
         if (mockedSDK)
             return;
-        if (walletConnector.connectedChain === 'FLOW') {
+        if (shouldEndWalletConnectorSession) {
             yield walletConnector.endSession();
         }
         setLegacyIsVerifying(false);

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

@@ -18,20 +18,23 @@ require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('../../../shared/consts/index.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem');
 require('viem/chains');
+require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../config/ApiEndpoint.cjs');
-require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
 var useConfirmationModal = require('../useConfirmationModal/useConfirmationModal.cjs');
+require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -42,45 +45,58 @@ require('react-dom');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/Input/Input.cjs');
 require('../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.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('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
-require('i18next');
-require('../../../components/OverlayCard/OverlayCard.context.cjs');
-require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/WalletList/WalletList.cjs');
-require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../../context/LoadingContext/LoadingContext.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('../../../locale/locale.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('@dynamic-labs/viem-utils');
+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, hideEmbeddedWalletTransactionUIs = 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 (hideEmbeddedWalletTransactionUIs) {
+            return false;
+        }
         if (confirmationStateRef.current === 'disabled') {
             confirmationStateRef.current = 'enabled';
             return false;
@@ -93,21 +109,47 @@ const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
         }
         return openSignMessage((resolve, reject) => (jsxRuntime.jsx(SignMessageConfirmationModal.SignMessageConfirmationModal, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: getAppOrigin(), message: message, handler: handler, onSignMessage: resolve, onReject: reject })));
     }, [appLogoUrl, appName, getAppOrigin, openSignMessage, shouldConfirmAction]);
-    const sendTransaction = React.useCallback(({ transaction, handler, provider, connector }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const sendTransaction = React.useCallback((walletConnector, transaction) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!shouldConfirmAction()) {
-            return handler(transaction);
+            return transaction.submit();
         }
-        return openSendTransaction((resolve, reject) => (jsxRuntime.jsx(TransactionConfirmationModal.TransactionConfirmationModal, { walletConnector: connector, copykey: 'dyn_send_transaction.confirmation.title', title: t('dyn_send_transaction.confirmation.title'), transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
+        return openSendTransaction((resolve, reject) => (jsxRuntime.jsx(TransactionConfirmationModal.TransactionConfirmationModal, { copykey: 'dyn_send_transaction.confirmation.title', title: t('dyn_send_transaction.confirmation.title'), transaction: transaction, onTransactionResponseSuccess: resolve, onReject: reject, walletConnector: walletConnector })));
     }), [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, 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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { WalletUiUtils } from '@dynamic-labs/types';
 import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { WalletUiUtilsHookProps } from './useWalletUiUtils.types';
-export declare const useWalletUiUtils: ({ appLogoUrl, appName, getAppOrigin, }: WalletUiUtilsHookProps) => [
+export declare const useWalletUiUtils: ({ appLogoUrl, appName, getAppOrigin, hideEmbeddedWalletTransactionUIs, }: WalletUiUtilsHookProps) => [
     ReactNode | undefined,
     WalletUiUtils<WalletConnector>
 ];