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

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

@@ -212,6 +212,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
@@ -284,7 +383,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',
@@ -319,7 +418,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',
@@ -1017,6 +1116,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/locale/en/translation.d.ts

@@ -207,6 +207,105 @@ export declare const translation: {
         };
         update_email_tooltip: string;
     };
+    /**
+     * @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: string;
+        create_input: {
+            label: string;
+            placeholder: string;
+        };
+        confirm_input: {
+            label: string;
+            placeholder: string;
+        };
+        current_password_input: {
+            label: string;
+            placeholder: string;
+        };
+        description: string;
+        errors: {
+            invalid_current_password: string;
+            error_changing_password: string;
+            password_mismatch: string;
+            user_closed_view: string;
+        };
+        intro: {
+            continue: string;
+            description: {
+                title: string;
+                additional_protection: {
+                    title: string;
+                    description: string;
+                };
+                restore_access: {
+                    title: string;
+                    description: string;
+                };
+            };
+            title: string;
+        };
+        logout: string;
+        title: {
+            create: string;
+            update: string;
+        };
+        update_input: {
+            label: string;
+            placeholder: string;
+        };
+    };
     /**
      * @description copy keys for email verification view after email logging in with magiclink
      * @default
@@ -279,7 +378,7 @@ export declare 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',
@@ -1012,6 +1111,47 @@ export declare const translation: {
             title: string;
         };
     };
+    /**
+     * @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: string;
+        checkbox_label: string;
+        continue: string;
+        copy_button: {
+            copy: string;
+            copied: string;
+        };
+        description: string;
+        download_button: string;
+        logout: string;
+        password_input: {
+            label: string;
+            placeholder: string;
+        };
+        title: string;
+        warning: string;
+    };
     /**
      * @description copy keys for secure pregenerated embedded wallet
      * @default

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 };