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

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

@@ -208,6 +208,105 @@ const translation = {
         },
         update_email_tooltip: 'This email is tied to your wallet so cannot be updated',
     },
+    /**
+     * @description copy keys for create password view
+     * @default
+     * {
+        continue: 'Continue',
+        create_input: {
+          label: 'Create passcode',
+          placeholder: 'Create passcode',
+        },
+        confirm_input: {
+          label: 'Confirm passcode',
+          placeholder: 'Confirm passcode',
+        },
+        current_password_input: {
+          label: 'Current passcode',
+          placeholder: 'Current passcode',
+        },
+        description:
+          "Choose a strong, unique passcode to ensure your account's security and privacy.",
+        errors: {
+          invalid_current_password: 'Invalid current passcode',
+          error_changing_password: 'Error changing passcode',
+          password_mismatch: 'Passcodes do not match',
+          user_closed_view: 'User closed the view',
+        },
+        intro: {
+          continue: 'Set up a passcode',
+          description: {
+            title: 'Add a passcode to protect your account',
+            additional_protection: {
+              title: 'Additional Protection',
+              description:
+                'Add a secure passcode to prevent un-authorized access to your account',
+            },
+            restore_access: {
+              title: 'Restore Access',
+              description:
+                'You will be asked to enter it when signing on to a new device.',
+            },
+          },
+          title: 'Secure your account',
+        },
+        logout: 'Log out',
+        title: {
+          create: 'Create backup passcode',
+          update: 'Create new passcode',
+        },
+        update_input: {
+          label: 'New passcode',
+          placeholder: 'New passcode',
+        },
+      }
+     */
+    dyn_create_password: {
+        continue: 'Continue',
+        create_input: {
+            label: 'Create passcode',
+            placeholder: 'Create passcode',
+        },
+        confirm_input: {
+            label: 'Confirm passcode',
+            placeholder: 'Confirm passcode',
+        },
+        current_password_input: {
+            label: 'Current passcode',
+            placeholder: 'Current passcode',
+        },
+        description: "Choose a strong, unique passcode to ensure your account's security and privacy.",
+        errors: {
+            invalid_current_password: 'Invalid current passcode',
+            error_changing_password: 'Error changing passcode',
+            password_mismatch: 'Passcodes do not match',
+            user_closed_view: 'User closed the view',
+        },
+        intro: {
+            continue: 'Set up a passcode',
+            description: {
+                title: 'Add a passcode to protect your account',
+                additional_protection: {
+                    title: 'Additional Protection',
+                    description: 'Add a secure passcode to prevent un-authorized access to your account',
+                },
+                restore_access: {
+                    title: 'Restore Access',
+                    description: 'You will be asked to enter it when signing on to a new device.',
+                },
+            },
+            title: 'Secure your account',
+        },
+        logout: 'Log out',
+        title: {
+            create: 'Create backup passcode',
+            update: 'Create new passcode',
+        },
+        update_input: {
+            label: 'New passcode',
+            placeholder: 'New passcode',
+        },
+    },
     /**
      * @description copy keys for email verification view after email logging in with magiclink
      * @default
@@ -280,7 +379,7 @@ const translation = {
             convinience: {
               title: 'Convenient and Fast',
               description:
-                'Use Face-ID our Touch ID to complete transactions quickly.',
+                'Use Face ID or Touch ID to complete transactions quickly.',
             },
             security: {
               title: 'Increased Security',
@@ -315,7 +414,7 @@ const translation = {
             auth_info: {
                 convinience: {
                     title: 'Convenient and Fast',
-                    description: 'Use Face-ID our Touch ID to complete transactions quickly.',
+                    description: 'Use Face ID or Touch ID to complete transactions quickly.',
                 },
                 security: {
                     title: 'Increased Security',
@@ -1013,6 +1112,47 @@ const translation = {
             title: 'Send Email Code',
         },
     },
+    /**
+     * @description copy keys for save password view
+     * @default
+     * {
+        badge_text: 'Important!',
+        checkbox_label: 'I have safely stored a copy of my passcode.',
+        continue: 'Continue',
+        copy_button: {
+          copy: 'Copy',
+          copied: 'Copied',
+        },
+        description: 'You must retain a copy of this passcode.',
+        download_button: 'Download',
+        logout: 'Log out',
+        password_input: {
+          label: 'Backup Passcode',
+          placeholder: 'Backup Passcode',
+        },
+        title: 'Save backup passcode',
+        warning:
+          'If you lose your passcode, you cannot recover access to your account.',
+      }
+     */
+    dyn_save_password: {
+        badge_text: 'Important!',
+        checkbox_label: 'I have safely stored a copy of my passcode.',
+        continue: 'Continue',
+        copy_button: {
+            copy: 'Copy',
+            copied: 'Copied',
+        },
+        description: 'You must retain a copy of this passcode.',
+        download_button: 'Download',
+        logout: 'Log out',
+        password_input: {
+            label: 'Backup Passcode',
+            placeholder: 'Backup Passcode',
+        },
+        title: 'Save backup passcode',
+        warning: 'If you lose your passcode, you cannot recover access to your account.',
+    },
     /**
      * @description copy keys for secure pregenerated embedded wallet
      * @default

package/src/lib/modals/ConfirmationModal/ConfirmationModal.cjs

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/utils');
+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('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+var index = 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/chains');
+require('../../config/ApiEndpoint.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.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/MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('i18next');
+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');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+var Modal = require('../../components/Modal/Modal.cjs');
+var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
+var Portal = require('../../components/Portal/Portal.cjs');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('formik');
+require('../../components/Alert/Alert.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/Input/Input.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../views/WalletList/WalletList.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+
+const ConfirmationModal = ({ modalId, closeModal, show, zIndex, handleOnModalUnmount, children, }) => (jsxRuntime.jsx(Portal.Portal, { elementId: modalId, handleClose: closeModal, isShown: show, zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : index.authModalZIndex + 1, withBackdrop: true, transitionEvents: {
+        onUnmount: handleOnModalUnmount,
+    }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsx(ModalCard.ModalCard, { children: children }) }) }));
+
+exports.ConfirmationModal = ConfirmationModal;

package/src/lib/modals/ConfirmationModal/ConfirmationModal.js

@@ -0,0 +1,77 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
+import '@dynamic-labs/utils';
+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 '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import { authModalZIndex } from '../../shared/consts/index.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+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';
+import 'react-dom';
+import '../../context/WalletContext/WalletContext.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import '@dynamic-labs/types';
+import 'yup';
+import 'react-i18next';
+import '../../context/MockContext/MockContext.js';
+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 '../../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 '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import { Modal } from '../../components/Modal/Modal.js';
+import { ModalCard } from '../../components/ModalCard/ModalCard.js';
+import { Portal } from '../../components/Portal/Portal.js';
+import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../components/IconButton/IconButton.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import 'formik';
+import '../../components/Alert/Alert.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/Input/Input.js';
+import '../../components/IsBrowser/IsBrowser.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import '../../views/WalletList/WalletList.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+
+const ConfirmationModal = ({ modalId, closeModal, show, zIndex, handleOnModalUnmount, children, }) => (jsx(Portal, { elementId: modalId, handleClose: closeModal, isShown: show, zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : authModalZIndex + 1, withBackdrop: true, transitionEvents: {
+        onUnmount: handleOnModalUnmount,
+    }, children: jsx(Modal, { children: jsx(ModalCard, { children: children }) }) }));
+
+export { ConfirmationModal };

package/src/lib/modals/CreatePasswordModal/CreatePasswordModal.cjs

@@ -0,0 +1,87 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var CreatePasswordView = require('../../views/CreatePasswordView/CreatePasswordView.cjs');
+var ConfirmationModal = require('../ConfirmationModal/ConfirmationModal.cjs');
+var useConfirmationPortal = require('../../utils/hooks/useConfirmationPortal/useConfirmationPortal.cjs');
+require('react');
+require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/utils');
+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('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../utils/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/chains');
+require('../../config/ApiEndpoint.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.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/MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+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/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('formik');
+require('qrcode');
+require('../../views/WalletList/WalletList.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.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');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+
+const CreatePasswordModal = ({ onResolve, onReject, closeView, }) => {
+    const { onSuccess, onError, show, handleOnModalUnmount, closeModal } = useConfirmationPortal.useConfirmationPortal({
+        defaultErrorMessage: 'User canceled',
+        onReject,
+        onResolve,
+    });
+    return (jsxRuntime.jsx(ConfirmationModal.ConfirmationModal, { modalId: 'create-password-modal', show: show, closeModal: closeModal, handleOnModalUnmount: handleOnModalUnmount, children: jsxRuntime.jsx(CreatePasswordView.CreatePasswordView, { closeView: closeView, onSuccess: onSuccess, onError: onError }) }));
+};
+
+exports.CreatePasswordModal = CreatePasswordModal;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CreatePasswordModalProps } from './CreatePasswordModal.types';
+export declare const CreatePasswordModal: ({ onResolve, onReject, closeView, }: CreatePasswordModalProps) => JSX.Element;

package/src/lib/modals/CreatePasswordModal/CreatePasswordModal.js

@@ -0,0 +1,83 @@
+import { jsx } from 'react/jsx-runtime';
+import { CreatePasswordView } from '../../views/CreatePasswordView/CreatePasswordView.js';
+import { ConfirmationModal } from '../ConfirmationModal/ConfirmationModal.js';
+import { useConfirmationPortal } from '../../utils/hooks/useConfirmationPortal/useConfirmationPortal.js';
+import 'react';
+import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
+import '@dynamic-labs/utils';
+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 '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '../../shared/consts/index.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+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';
+import 'react-dom';
+import '../../context/WalletContext/WalletContext.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import '@dynamic-labs/types';
+import 'yup';
+import 'react-i18next';
+import '../../context/MockContext/MockContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
+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/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'formik';
+import 'qrcode';
+import '../../views/WalletList/WalletList.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.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';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+
+const CreatePasswordModal = ({ onResolve, onReject, closeView, }) => {
+    const { onSuccess, onError, show, handleOnModalUnmount, closeModal } = useConfirmationPortal({
+        defaultErrorMessage: 'User canceled',
+        onReject,
+        onResolve,
+    });
+    return (jsx(ConfirmationModal, { modalId: 'create-password-modal', show: show, closeModal: closeModal, handleOnModalUnmount: handleOnModalUnmount, children: jsx(CreatePasswordView, { closeView: closeView, onSuccess: onSuccess, onError: onError }) }));
+};
+
+export { CreatePasswordModal };

package/src/lib/modals/CreatePasswordModal/CreatePasswordModal.types.d.ts

@@ -0,0 +1,5 @@
+export type CreatePasswordModalProps = {
+    onResolve: (password: string) => void;
+    onReject: (error: unknown) => void;
+    closeView?: boolean;
+};

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

@@ -0,0 +1 @@
+export { CreatePasswordModal } from './CreatePasswordModal';

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

@@ -22,9 +22,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');
@@ -39,6 +39,7 @@ 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 DynamicAuthLayout = require('../../layout/DynamicAuthLayout/DynamicAuthLayout.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
@@ -50,7 +51,6 @@ var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 require('react-focus-lock');
 require('../../context/LoadingContext/LoadingContext.cjs');
-require('i18next');
 require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
@@ -70,11 +70,11 @@ require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
-require('@hcaptcha/react-hcaptcha');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 
 const DynamicAuthModal = ({ children, onClose, transitionProps, projectSettings, className, }) => {

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

@@ -18,9 +18,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';
@@ -35,6 +35,7 @@ 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 { DynamicAuthLayout } from '../../layout/DynamicAuthLayout/DynamicAuthLayout.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
@@ -46,7 +47,6 @@ import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import 'react-focus-lock';
 import '../../context/LoadingContext/LoadingContext.js';
-import 'i18next';
 import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
@@ -66,11 +66,11 @@ import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../views/WalletList/WalletList.js';
-import '@hcaptcha/react-hcaptcha';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/FooterAnimationContext/index.js';
 
 const DynamicAuthModal = ({ children, onClose, transitionProps, projectSettings, className, }) => {