@dynamic-labs/sdk-react-core 1.0.0-alpha.1 → 1.0.0-alpha.10

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

@@ -4,61 +4,64 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
-var Typography = require('../../components/Typography/Typography.cjs');
+require('@dynamic-labs/utils');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/ViewContext/ViewContext.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');
-var close = require('../../shared/assets/close.cjs');
 var chevronLeft = require('../../shared/assets/chevron-left.cjs');
+var close = require('../../shared/assets/close.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
-require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../components/ShadowDOM/ShadowDOM.cjs');
-require('../../context/ThemeContext/ThemeContext.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
-require('react-focus-lock');
+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('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
-require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('react-i18next');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/MockContext/MockContext.cjs');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
+var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('yup');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/types');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('formik');
 var Button = require('../../components/Button/Button.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
-require('../../components/Popper/Popper/Popper.cjs');
-require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/viem-utils');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
 
 const ConnectedWalletsListLayout = ({ title, body, onClickBack, onClickClose, onClickAction, actionButtonText = 'Continue', children, }) => {
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));

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

@@ -1,60 +1,63 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
-import { Typography } from '../../components/Typography/Typography.js';
+import '@dynamic-labs/utils';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/ViewContext/ViewContext.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 { ReactComponent as SvgClose } from '../../shared/assets/close.js';
 import { ReactComponent as SvgChevronLeft } from '../../shared/assets/chevron-left.js';
+import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
-import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
-import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../components/ShadowDOM/ShadowDOM.js';
-import '../../context/ThemeContext/ThemeContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../config/ApiEndpoint.js';
+import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
-import 'react-focus-lock';
+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 '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../config/ApiEndpoint.js';
-import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
-import '../../context/ErrorContext/ErrorContext.js';
-import '../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../context/AccountExistsContext/AccountExistsContext.js';
-import 'react-i18next';
+import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/MockContext/MockContext.js';
 import '../../context/QrCodeContext/QrCodeContext.js';
+import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import 'yup';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/types';
-import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import 'formik';
 import { Button } from '../../components/Button/Button.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
-import '../../components/Popper/Popper/Popper.js';
-import '../../components/Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/viem-utils';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
 
 const ConnectedWalletsListLayout = ({ title, body, onClickBack, onClickClose, onClickAction, actionButtonText = 'Continue', children, }) => {
     const closeButton = onClickClose && (jsx(IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsx(SvgClose, {}) }));

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

@@ -316,6 +316,40 @@ const translation = {
             button_only: 'Continue with a wallet',
         },
     },
+    /**
+     * @description copy keys for Dynamic manage passkeys view which are used inside dynamic widget
+     * @default
+     * {
+        title: 'My passkeys',
+        passkey_from: 'from',
+        passkey_providers: {
+          android: 'Android Phone',
+          brave: 'Brave Browser',
+          chrome: 'Google Chrome',
+          edge: 'Microsoft Edge',
+          firefox: 'Firefox',
+          iPhone: 'iPhone',
+          opera: 'Opera Browser',
+          safari: 'Safari Browser',
+        },
+        recovery_button: 'Set up new passkey',
+      }
+     */
+    dyn_manage_passkeys: {
+        title: 'My passkeys',
+        passkey_from: 'from',
+        passkey_providers: {
+            android: 'Android Phone',
+            brave: 'Brave Browser',
+            chrome: 'Google Chrome',
+            edge: 'Microsoft Edge',
+            firefox: 'Firefox',
+            iPhone: 'iPhone',
+            opera: 'Opera Browser',
+            safari: 'Safari Browser',
+        },
+        recovery_button: 'Set up new passkey',
+    },
     /**
      * @description copy keys for merge user accounts view
      * @default
@@ -338,11 +372,17 @@ const translation = {
      * @description copy key for Dynamic need help footer section
      * @default
      * {
-        info: 'If you need to contact our support',
+        info: 'Can’t find your passkey?',
+        contact_support: 'Contact support',
+        divider: 'or',
+        recovery_button: 'generate a new one.',
       }
      */
     dyn_need_help_section: {
-        info: 'If you need to contact our support',
+        info: 'Can’t find your passkey?',
+        contact_support: 'Contact support',
+        divider: 'or',
+        recovery_button: 'generate a new one.',
     },
     /**
      * @description copy keys for network not supported view
@@ -424,7 +464,8 @@ const translation = {
     },
     /**
      * @description copy keys for email OTP verification for magiclink
-     * @default {
+     * @default
+     * {
         banner_text: 'Sign in to access your email based wallet',
         code_sent: 'We’ve sent a verification code to',
         confirm_code: 'Confirm verification code',
@@ -439,6 +480,16 @@ const translation = {
         hang_tight: 'Hang tight while we get things ready for you',
         verification_succeeded: 'Verification code confirmed',
     },
+    /**
+     * @description copy key for passkey created success banner
+     * @default
+     * {
+        text: 'A new passkey has been created',
+      }
+     */
+    dyn_passkey_created_success: {
+        text: 'A new passkey has been created',
+    },
     /**
      * @description copy keys for passkey intro view
      * @default
@@ -460,7 +511,6 @@ const translation = {
         },
         subtitle: 'Passkeys are stored natively to your device with a biometric and can only be accessed by you.',
         title: 'Secure your wallet',
-        warning: 'If you delete your passkey, you will be locked out of your wallet.',
       }
      */
     dyn_passkey_intro: {
@@ -481,7 +531,113 @@ const translation = {
         },
         subtitle: 'Passkeys are stored natively to your device with a biometric and can only be accessed by you.',
         title: 'Secure your wallet',
-        warning: 'If you delete your passkey, you will be locked out of your wallet.',
+    },
+    /**
+     * @description copy keys for passkeys recovery flow
+     * @default
+     * {
+        code: {
+            description: 'An email has been sent from',
+            input_label: 'Enter your code here...',
+            title: 'Enter email code',
+          resend: {
+              button: 'Resend code',
+              text: "Didn't receive a code?",
+          },
+        },
+        complete: {
+          complete_button: 'Create a passkey',
+          description: 'Secure your wallet by adding a new passkey.',
+          title: 'Create a new passkey',
+        },
+        start: {
+          description:
+            'To complete this process, ensure you are using the same device/browser.',
+          start_button: 'Send me an email',
+          title: 'Initiate Request',
+        },`
+      }
+     */
+    dyn_passkey_recovery: {
+        code: {
+            description: 'An email has been sent from',
+            input_label: 'Enter your code here...',
+            title: 'Enter email code',
+            resend: {
+                button: 'Resend code',
+                text: "Didn't receive a code?",
+            },
+        },
+        complete: {
+            complete_button: 'Create a passkey',
+            description: 'Secure your wallet by adding a new passkey.',
+            title: 'Create a new passkey',
+        },
+        start: {
+            description: 'To complete this process, ensure you are using the same device/browser.',
+            start_button: 'Send me an email',
+            title: 'Initiate Request',
+        },
+    },
+    /**
+     * @description copy keys for passkeys creation flow for existent embedded wallets
+     * @default
+     * {
+        code: {
+          description: 'An email has been sent from',
+          input_label: 'Enter your code here...',
+          title: 'Enter email code',
+          resend: {
+            button: 'Resend code',
+            text: "Didn't receive a code?",
+          },
+        },
+        complete: {
+          complete_button: 'Create a passkey',
+          description:
+            'Passkeys are stored natively to your device with a biometric and can only be accessed by you.',
+          title: 'Secure your account',
+        },
+        start: {
+          description:
+            'A one-time security code will be sent to the email on file. It will expire in 15 minutes.',
+          start_button: 'Send me an email',
+          title: 'Send Email Code',
+        },
+      }
+     */
+    dyn_passkey_secure_modal: {
+        code: {
+            description: 'An email has been sent from',
+            input_label: 'Enter your code here...',
+            title: 'Enter email code',
+            resend: {
+                button: 'Resend code',
+                text: "Didn't receive a code?",
+            },
+        },
+        complete: {
+            complete_button: 'Create a passkey',
+            description: 'Passkeys are stored natively to your device with a biometric and can only be accessed by you.',
+            title: 'Secure your account',
+        },
+        start: {
+            description: 'A one-time security code will be sent to the email on file. It will expire in 15 minutes.',
+            start_button: 'Send me an email',
+            title: 'Send Email Code',
+        },
+    },
+    /**
+     * @description copy keys for secure pregenerated embedded wallet
+     * @default
+     * {
+        description: 'Some features are not available until you add a security method to your account.',
+        secure_button: 'Secure your account',
+      }
+     */
+    dyn_secure_pregenerated_wallet: {
+        description: 'Some features are not available until you add a security method to your account.',
+        secure_button: 'Secure your account',
     },
     /**
      * @description copy keys for send transaction flow views
@@ -544,6 +700,9 @@ const translation = {
         warning_message: {
           insufficient_funds: 'Insufficient funds due to gas price increase from estimate. Please add {{amountLeft}} {{currencySymbol}} to continue.',
         },
+        error_message: {
+          gas_not_sponsored: 'The gas fee has increased. Confirm if you still want to complete this transaction.',
+        },
       }
      */
     dyn_send_transaction: {
@@ -604,6 +763,9 @@ const translation = {
         warning_message: {
             insufficient_funds: 'Insufficient funds due to gas price increase from estimate. Please add {{amountLeft}} {{currencySymbol}} to continue.',
         },
+        error_message: {
+            gas_not_sponsored: 'The gas fee has increased. Confirm if you still want to complete this transaction.',
+        },
     },
     /**
      * @description copy keys for sign message flow views
@@ -629,6 +791,42 @@ const translation = {
     dyn_social_redirect: {
         logging_in: 'Logging you in',
     },
+    /**
+     * @description copy keys for messages related to time since a date
+     * @default
+     * {
+        second: 'second',
+        seconds: 'seconds',
+        minute: 'minute',
+        minutes: 'minutes',
+        hour: 'hour',
+        hours: 'hours',
+        day: 'day',
+        days: 'days',
+        month: 'month',
+        months: 'months',
+        year: 'year',
+        years: 'years',
+        ago: 'ago',
+        created: 'Created',
+     }
+     */
+    dyn_time_since: {
+        second: 'second',
+        seconds: 'seconds',
+        minute: 'minute',
+        minutes: 'minutes',
+        hour: 'hour',
+        hours: 'hours',
+        day: 'day',
+        days: 'days',
+        month: 'month',
+        months: 'months',
+        year: 'year',
+        years: 'years',
+        ago: 'ago',
+        created: 'Created',
+    },
     /**
      * @description copy keys for connecting wallets view
      * @default