npm - @dynamic-labs/sdk-react-core - Versions diffs - 4.20.16 → 4.21.0 - Mend

@dynamic-labs/sdk-react-core 4.20.16 → 4.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (111) hide show

package/src/lib/views/GlobalWalletConfirmView/GlobalWalletConfirmView.js CHANGED Viewed

@@ -102,9 +102,9 @@ const GlobalWalletConfirmView = ({ pairingInfo, onConfirm, onCancel }) => {
     const handleImageError = () => {
         setImageError(true);
     };
-    return (jsx("div", { className: 'global-wallet-confirm', children: jsx("div", { className: 'popup-content', children: jsxs("div", { className: 'wallet-connection-view', children: [!imageError && (jsx("img", { src: pairingInfo.icons[0], alt: `${pairingInfo.name} icon`, className: 'dapp-icon', onError: handleImageError })), jsx(Typography, { className: 'connection-title', variant: 'title', font: 'bold', children: t('global_wallet.confirm.description', { name: pairingInfo.name }) }), jsx(Typography, { variant: 'body_normal', className: 'dapp-url', children: pairingInfo.url }), jsxs("div", { className: 'button-group', children: [jsx(TypographyButton, { buttonClassName: 'cancel-button', onClick: onCancel, type: 'submit', buttonPadding: 'large', children: t('global_wallet.confirm.cancel_button') }), jsx(TypographyButton, { buttonClassName: 'connect-global-button', onClick: onConfirm, type: 'submit', buttonPadding: 'large', typographyProps: {
+    return (jsx("div", { className: 'global-wallet-confirm', children: jsx("div", { className: 'popup-content', children: jsxs("div", { className: 'wallet-connection-view', children: [!imageError && (jsx("img", { src: pairingInfo.icons[0], alt: `${pairingInfo.name} icon`, className: 'dapp-icon', onError: handleImageError })), jsx(Typography, { className: 'connection-title', variant: 'title', font: 'bold', copykey: 'global_wallet.confirm.description', children: t('global_wallet.confirm.description', { name: pairingInfo.name }) }), jsx(Typography, { variant: 'body_normal', className: 'dapp-url', children: pairingInfo.url }), jsxs("div", { className: 'button-group', children: [jsx(TypographyButton, { buttonClassName: 'cancel-button', onClick: onCancel, type: 'submit', buttonPadding: 'large', copykey: 'global_wallet.confirm.cancel_button', children: t('global_wallet.confirm.cancel_button') }), jsx(TypographyButton, { buttonClassName: 'connect-global-button', onClick: onConfirm, type: 'submit', buttonPadding: 'large', typographyProps: {
                                     color: 'white',
-                                }, children: t('global_wallet.confirm.connect_button') })] })] }) }) }));
+                                }, copykey: 'global_wallet.confirm.connect_button', children: t('global_wallet.confirm.connect_button') })] })] }) }) }));
 };
 export { GlobalWalletConfirmView, GlobalWalletConfirmView as default };

package/src/lib/views/GlobalWalletInfoView/GlobalWalletInfoView.cjs CHANGED Viewed

@@ -24,7 +24,7 @@ const InlineIconTypography = ({ children }) => (jsxRuntime.jsx(Typography.Typogr
 const GlobalWalletInfoView = () => {
     const { t } = reactI18next.useTranslation();
     // we cannot translate some of this as we have icons inline with text
-    return (jsxRuntime.jsx("div", { className: 'info-card', children: jsxRuntime.jsxs("div", { className: 'wrapper', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', color: 'primary', as: 'h2', children: "How do I find the URI or QR code?" }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', children: t('global_wallet.help.step.1') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', children: t('global_wallet.help.step.2') }), jsxRuntime.jsxs(InlineIconTypography, { children: ["3. Open", ' ', jsxRuntime.jsxs("span", { className: 'nowrap', children: ["WalletConnect ", jsxRuntime.jsx(blueWalletconnect.ReactComponent, {})] }), "from the list, this should show a QR code to scan"] }), jsxRuntime.jsxs(InlineIconTypography, { children: ["4. If you are not using the QR code, locate and click", jsxRuntime.jsxs("span", { className: 'nowrap', children: [jsxRuntime.jsx(copy.ReactComponent, {}), " to copy"] }), ' ', "the URI code"] })] }) }));
+    return (jsxRuntime.jsx("div", { className: 'info-card', children: jsxRuntime.jsxs("div", { className: 'wrapper', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', color: 'primary', as: 'h2', children: "How do I find the URI or QR code?" }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'global_wallet.help.step.1', children: t('global_wallet.help.step.1') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'global_wallet.help.step.2', children: t('global_wallet.help.step.2') }), jsxRuntime.jsxs(InlineIconTypography, { children: ["3. Open", ' ', jsxRuntime.jsxs("span", { className: 'nowrap', children: ["WalletConnect ", jsxRuntime.jsx(blueWalletconnect.ReactComponent, {})] }), "from the list, this should show a QR code to scan"] }), jsxRuntime.jsxs(InlineIconTypography, { children: ["4. If you are not using the QR code, locate and click", jsxRuntime.jsxs("span", { className: 'nowrap', children: [jsxRuntime.jsx(copy.ReactComponent, {}), " to copy"] }), ' ', "the URI code"] })] }) }));
 };
 exports.GlobalWalletInfoView = GlobalWalletInfoView;

package/src/lib/views/GlobalWalletInfoView/GlobalWalletInfoView.js CHANGED Viewed

@@ -20,7 +20,7 @@ const InlineIconTypography = ({ children }) => (jsx(Typography, { variant: 'body
 const GlobalWalletInfoView = () => {
     const { t } = useTranslation();
     // we cannot translate some of this as we have icons inline with text
-    return (jsx("div", { className: 'info-card', children: jsxs("div", { className: 'wrapper', children: [jsx(Typography, { variant: 'body_small', weight: 'bold', color: 'primary', as: 'h2', children: "How do I find the URI or QR code?" }), jsx(Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', children: t('global_wallet.help.step.1') }), jsx(Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', children: t('global_wallet.help.step.2') }), jsxs(InlineIconTypography, { children: ["3. Open", ' ', jsxs("span", { className: 'nowrap', children: ["WalletConnect ", jsx(SvgBlueWalletconnect, {})] }), "from the list, this should show a QR code to scan"] }), jsxs(InlineIconTypography, { children: ["4. If you are not using the QR code, locate and click", jsxs("span", { className: 'nowrap', children: [jsx(SvgCopy, {}), " to copy"] }), ' ', "the URI code"] })] }) }));
+    return (jsx("div", { className: 'info-card', children: jsxs("div", { className: 'wrapper', children: [jsx(Typography, { variant: 'body_small', weight: 'bold', color: 'primary', as: 'h2', children: "How do I find the URI or QR code?" }), jsx(Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'global_wallet.help.step.1', children: t('global_wallet.help.step.1') }), jsx(Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'global_wallet.help.step.2', children: t('global_wallet.help.step.2') }), jsxs(InlineIconTypography, { children: ["3. Open", ' ', jsxs("span", { className: 'nowrap', children: ["WalletConnect ", jsx(SvgBlueWalletconnect, {})] }), "from the list, this should show a QR code to scan"] }), jsxs(InlineIconTypography, { children: ["4. If you are not using the QR code, locate and click", jsxs("span", { className: 'nowrap', children: [jsx(SvgCopy, {}), " to copy"] }), ' ', "the URI code"] })] }) }));
 };
 export { GlobalWalletInfoView, GlobalWalletInfoView as default };

package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.cjs CHANGED Viewed

@@ -121,7 +121,7 @@ const MfaDisplayBackupCodesView = ({ regenerateCodes = false, }) => {
         setShowAuthFlow(false);
         yield completeAcknowledgement();
     });
-    return (jsxRuntime.jsxs("div", { className: 'mfa-display-backup-codes-view__body', "data-testid": 'mfa-display-backup-codes-view', children: [jsxRuntime.jsx(Typography.Typography, { className: 'mfa-display-backup-codes-view__copy', variant: 'body_normal', weight: 'regular', color: 'secondary', children: t('dyn_mfa.display_backup_codes_view.body') }), jsxRuntime.jsx(Alert.Alert, { variant: 'warning', copykey: 'dyn_mfa.display_backup_codes_view.warning', className: 'mfa-display-backup-codes-view__warning', children: t('dyn_mfa.display_backup_codes_view.warning') }), isLoading ? (jsxRuntime.jsx(spinner.Spinner, { className: 'mfa-display-backup-codes-view__loading-spinner' })) : (jsxRuntime.jsxs("div", { className: 'mfa-display-backup-codes-view__codes', children: [codes === null || codes === void 0 ? void 0 : codes.map((code, index) => (jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'mfa-display-backup-codes-view__code', children: code }, index))), jsxRuntime.jsxs("div", { className: 'mfa-display-backup-codes-view__actions', children: [jsxRuntime.jsx(CopyButton.CopyButton, { variant: 'button', textToCopy: codesAsString, copykey: 'dyn_mfa.display_backup_codes_view.copy_all', startSlot:
+    return (jsxRuntime.jsxs("div", { className: 'mfa-display-backup-codes-view__body', "data-testid": 'mfa-display-backup-codes-view', children: [jsxRuntime.jsx(Typography.Typography, { className: 'mfa-display-backup-codes-view__copy', variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_mfa.display_backup_codes_view.body', children: t('dyn_mfa.display_backup_codes_view.body') }), jsxRuntime.jsx(Alert.Alert, { variant: 'warning', copykey: 'dyn_mfa.display_backup_codes_view.warning', className: 'mfa-display-backup-codes-view__warning', children: t('dyn_mfa.display_backup_codes_view.warning') }), isLoading ? (jsxRuntime.jsx(spinner.Spinner, { className: 'mfa-display-backup-codes-view__loading-spinner' })) : (jsxRuntime.jsxs("div", { className: 'mfa-display-backup-codes-view__codes', children: [codes === null || codes === void 0 ? void 0 : codes.map((code, index) => (jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'mfa-display-backup-codes-view__code', children: code }, index))), jsxRuntime.jsxs("div", { className: 'mfa-display-backup-codes-view__actions', children: [jsxRuntime.jsx(CopyButton.CopyButton, { variant: 'button', textToCopy: codesAsString, copykey: 'dyn_mfa.display_backup_codes_view.copy_all', startSlot:
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsxRuntime.jsx(Icon.Icon, { size: 'mini', color: 'text-tertiary', children: jsxRuntime.jsx(copy.ReactComponent, {}) }), children: t('dyn_mfa.display_backup_codes_view.copy_all') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'download-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: (e) => {
                                     e.preventDefault();

package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.js CHANGED Viewed

@@ -117,7 +117,7 @@ const MfaDisplayBackupCodesView = ({ regenerateCodes = false, }) => {
         setShowAuthFlow(false);
         yield completeAcknowledgement();
     });
-    return (jsxs("div", { className: 'mfa-display-backup-codes-view__body', "data-testid": 'mfa-display-backup-codes-view', children: [jsx(Typography, { className: 'mfa-display-backup-codes-view__copy', variant: 'body_normal', weight: 'regular', color: 'secondary', children: t('dyn_mfa.display_backup_codes_view.body') }), jsx(Alert, { variant: 'warning', copykey: 'dyn_mfa.display_backup_codes_view.warning', className: 'mfa-display-backup-codes-view__warning', children: t('dyn_mfa.display_backup_codes_view.warning') }), isLoading ? (jsx(Spinner, { className: 'mfa-display-backup-codes-view__loading-spinner' })) : (jsxs("div", { className: 'mfa-display-backup-codes-view__codes', children: [codes === null || codes === void 0 ? void 0 : codes.map((code, index) => (jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'mfa-display-backup-codes-view__code', children: code }, index))), jsxs("div", { className: 'mfa-display-backup-codes-view__actions', children: [jsx(CopyButton, { variant: 'button', textToCopy: codesAsString, copykey: 'dyn_mfa.display_backup_codes_view.copy_all', startSlot:
+    return (jsxs("div", { className: 'mfa-display-backup-codes-view__body', "data-testid": 'mfa-display-backup-codes-view', children: [jsx(Typography, { className: 'mfa-display-backup-codes-view__copy', variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_mfa.display_backup_codes_view.body', children: t('dyn_mfa.display_backup_codes_view.body') }), jsx(Alert, { variant: 'warning', copykey: 'dyn_mfa.display_backup_codes_view.warning', className: 'mfa-display-backup-codes-view__warning', children: t('dyn_mfa.display_backup_codes_view.warning') }), isLoading ? (jsx(Spinner, { className: 'mfa-display-backup-codes-view__loading-spinner' })) : (jsxs("div", { className: 'mfa-display-backup-codes-view__codes', children: [codes === null || codes === void 0 ? void 0 : codes.map((code, index) => (jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'mfa-display-backup-codes-view__code', children: code }, index))), jsxs("div", { className: 'mfa-display-backup-codes-view__actions', children: [jsx(CopyButton, { variant: 'button', textToCopy: codesAsString, copykey: 'dyn_mfa.display_backup_codes_view.copy_all', startSlot:
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsx(Icon, { size: 'mini', color: 'text-tertiary', children: jsx(SvgCopy, {}) }), children: t('dyn_mfa.display_backup_codes_view.copy_all') }), jsx(TypographyButton, { dataTestId: 'download-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: (e) => {
                                     e.preventDefault();

package/src/lib/views/MfaExchangeView/MfaExchangeView.cjs CHANGED Viewed

@@ -121,9 +121,9 @@ const MfaExchangeView = ({ onSubmit, onBack }) => {
             height: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
             width: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
         } }));
-    return (jsxRuntime.jsxs("div", { className: 'mfa-exchange-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', children: t('dyn_exchange_mfa.title') }) }), jsxRuntime.jsxs("div", { className: 'mfa-exchange-view__content', children: [jsxRuntime.jsxs("div", { className: 'mfa-exchange-view__content__icon-description', children: [jsxRuntime.jsx("div", { className: 'mfa-exchange-view__content__icon-description__icon-holder', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, customSpinnerColor: 'black', iconSize: iconSize, className: 'mfa-exchange-view__content__icon-description__icon-holder__icon', isSpinning: true }) }), jsxRuntime.jsx("div", { className: 'mfa-exchange-view__content__icon-description__description-holder', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', className: 'mfa-exchange-view__content__icon-description__description-holder__description', color: 'secondary', children: t('dyn_exchange_mfa.description') }) })] }), jsxRuntime.jsx("div", { className: 'mfa-exchange-view__content__input', children: jsxRuntime.jsx("input", { id: 'mfa-input', "data-testid": 'mfa-input', value: mfaCode, onChange: handleCodeChanged, className: 'mfa-exchange-view__content__input__input' }) }), jsxRuntime.jsx("div", { className: 'mfa-exchange-view__content__confirm', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'confirm-button', buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'mfa-exchange-view__content__confirm__button', disabled: mfaCode === '', onClick: () => {
+    return (jsxRuntime.jsxs("div", { className: 'mfa-exchange-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', copykey: 'dyn_exchange_mfa.title', children: t('dyn_exchange_mfa.title') }) }), jsxRuntime.jsxs("div", { className: 'mfa-exchange-view__content', children: [jsxRuntime.jsxs("div", { className: 'mfa-exchange-view__content__icon-description', children: [jsxRuntime.jsx("div", { className: 'mfa-exchange-view__content__icon-description__icon-holder', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, customSpinnerColor: 'black', iconSize: iconSize, className: 'mfa-exchange-view__content__icon-description__icon-holder__icon', isSpinning: true }) }), jsxRuntime.jsx("div", { className: 'mfa-exchange-view__content__icon-description__description-holder', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', className: 'mfa-exchange-view__content__icon-description__description-holder__description', color: 'secondary', copykey: 'dyn_exchange_mfa.description', children: t('dyn_exchange_mfa.description') }) })] }), jsxRuntime.jsx("div", { className: 'mfa-exchange-view__content__input', children: jsxRuntime.jsx("input", { id: 'mfa-input', "data-testid": 'mfa-input', value: mfaCode, onChange: handleCodeChanged, className: 'mfa-exchange-view__content__input__input' }) }), jsxRuntime.jsx("div", { className: 'mfa-exchange-view__content__confirm', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'confirm-button', buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'mfa-exchange-view__content__confirm__button', disabled: mfaCode === '', onClick: () => {
                                 onSubmit(mfaCode);
-                            }, children: t('dyn_exchange_mfa.button') }) })] }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { asFooter: true })] }));
+                            }, copykey: 'dyn_exchange_mfa.button', children: t('dyn_exchange_mfa.button') }) })] }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { asFooter: true })] }));
 };
 exports.MfaExchangeView = MfaExchangeView;

package/src/lib/views/MfaExchangeView/MfaExchangeView.js CHANGED Viewed

@@ -117,9 +117,9 @@ const MfaExchangeView = ({ onSubmit, onBack }) => {
             height: pixelToRem(iconSize * iconRatio),
             width: pixelToRem(iconSize * iconRatio),
         } }));
-    return (jsxs("div", { className: 'mfa-exchange-view', children: [jsx(ModalHeader, { leading: backButton, children: jsx(Typography, { variant: 'title', children: t('dyn_exchange_mfa.title') }) }), jsxs("div", { className: 'mfa-exchange-view__content', children: [jsxs("div", { className: 'mfa-exchange-view__content__icon-description', children: [jsx("div", { className: 'mfa-exchange-view__content__icon-description__icon-holder', children: jsx(IconWithSpinner, { Icon: icon, customSpinnerColor: 'black', iconSize: iconSize, className: 'mfa-exchange-view__content__icon-description__icon-holder__icon', isSpinning: true }) }), jsx("div", { className: 'mfa-exchange-view__content__icon-description__description-holder', children: jsx(Typography, { variant: 'body_normal', className: 'mfa-exchange-view__content__icon-description__description-holder__description', color: 'secondary', children: t('dyn_exchange_mfa.description') }) })] }), jsx("div", { className: 'mfa-exchange-view__content__input', children: jsx("input", { id: 'mfa-input', "data-testid": 'mfa-input', value: mfaCode, onChange: handleCodeChanged, className: 'mfa-exchange-view__content__input__input' }) }), jsx("div", { className: 'mfa-exchange-view__content__confirm', children: jsx(TypographyButton, { dataTestId: 'confirm-button', buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'mfa-exchange-view__content__confirm__button', disabled: mfaCode === '', onClick: () => {
+    return (jsxs("div", { className: 'mfa-exchange-view', children: [jsx(ModalHeader, { leading: backButton, children: jsx(Typography, { variant: 'title', copykey: 'dyn_exchange_mfa.title', children: t('dyn_exchange_mfa.title') }) }), jsxs("div", { className: 'mfa-exchange-view__content', children: [jsxs("div", { className: 'mfa-exchange-view__content__icon-description', children: [jsx("div", { className: 'mfa-exchange-view__content__icon-description__icon-holder', children: jsx(IconWithSpinner, { Icon: icon, customSpinnerColor: 'black', iconSize: iconSize, className: 'mfa-exchange-view__content__icon-description__icon-holder__icon', isSpinning: true }) }), jsx("div", { className: 'mfa-exchange-view__content__icon-description__description-holder', children: jsx(Typography, { variant: 'body_normal', className: 'mfa-exchange-view__content__icon-description__description-holder__description', color: 'secondary', copykey: 'dyn_exchange_mfa.description', children: t('dyn_exchange_mfa.description') }) })] }), jsx("div", { className: 'mfa-exchange-view__content__input', children: jsx("input", { id: 'mfa-input', "data-testid": 'mfa-input', value: mfaCode, onChange: handleCodeChanged, className: 'mfa-exchange-view__content__input__input' }) }), jsx("div", { className: 'mfa-exchange-view__content__confirm', children: jsx(TypographyButton, { dataTestId: 'confirm-button', buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'mfa-exchange-view__content__confirm__button', disabled: mfaCode === '', onClick: () => {
                                 onSubmit(mfaCode);
-                            }, children: t('dyn_exchange_mfa.button') }) })] }), jsx(PoweredByDynamic, { asFooter: true })] }));
+                            }, copykey: 'dyn_exchange_mfa.button', children: t('dyn_exchange_mfa.button') }) })] }), jsx(PoweredByDynamic, { asFooter: true })] }));
 };
 export { MfaExchangeView };

package/src/lib/views/MfaRecoveryView/MfaRecoveryView.cjs CHANGED Viewed

@@ -135,7 +135,7 @@ const MfaRecoveryView = () => {
         setCode(inputCode);
         setError('');
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), jsxRuntime.jsxs("div", { className: 'mfa-recovery-view', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: MfaRecoveryIcon.MfaRecoveryScreenIcon, isSpinning: isLoading, iconSize: 96 }), jsxRuntime.jsx("div", { className: 'mfa-recovery-view__body', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: t('dyn_mfa.recovery_view.body') }) }), jsxRuntime.jsxs("div", { className: 'mfa-recovery-view__actions', children: [jsxRuntime.jsx(Input.Input, { id: 'mfa-recovery-input', "data-testid": 'mfa-recovery-input', label: t('dyn_mfa.recovery_view.input_label'), onChange: handleCodeChanged, value: code }), jsxRuntime.jsx(Button.Button, { expanded: true, buttonVariant: 'brand-primary', disabled: isLoading || !isValidMfaRecoveryCode.isValidMfaRecoveryCode(code), onClick: handleRecovery, dataTestId: 'mfa-recovery-submit', children: jsxRuntime.jsx(Typography.Typography, { children: t('dyn_mfa.recovery_view.button_label') }) })] }), supportEmail && (jsxRuntime.jsxs("div", { className: 'mfa-recovery-view__get-help', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_mfa.recovery_view.get_help.description') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'link', children: jsxRuntime.jsx("a", { href: `mailto:${supportEmail}`, children: t('dyn_mfa.recovery_view.get_help.button_label') }) })] }))] })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), jsxRuntime.jsxs("div", { className: 'mfa-recovery-view', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: MfaRecoveryIcon.MfaRecoveryScreenIcon, isSpinning: isLoading, iconSize: 96 }), jsxRuntime.jsx("div", { className: 'mfa-recovery-view__body', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_mfa.recovery_view.body', children: t('dyn_mfa.recovery_view.body') }) }), jsxRuntime.jsxs("div", { className: 'mfa-recovery-view__actions', children: [jsxRuntime.jsx(Input.Input, { id: 'mfa-recovery-input', "data-testid": 'mfa-recovery-input', label: t('dyn_mfa.recovery_view.input_label'), onChange: handleCodeChanged, value: code }), jsxRuntime.jsx(Button.Button, { expanded: true, buttonVariant: 'brand-primary', disabled: isLoading || !isValidMfaRecoveryCode.isValidMfaRecoveryCode(code), onClick: handleRecovery, dataTestId: 'mfa-recovery-submit', children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_mfa.recovery_view.button_label', children: t('dyn_mfa.recovery_view.button_label') }) })] }), supportEmail && (jsxRuntime.jsxs("div", { className: 'mfa-recovery-view__get-help', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_mfa.recovery_view.get_help.description', children: t('dyn_mfa.recovery_view.get_help.description') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'link', copykey: 'dyn_mfa.recovery_view.get_help.button_label', children: jsxRuntime.jsx("a", { href: `mailto:${supportEmail}`, children: t('dyn_mfa.recovery_view.get_help.button_label') }) })] }))] })] }));
 };
 exports.MfaRecoveryView = MfaRecoveryView;

package/src/lib/views/MfaRecoveryView/MfaRecoveryView.js CHANGED Viewed

@@ -131,7 +131,7 @@ const MfaRecoveryView = () => {
         setCode(inputCode);
         setError('');
     };
-    return (jsxs(Fragment, { children: [error && jsx(ErrorContainer, { children: error }), jsxs("div", { className: 'mfa-recovery-view', children: [jsx(IconWithSpinner, { Icon: MfaRecoveryScreenIcon, isSpinning: isLoading, iconSize: 96 }), jsx("div", { className: 'mfa-recovery-view__body', children: jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: t('dyn_mfa.recovery_view.body') }) }), jsxs("div", { className: 'mfa-recovery-view__actions', children: [jsx(Input, { id: 'mfa-recovery-input', "data-testid": 'mfa-recovery-input', label: t('dyn_mfa.recovery_view.input_label'), onChange: handleCodeChanged, value: code }), jsx(Button, { expanded: true, buttonVariant: 'brand-primary', disabled: isLoading || !isValidMfaRecoveryCode(code), onClick: handleRecovery, dataTestId: 'mfa-recovery-submit', children: jsx(Typography, { children: t('dyn_mfa.recovery_view.button_label') }) })] }), supportEmail && (jsxs("div", { className: 'mfa-recovery-view__get-help', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_mfa.recovery_view.get_help.description') }), jsx(Typography, { variant: 'body_small', color: 'link', children: jsx("a", { href: `mailto:${supportEmail}`, children: t('dyn_mfa.recovery_view.get_help.button_label') }) })] }))] })] }));
+    return (jsxs(Fragment, { children: [error && jsx(ErrorContainer, { children: error }), jsxs("div", { className: 'mfa-recovery-view', children: [jsx(IconWithSpinner, { Icon: MfaRecoveryScreenIcon, isSpinning: isLoading, iconSize: 96 }), jsx("div", { className: 'mfa-recovery-view__body', children: jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_mfa.recovery_view.body', children: t('dyn_mfa.recovery_view.body') }) }), jsxs("div", { className: 'mfa-recovery-view__actions', children: [jsx(Input, { id: 'mfa-recovery-input', "data-testid": 'mfa-recovery-input', label: t('dyn_mfa.recovery_view.input_label'), onChange: handleCodeChanged, value: code }), jsx(Button, { expanded: true, buttonVariant: 'brand-primary', disabled: isLoading || !isValidMfaRecoveryCode(code), onClick: handleRecovery, dataTestId: 'mfa-recovery-submit', children: jsx(Typography, { copykey: 'dyn_mfa.recovery_view.button_label', children: t('dyn_mfa.recovery_view.button_label') }) })] }), supportEmail && (jsxs("div", { className: 'mfa-recovery-view__get-help', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_mfa.recovery_view.get_help.description', children: t('dyn_mfa.recovery_view.get_help.description') }), jsx(Typography, { variant: 'body_small', color: 'link', copykey: 'dyn_mfa.recovery_view.get_help.button_label', children: jsx("a", { href: `mailto:${supportEmail}`, children: t('dyn_mfa.recovery_view.get_help.button_label') }) })] }))] })] }));
 };
 export { MfaRecoveryView };

package/src/lib/views/MfaSecureDeviceHelpView/MfaSecureDeviceHelpView.cjs CHANGED Viewed

@@ -105,9 +105,9 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 const MfaSecureDeviceHelper = ({ uri, secret, }) => {
     const { t } = reactI18next.useTranslation();
-    return (jsxRuntime.jsx("div", { className: 'mfa-qrcode-help-content__container', children: jsxRuntime.jsx(EnterTileAnimation.EnterTileAnimation, { delay: '300ms', children: jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__setup-container', children: [jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__step', children: [jsxRuntime.jsx("div", { className: 'mfa-qrcode-help-content__step__number', children: "1" }), jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__step__instructions', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', className: 'mfa-qrcode-help-content__step__title', children: t('dyn_mfa.secure_device_view.helper.step1.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', className: 'mfa-qrcode-help-content__step__subtext', children: t('dyn_mfa.secure_device_view.helper.step1.description') })] })] }), jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__vertical-container', children: [jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__step', children: [jsxRuntime.jsx("div", { className: 'mfa-qrcode-help-content__step__number', children: "2" }), jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__step__instructions', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', className: 'mfa-qrcode-help-content__step__title', children: t('dyn_mfa.secure_device_view.helper.step2.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', className: 'mfa-qrcode-help-content__step__subtext', children: t('dyn_mfa.secure_device_view.helper.step2.description') })] })] }), jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__step__nocopy-box', children: [jsxRuntime.jsx(Typography.Typography, { className: 'mfa-qrcode-help-content__step__nocopy-text', variant: 'body_small', children: secret }), jsxRuntime.jsx(CopyButton.CopyButton, { textToCopy: secret, children: jsxRuntime.jsx(copy.ReactComponent, { "data-testid": 'copy-secret', onClick: (e) => {
+    return (jsxRuntime.jsx("div", { className: 'mfa-qrcode-help-content__container', children: jsxRuntime.jsx(EnterTileAnimation.EnterTileAnimation, { delay: '300ms', children: jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__setup-container', children: [jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__step', children: [jsxRuntime.jsx("div", { className: 'mfa-qrcode-help-content__step__number', children: "1" }), jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__step__instructions', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', className: 'mfa-qrcode-help-content__step__title', copykey: 'dyn_mfa.secure_device_view.helper.step1.title', children: t('dyn_mfa.secure_device_view.helper.step1.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', className: 'mfa-qrcode-help-content__step__subtext', copykey: 'dyn_mfa.secure_device_view.helper.step1.description', children: t('dyn_mfa.secure_device_view.helper.step1.description') })] })] }), jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__vertical-container', children: [jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__step', children: [jsxRuntime.jsx("div", { className: 'mfa-qrcode-help-content__step__number', children: "2" }), jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__step__instructions', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', className: 'mfa-qrcode-help-content__step__title', copykey: 'dyn_mfa.secure_device_view.helper.step2.title', children: t('dyn_mfa.secure_device_view.helper.step2.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', className: 'mfa-qrcode-help-content__step__subtext', copykey: 'dyn_mfa.secure_device_view.helper.step2.description', children: t('dyn_mfa.secure_device_view.helper.step2.description') })] })] }), jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__step__nocopy-box', children: [jsxRuntime.jsx(Typography.Typography, { className: 'mfa-qrcode-help-content__step__nocopy-text', variant: 'body_small', children: secret }), jsxRuntime.jsx(CopyButton.CopyButton, { textToCopy: secret, children: jsxRuntime.jsx(copy.ReactComponent, { "data-testid": 'copy-secret', onClick: (e) => {
                                                 e.preventDefault();
-                                            } }) })] })] }), jsxRuntime.jsx(Divider.Divider, { text: 'OR' }), jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__vertical-container', children: [jsxRuntime.jsx("div", { className: 'mfa-qrcode-help-content__step', children: jsxRuntime.jsxs("div", { className: 'uri-section', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', className: 'mfa-qrcode-help-content__step__title', children: t('dyn_mfa.secure_device_view.helper.uri.title') }), jsxRuntime.jsx(Typography.Typography, { className: 'uri-subtext', variant: 'body_small', children: t('dyn_mfa.secure_device_view.helper.uri.description') })] }) }), jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__step__nocopy-box', children: [jsxRuntime.jsx(Typography.Typography, { className: 'mfa-qrcode-help-content__step__nocopy-text', variant: 'body_small', children: uri }), jsxRuntime.jsx(CopyButton.CopyButton, { textToCopy: uri, children: jsxRuntime.jsx(copy.ReactComponent, { "data-testid": 'copy-uri', onClick: (e) => {
+                                            } }) })] })] }), jsxRuntime.jsx(Divider.Divider, { text: 'OR' }), jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__vertical-container', children: [jsxRuntime.jsx("div", { className: 'mfa-qrcode-help-content__step', children: jsxRuntime.jsxs("div", { className: 'uri-section', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', className: 'mfa-qrcode-help-content__step__title', copykey: 'dyn_mfa.secure_device_view.helper.uri.title', children: t('dyn_mfa.secure_device_view.helper.uri.title') }), jsxRuntime.jsx(Typography.Typography, { className: 'uri-subtext', variant: 'body_small', copykey: 'dyn_mfa.secure_device_view.helper.uri.description', children: t('dyn_mfa.secure_device_view.helper.uri.description') })] }) }), jsxRuntime.jsxs("div", { className: 'mfa-qrcode-help-content__step__nocopy-box', children: [jsxRuntime.jsx(Typography.Typography, { className: 'mfa-qrcode-help-content__step__nocopy-text', variant: 'body_small', children: uri }), jsxRuntime.jsx(CopyButton.CopyButton, { textToCopy: uri, children: jsxRuntime.jsx(copy.ReactComponent, { "data-testid": 'copy-uri', onClick: (e) => {
                                                 e.preventDefault();
                                             } }) })] })] })] }) }) }));
 };

package/src/lib/views/MfaSecureDeviceHelpView/MfaSecureDeviceHelpView.js CHANGED Viewed

@@ -101,9 +101,9 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 const MfaSecureDeviceHelper = ({ uri, secret, }) => {
     const { t } = useTranslation();
-    return (jsx("div", { className: 'mfa-qrcode-help-content__container', children: jsx(EnterTileAnimation, { delay: '300ms', children: jsxs("div", { className: 'mfa-qrcode-help-content__setup-container', children: [jsxs("div", { className: 'mfa-qrcode-help-content__step', children: [jsx("div", { className: 'mfa-qrcode-help-content__step__number', children: "1" }), jsxs("div", { className: 'mfa-qrcode-help-content__step__instructions', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', className: 'mfa-qrcode-help-content__step__title', children: t('dyn_mfa.secure_device_view.helper.step1.title') }), jsx(Typography, { variant: 'body_small', className: 'mfa-qrcode-help-content__step__subtext', children: t('dyn_mfa.secure_device_view.helper.step1.description') })] })] }), jsxs("div", { className: 'mfa-qrcode-help-content__vertical-container', children: [jsxs("div", { className: 'mfa-qrcode-help-content__step', children: [jsx("div", { className: 'mfa-qrcode-help-content__step__number', children: "2" }), jsxs("div", { className: 'mfa-qrcode-help-content__step__instructions', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', className: 'mfa-qrcode-help-content__step__title', children: t('dyn_mfa.secure_device_view.helper.step2.title') }), jsx(Typography, { variant: 'body_small', className: 'mfa-qrcode-help-content__step__subtext', children: t('dyn_mfa.secure_device_view.helper.step2.description') })] })] }), jsxs("div", { className: 'mfa-qrcode-help-content__step__nocopy-box', children: [jsx(Typography, { className: 'mfa-qrcode-help-content__step__nocopy-text', variant: 'body_small', children: secret }), jsx(CopyButton, { textToCopy: secret, children: jsx(SvgCopy, { "data-testid": 'copy-secret', onClick: (e) => {
+    return (jsx("div", { className: 'mfa-qrcode-help-content__container', children: jsx(EnterTileAnimation, { delay: '300ms', children: jsxs("div", { className: 'mfa-qrcode-help-content__setup-container', children: [jsxs("div", { className: 'mfa-qrcode-help-content__step', children: [jsx("div", { className: 'mfa-qrcode-help-content__step__number', children: "1" }), jsxs("div", { className: 'mfa-qrcode-help-content__step__instructions', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', className: 'mfa-qrcode-help-content__step__title', copykey: 'dyn_mfa.secure_device_view.helper.step1.title', children: t('dyn_mfa.secure_device_view.helper.step1.title') }), jsx(Typography, { variant: 'body_small', className: 'mfa-qrcode-help-content__step__subtext', copykey: 'dyn_mfa.secure_device_view.helper.step1.description', children: t('dyn_mfa.secure_device_view.helper.step1.description') })] })] }), jsxs("div", { className: 'mfa-qrcode-help-content__vertical-container', children: [jsxs("div", { className: 'mfa-qrcode-help-content__step', children: [jsx("div", { className: 'mfa-qrcode-help-content__step__number', children: "2" }), jsxs("div", { className: 'mfa-qrcode-help-content__step__instructions', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', className: 'mfa-qrcode-help-content__step__title', copykey: 'dyn_mfa.secure_device_view.helper.step2.title', children: t('dyn_mfa.secure_device_view.helper.step2.title') }), jsx(Typography, { variant: 'body_small', className: 'mfa-qrcode-help-content__step__subtext', copykey: 'dyn_mfa.secure_device_view.helper.step2.description', children: t('dyn_mfa.secure_device_view.helper.step2.description') })] })] }), jsxs("div", { className: 'mfa-qrcode-help-content__step__nocopy-box', children: [jsx(Typography, { className: 'mfa-qrcode-help-content__step__nocopy-text', variant: 'body_small', children: secret }), jsx(CopyButton, { textToCopy: secret, children: jsx(SvgCopy, { "data-testid": 'copy-secret', onClick: (e) => {
                                                 e.preventDefault();
-                                            } }) })] })] }), jsx(Divider, { text: 'OR' }), jsxs("div", { className: 'mfa-qrcode-help-content__vertical-container', children: [jsx("div", { className: 'mfa-qrcode-help-content__step', children: jsxs("div", { className: 'uri-section', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', className: 'mfa-qrcode-help-content__step__title', children: t('dyn_mfa.secure_device_view.helper.uri.title') }), jsx(Typography, { className: 'uri-subtext', variant: 'body_small', children: t('dyn_mfa.secure_device_view.helper.uri.description') })] }) }), jsxs("div", { className: 'mfa-qrcode-help-content__step__nocopy-box', children: [jsx(Typography, { className: 'mfa-qrcode-help-content__step__nocopy-text', variant: 'body_small', children: uri }), jsx(CopyButton, { textToCopy: uri, children: jsx(SvgCopy, { "data-testid": 'copy-uri', onClick: (e) => {
+                                            } }) })] })] }), jsx(Divider, { text: 'OR' }), jsxs("div", { className: 'mfa-qrcode-help-content__vertical-container', children: [jsx("div", { className: 'mfa-qrcode-help-content__step', children: jsxs("div", { className: 'uri-section', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', className: 'mfa-qrcode-help-content__step__title', copykey: 'dyn_mfa.secure_device_view.helper.uri.title', children: t('dyn_mfa.secure_device_view.helper.uri.title') }), jsx(Typography, { className: 'uri-subtext', variant: 'body_small', copykey: 'dyn_mfa.secure_device_view.helper.uri.description', children: t('dyn_mfa.secure_device_view.helper.uri.description') })] }) }), jsxs("div", { className: 'mfa-qrcode-help-content__step__nocopy-box', children: [jsx(Typography, { className: 'mfa-qrcode-help-content__step__nocopy-text', variant: 'body_small', children: uri }), jsx(CopyButton, { textToCopy: uri, children: jsx(SvgCopy, { "data-testid": 'copy-uri', onClick: (e) => {
                                                 e.preventDefault();
                                             } }) })] })] })] }) }) }));
 };

package/src/lib/views/MfaSecureDeviceView/MfaSecureDeviceView.cjs CHANGED Viewed

@@ -126,7 +126,7 @@ const MfaSecureDeviceView = ({ type, isInitialSetup = false, }) => {
             uri,
         });
     };
-    return (jsxRuntime.jsxs("div", { className: 'mfa-secure-device-view__body', "data-testid": 'mfa-secure-device-view', children: [jsxRuntime.jsx(Typography.Typography, { className: 'mfa-secure-device-view__copy', variant: 'body_normal', weight: 'regular', color: 'secondary', children: t('dyn_mfa.secure_device_view.body') }), isLoading && (jsxRuntime.jsx(spinner.Spinner, { className: 'mfa-secure-device-view__loading-spinner' })), data && (jsxRuntime.jsxs("div", { className: 'mfa-secure-device-view__qrcode', children: [jsxRuntime.jsx(QRCode.QRCode, { Icon: jsxRuntime.jsx(passwordHero.ReactComponent, {}), value: data.uri, logoSize: 50 }), jsxRuntime.jsx("div", { className: 'button-container', children: jsxRuntime.jsx("button", { onClick: () => onHelpClick({ secret: data.secret, uri: data.uri }), children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'medium', color: 'secondary', children: t('dyn_mfa.secure_device_view.helper.button') }) }) })] })), jsxRuntime.jsx(TypographyButton.TypographyButton, { className: 'mfa-secure-device-view__button', expanded: true, onClick: onContinue, children: t('dyn_mfa.secure_device_view.continue') }), jsxRuntime.jsx(TextButton.TextButton, { className: 'mfa-secure-device-view__logout-button', onClick: handleLogOut, copykey: 'dyn_mfa.choose_device_view.logout', children: t('dyn_mfa.secure_device_view.logout') })] }));
+    return (jsxRuntime.jsxs("div", { className: 'mfa-secure-device-view__body', "data-testid": 'mfa-secure-device-view', children: [jsxRuntime.jsx(Typography.Typography, { className: 'mfa-secure-device-view__copy', variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_mfa.secure_device_view.body', children: t('dyn_mfa.secure_device_view.body') }), isLoading && (jsxRuntime.jsx(spinner.Spinner, { className: 'mfa-secure-device-view__loading-spinner' })), data && (jsxRuntime.jsxs("div", { className: 'mfa-secure-device-view__qrcode', children: [jsxRuntime.jsx(QRCode.QRCode, { Icon: jsxRuntime.jsx(passwordHero.ReactComponent, {}), value: data.uri, logoSize: 50 }), jsxRuntime.jsx("div", { className: 'button-container', children: jsxRuntime.jsx("button", { onClick: () => onHelpClick({ secret: data.secret, uri: data.uri }), children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'medium', color: 'secondary', copykey: 'dyn_mfa.secure_device_view.helper.button', children: t('dyn_mfa.secure_device_view.helper.button') }) }) })] })), jsxRuntime.jsx(TypographyButton.TypographyButton, { className: 'mfa-secure-device-view__button', expanded: true, onClick: onContinue, copykey: 'dyn_mfa.secure_device_view.continue', children: t('dyn_mfa.secure_device_view.continue') }), jsxRuntime.jsx(TextButton.TextButton, { className: 'mfa-secure-device-view__logout-button', onClick: handleLogOut, copykey: 'dyn_mfa.choose_device_view.logout', children: t('dyn_mfa.secure_device_view.logout') })] }));
 };
 exports.MfaSecureDeviceView = MfaSecureDeviceView;

package/src/lib/views/MfaSecureDeviceView/MfaSecureDeviceView.js CHANGED Viewed

@@ -122,7 +122,7 @@ const MfaSecureDeviceView = ({ type, isInitialSetup = false, }) => {
             uri,
         });
     };
-    return (jsxs("div", { className: 'mfa-secure-device-view__body', "data-testid": 'mfa-secure-device-view', children: [jsx(Typography, { className: 'mfa-secure-device-view__copy', variant: 'body_normal', weight: 'regular', color: 'secondary', children: t('dyn_mfa.secure_device_view.body') }), isLoading && (jsx(Spinner, { className: 'mfa-secure-device-view__loading-spinner' })), data && (jsxs("div", { className: 'mfa-secure-device-view__qrcode', children: [jsx(QRCode, { Icon: jsx(SvgPasswordHero, {}), value: data.uri, logoSize: 50 }), jsx("div", { className: 'button-container', children: jsx("button", { onClick: () => onHelpClick({ secret: data.secret, uri: data.uri }), children: jsx(Typography, { variant: 'body_small', weight: 'medium', color: 'secondary', children: t('dyn_mfa.secure_device_view.helper.button') }) }) })] })), jsx(TypographyButton, { className: 'mfa-secure-device-view__button', expanded: true, onClick: onContinue, children: t('dyn_mfa.secure_device_view.continue') }), jsx(TextButton, { className: 'mfa-secure-device-view__logout-button', onClick: handleLogOut, copykey: 'dyn_mfa.choose_device_view.logout', children: t('dyn_mfa.secure_device_view.logout') })] }));
+    return (jsxs("div", { className: 'mfa-secure-device-view__body', "data-testid": 'mfa-secure-device-view', children: [jsx(Typography, { className: 'mfa-secure-device-view__copy', variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_mfa.secure_device_view.body', children: t('dyn_mfa.secure_device_view.body') }), isLoading && (jsx(Spinner, { className: 'mfa-secure-device-view__loading-spinner' })), data && (jsxs("div", { className: 'mfa-secure-device-view__qrcode', children: [jsx(QRCode, { Icon: jsx(SvgPasswordHero, {}), value: data.uri, logoSize: 50 }), jsx("div", { className: 'button-container', children: jsx("button", { onClick: () => onHelpClick({ secret: data.secret, uri: data.uri }), children: jsx(Typography, { variant: 'body_small', weight: 'medium', color: 'secondary', copykey: 'dyn_mfa.secure_device_view.helper.button', children: t('dyn_mfa.secure_device_view.helper.button') }) }) })] })), jsx(TypographyButton, { className: 'mfa-secure-device-view__button', expanded: true, onClick: onContinue, copykey: 'dyn_mfa.secure_device_view.continue', children: t('dyn_mfa.secure_device_view.continue') }), jsx(TextButton, { className: 'mfa-secure-device-view__logout-button', onClick: handleLogOut, copykey: 'dyn_mfa.choose_device_view.logout', children: t('dyn_mfa.secure_device_view.logout') })] }));
 };
 export { MfaSecureDeviceView };

package/src/lib/views/MobileWalletRedirectView/MobileWalletRedirectView.cjs CHANGED Viewed

@@ -132,9 +132,9 @@ const MobileWalletRedirectView = ({ onRetry, connector, }) => {
             height: pixelToRem.pixelToRem(size),
             width: pixelToRem.pixelToRem(size),
         } }));
-    return (jsxRuntime.jsxs("div", { className: 'mobile-wallet-redirect', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: makeIcon(94 * IconWithSpinner.iconRatio), iconSize: 94, isSpinning: true, className: 'mobile-wallet-redirect__icon-with-spinner' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', className: 'mobile-wallet-redirect__copy-text', copykey: 'dyn_login.mobile_wallet_redirect.prompt', children: t('dyn_login.mobile_wallet_redirect.prompt') }), jsxRuntime.jsxs(TypographyButton.TypographyButton, { buttonVariant: 'brand-primary', typographyProps: { color: 'white', variant: 'button_secondary' }, onClick: onRetry, buttonPadding: 'small', children: [t('dyn_login.mobile_wallet_redirect.open_prompt'), ' ', currentConnector === null || currentConnector === void 0 ? void 0 : currentConnector.name] }), storeName && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', className: 'mobile-wallet-redirect__alert', children: t('dyn_login.mobile_wallet_redirect.redirect_fail_message', {
+    return (jsxRuntime.jsxs("div", { className: 'mobile-wallet-redirect', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: makeIcon(94 * IconWithSpinner.iconRatio), iconSize: 94, isSpinning: true, className: 'mobile-wallet-redirect__icon-with-spinner' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', className: 'mobile-wallet-redirect__copy-text', copykey: 'dyn_login.mobile_wallet_redirect.prompt', children: t('dyn_login.mobile_wallet_redirect.prompt') }), jsxRuntime.jsxs(TypographyButton.TypographyButton, { buttonVariant: 'brand-primary', typographyProps: { color: 'white', variant: 'button_secondary' }, onClick: onRetry, buttonPadding: 'small', copykey: 'dyn_login.mobile_wallet_redirect.open_prompt', children: [t('dyn_login.mobile_wallet_redirect.open_prompt'), ' ', currentConnector === null || currentConnector === void 0 ? void 0 : currentConnector.name] }), storeName && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', className: 'mobile-wallet-redirect__alert', copykey: 'dyn_login.mobile_wallet_redirect.redirect_fail_message', children: t('dyn_login.mobile_wallet_redirect.redirect_fail_message', {
                             walletName: currentConnector === null || currentConnector === void 0 ? void 0 : currentConnector.name,
-                        }) }), jsxRuntime.jsxs("div", { className: 'mobile-wallet-redirect__wallet-app', onClick: openWalletApp, children: [jsxRuntime.jsxs("div", { className: 'mobile-wallet-redirect__wallet-app__group', children: [makeIcon(26), jsxRuntime.jsxs(Typography.Typography, { variant: 'body_small', weight: 'bold', children: [t('dyn_login.mobile_wallet_redirect.get_app_prompt'), ' ', currentConnector === null || currentConnector === void 0 ? void 0 : currentConnector.name] })] }), jsxRuntime.jsxs("div", { className: 'mobile-wallet-redirect__wallet-app__group', children: [jsxRuntime.jsx(Typography.Typography, { className: 'mobile-wallet-redirect__wallet-app__group__app-store', variant: 'body_small', weight: 'bold', color: 'secondary', children: storeName }), jsxRuntime.jsx(Icon.Icon, { color: 'text-secondary', size: 'small', children: jsxRuntime.jsx(externalLink.ReactComponent, {}) })] })] })] }))] }));
+                        }) }), jsxRuntime.jsxs("div", { className: 'mobile-wallet-redirect__wallet-app', onClick: openWalletApp, children: [jsxRuntime.jsxs("div", { className: 'mobile-wallet-redirect__wallet-app__group', children: [makeIcon(26), jsxRuntime.jsxs(Typography.Typography, { variant: 'body_small', weight: 'bold', copykey: 'dyn_login.mobile_wallet_redirect.get_app_prompt', children: [t('dyn_login.mobile_wallet_redirect.get_app_prompt'), ' ', currentConnector === null || currentConnector === void 0 ? void 0 : currentConnector.name] })] }), jsxRuntime.jsxs("div", { className: 'mobile-wallet-redirect__wallet-app__group', children: [jsxRuntime.jsx(Typography.Typography, { className: 'mobile-wallet-redirect__wallet-app__group__app-store', variant: 'body_small', weight: 'bold', color: 'secondary', children: storeName }), jsxRuntime.jsx(Icon.Icon, { color: 'text-secondary', size: 'small', children: jsxRuntime.jsx(externalLink.ReactComponent, {}) })] })] })] }))] }));
 };
 exports.MobileWalletRedirectView = MobileWalletRedirectView;

package/src/lib/views/MobileWalletRedirectView/MobileWalletRedirectView.js CHANGED Viewed

@@ -128,9 +128,9 @@ const MobileWalletRedirectView = ({ onRetry, connector, }) => {
             height: pixelToRem(size),
             width: pixelToRem(size),
         } }));
-    return (jsxs("div", { className: 'mobile-wallet-redirect', children: [jsx(IconWithSpinner, { Icon: makeIcon(94 * iconRatio), iconSize: 94, isSpinning: true, className: 'mobile-wallet-redirect__icon-with-spinner' }), jsx(Typography, { variant: 'body_normal', weight: 'regular', className: 'mobile-wallet-redirect__copy-text', copykey: 'dyn_login.mobile_wallet_redirect.prompt', children: t('dyn_login.mobile_wallet_redirect.prompt') }), jsxs(TypographyButton, { buttonVariant: 'brand-primary', typographyProps: { color: 'white', variant: 'button_secondary' }, onClick: onRetry, buttonPadding: 'small', children: [t('dyn_login.mobile_wallet_redirect.open_prompt'), ' ', currentConnector === null || currentConnector === void 0 ? void 0 : currentConnector.name] }), storeName && (jsxs(Fragment, { children: [jsx(Typography, { variant: 'body_small', color: 'secondary', className: 'mobile-wallet-redirect__alert', children: t('dyn_login.mobile_wallet_redirect.redirect_fail_message', {
+    return (jsxs("div", { className: 'mobile-wallet-redirect', children: [jsx(IconWithSpinner, { Icon: makeIcon(94 * iconRatio), iconSize: 94, isSpinning: true, className: 'mobile-wallet-redirect__icon-with-spinner' }), jsx(Typography, { variant: 'body_normal', weight: 'regular', className: 'mobile-wallet-redirect__copy-text', copykey: 'dyn_login.mobile_wallet_redirect.prompt', children: t('dyn_login.mobile_wallet_redirect.prompt') }), jsxs(TypographyButton, { buttonVariant: 'brand-primary', typographyProps: { color: 'white', variant: 'button_secondary' }, onClick: onRetry, buttonPadding: 'small', copykey: 'dyn_login.mobile_wallet_redirect.open_prompt', children: [t('dyn_login.mobile_wallet_redirect.open_prompt'), ' ', currentConnector === null || currentConnector === void 0 ? void 0 : currentConnector.name] }), storeName && (jsxs(Fragment, { children: [jsx(Typography, { variant: 'body_small', color: 'secondary', className: 'mobile-wallet-redirect__alert', copykey: 'dyn_login.mobile_wallet_redirect.redirect_fail_message', children: t('dyn_login.mobile_wallet_redirect.redirect_fail_message', {
                             walletName: currentConnector === null || currentConnector === void 0 ? void 0 : currentConnector.name,
-                        }) }), jsxs("div", { className: 'mobile-wallet-redirect__wallet-app', onClick: openWalletApp, children: [jsxs("div", { className: 'mobile-wallet-redirect__wallet-app__group', children: [makeIcon(26), jsxs(Typography, { variant: 'body_small', weight: 'bold', children: [t('dyn_login.mobile_wallet_redirect.get_app_prompt'), ' ', currentConnector === null || currentConnector === void 0 ? void 0 : currentConnector.name] })] }), jsxs("div", { className: 'mobile-wallet-redirect__wallet-app__group', children: [jsx(Typography, { className: 'mobile-wallet-redirect__wallet-app__group__app-store', variant: 'body_small', weight: 'bold', color: 'secondary', children: storeName }), jsx(Icon, { color: 'text-secondary', size: 'small', children: jsx(SvgExternalLink, {}) })] })] })] }))] }));
+                        }) }), jsxs("div", { className: 'mobile-wallet-redirect__wallet-app', onClick: openWalletApp, children: [jsxs("div", { className: 'mobile-wallet-redirect__wallet-app__group', children: [makeIcon(26), jsxs(Typography, { variant: 'body_small', weight: 'bold', copykey: 'dyn_login.mobile_wallet_redirect.get_app_prompt', children: [t('dyn_login.mobile_wallet_redirect.get_app_prompt'), ' ', currentConnector === null || currentConnector === void 0 ? void 0 : currentConnector.name] })] }), jsxs("div", { className: 'mobile-wallet-redirect__wallet-app__group', children: [jsx(Typography, { className: 'mobile-wallet-redirect__wallet-app__group__app-store', variant: 'body_small', weight: 'bold', color: 'secondary', children: storeName }), jsx(Icon, { color: 'text-secondary', size: 'small', children: jsx(SvgExternalLink, {}) })] })] })] }))] }));
 };
 export { MobileWalletRedirectView };

package/src/lib/views/Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.cjs CHANGED Viewed

@@ -113,7 +113,7 @@ const PasskeyNewDomainDetectedView = () => {
         const supportedAuths = getEnabledEmbeddedWalletsAuthenticators.getEnabledEmbeddedWalletsAuthenticators((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.supportedSecurityMethods);
         return Object.keys(supportedAuths).filter((auth) => auth !== 'email');
     }, [projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: 'dyn_passkey_new_domain_detected.title', children: t('dyn_passkey_new_domain_detected.title') }) }), jsxRuntime.jsxs("div", { className: 'passkey-new-domain-detected', children: [jsxRuntime.jsx(domain.ReactComponent, { className: 'passkey-new-domain-detected__header' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: t('dyn_passkey_new_domain_detected.description') }), jsxRuntime.jsx(EmbeddedAuthChoiceCards.EmbeddedAuthChoiceCards, { supportedAuthenticators: supportedAuthenticators }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, { isRecoveryFlow: true })] })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: 'dyn_passkey_new_domain_detected.title', children: t('dyn_passkey_new_domain_detected.title') }) }), jsxRuntime.jsxs("div", { className: 'passkey-new-domain-detected', children: [jsxRuntime.jsx(domain.ReactComponent, { className: 'passkey-new-domain-detected__header' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_passkey_new_domain_detected.description', children: t('dyn_passkey_new_domain_detected.description') }), jsxRuntime.jsx(EmbeddedAuthChoiceCards.EmbeddedAuthChoiceCards, { supportedAuthenticators: supportedAuthenticators }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, { isRecoveryFlow: true })] })] }));
 };
 exports.PasskeyNewDomainDetectedView = PasskeyNewDomainDetectedView;

package/src/lib/views/Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.js CHANGED Viewed

@@ -109,7 +109,7 @@ const PasskeyNewDomainDetectedView = () => {
         const supportedAuths = getEnabledEmbeddedWalletsAuthenticators((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.supportedSecurityMethods);
         return Object.keys(supportedAuths).filter((auth) => auth !== 'email');
     }, [projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets]);
-    return (jsxs(Fragment, { children: [jsx(ModalHeader, { children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: 'dyn_passkey_new_domain_detected.title', children: t('dyn_passkey_new_domain_detected.title') }) }), jsxs("div", { className: 'passkey-new-domain-detected', children: [jsx(SvgDomain, { className: 'passkey-new-domain-detected__header' }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: t('dyn_passkey_new_domain_detected.description') }), jsx(EmbeddedAuthChoiceCards, { supportedAuthenticators: supportedAuthenticators }), jsx(NeedHelpSection, { isRecoveryFlow: true })] })] }));
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: 'dyn_passkey_new_domain_detected.title', children: t('dyn_passkey_new_domain_detected.title') }) }), jsxs("div", { className: 'passkey-new-domain-detected', children: [jsx(SvgDomain, { className: 'passkey-new-domain-detected__header' }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_passkey_new_domain_detected.description', children: t('dyn_passkey_new_domain_detected.description') }), jsx(EmbeddedAuthChoiceCards, { supportedAuthenticators: supportedAuthenticators }), jsx(NeedHelpSection, { isRecoveryFlow: true })] })] }));
 };
 export { PasskeyNewDomainDetectedView };

package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.cjs CHANGED Viewed

@@ -149,7 +149,7 @@ const PasskeyCompleteRecovery = ({ goBack, }) => {
         : 'dyn_passkey_recovery';
     return (jsxRuntime.jsxs("div", { className: 'passkey-recovery-view', children: [jsxRuntime.jsx("div", { className: 'passkey-recovery-view__header', children: jsxRuntime.jsx(passkeyIntroIcon.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: t(`${translationKey}.complete.description`) }), errorText && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }), jsxRuntime.jsx("div", { className: 'passkey-recovery-view__actions', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'large', dataTestId: 'passkey-recovery-complete-button', onClick: () => completeRecovery(), disabled: isLoading, showInternalLoading: false, typographyProps: {
                         color: 'inherit',
-                    }, children: jsxRuntime.jsxs("div", { className: 'passkey-recovery-view__inline-button', children: [jsxRuntime.jsx(PasskeyDeviceIcon.PasskeyDeviceIcon, { size: 'small' }), jsxRuntime.jsx(Typography.Typography, { children: t(`${translationKey}.complete.complete_button`) })] }) }) }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, { isRecoveryFlow: true })] }));
+                    }, children: jsxRuntime.jsxs("div", { className: 'passkey-recovery-view__inline-button', children: [jsxRuntime.jsx(PasskeyDeviceIcon.PasskeyDeviceIcon, { size: 'small' }), jsxRuntime.jsx(Typography.Typography, { copykey: `${translationKey}.complete.complete_button`, children: t(`${translationKey}.complete.complete_button`) })] }) }) }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, { isRecoveryFlow: true })] }));
 };
 exports.PasskeyCompleteRecovery = PasskeyCompleteRecovery;

package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.js CHANGED Viewed

@@ -145,7 +145,7 @@ const PasskeyCompleteRecovery = ({ goBack, }) => {
         : 'dyn_passkey_recovery';
     return (jsxs("div", { className: 'passkey-recovery-view', children: [jsx("div", { className: 'passkey-recovery-view__header', children: jsx(SvgPasskeyIntroIcon, {}) }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: t(`${translationKey}.complete.description`) }), errorText && jsx(ErrorContainer, { children: errorText }), jsx("div", { className: 'passkey-recovery-view__actions', children: jsx(TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'large', dataTestId: 'passkey-recovery-complete-button', onClick: () => completeRecovery(), disabled: isLoading, showInternalLoading: false, typographyProps: {
                         color: 'inherit',
-                    }, children: jsxs("div", { className: 'passkey-recovery-view__inline-button', children: [jsx(PasskeyDeviceIcon, { size: 'small' }), jsx(Typography, { children: t(`${translationKey}.complete.complete_button`) })] }) }) }), jsx(NeedHelpSection, { isRecoveryFlow: true })] }));
+                    }, children: jsxs("div", { className: 'passkey-recovery-view__inline-button', children: [jsx(PasskeyDeviceIcon, { size: 'small' }), jsx(Typography, { copykey: `${translationKey}.complete.complete_button`, children: t(`${translationKey}.complete.complete_button`) })] }) }) }), jsx(NeedHelpSection, { isRecoveryFlow: true })] }));
 };
 export { PasskeyCompleteRecovery };

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.cjs CHANGED Viewed

@@ -136,7 +136,7 @@ const PasskeyInitRecovery = ({ authenticatorType, }) => {
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: t(`${translationKey}.start.title`) }) }), jsxRuntime.jsxs("div", { className: 'passkey-recovery-view', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: EmailIcon, isSpinning: isLoading, iconSize: 96 }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: t(`${translationKey}.start.description`) }), errorText && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }), jsxRuntime.jsx("div", { className: 'passkey-recovery-view__actions', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'large', dataTestId: 'passkey-recovery-button', onClick: () => initAuthMethod({
                                 authenticatorType,
                                 iframeContainer: iframeContainerRef.current,
-                            }), disabled: isLoading, showInternalLoading: false, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Typography.Typography, { children: t(`${translationKey}.start.start_button`) }) }) }) }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, { isRecoveryFlow: true })] })] }));
+                            }), disabled: isLoading, showInternalLoading: false, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Typography.Typography, { copykey: `${translationKey}.start.start_button`, children: t(`${translationKey}.start.start_button`) }) }) }) }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, { isRecoveryFlow: true })] })] }));
 };
 exports.PasskeyInitRecovery = PasskeyInitRecovery;

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.js CHANGED Viewed

@@ -132,7 +132,7 @@ const PasskeyInitRecovery = ({ authenticatorType, }) => {
     return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: t(`${translationKey}.start.title`) }) }), jsxs("div", { className: 'passkey-recovery-view', children: [jsx(IconWithSpinner, { Icon: EmailIcon, isSpinning: isLoading, iconSize: 96 }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: t(`${translationKey}.start.description`) }), errorText && jsx(ErrorContainer, { children: errorText }), jsx("div", { className: 'passkey-recovery-view__actions', children: jsx(TypographyButton, { buttonPadding: 'large', dataTestId: 'passkey-recovery-button', onClick: () => initAuthMethod({
                                 authenticatorType,
                                 iframeContainer: iframeContainerRef.current,
-                            }), disabled: isLoading, showInternalLoading: false, children: jsx("div", { children: jsx(Typography, { children: t(`${translationKey}.start.start_button`) }) }) }) }), jsx(NeedHelpSection, { isRecoveryFlow: true })] })] }));
+                            }), disabled: isLoading, showInternalLoading: false, children: jsx("div", { children: jsx(Typography, { copykey: `${translationKey}.start.start_button`, children: t(`${translationKey}.start.start_button`) }) }) }) }), jsx(NeedHelpSection, { isRecoveryFlow: true })] })] }));
 };
 export { PasskeyInitRecovery };

package/src/lib/views/SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.cjs CHANGED Viewed

@@ -106,7 +106,7 @@ const SandboxMaximumThresholdReached = () => {
     const handleGoBack = () => {
         clearStackAndPushInitialView();
     };
-    return (jsxRuntime.jsxs("div", { className: 'sandbox-threshold__main', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'sandbox-threshold__title', children: t('dyn_sandbox_maximum_threshold.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'sandbox-threshold__description', children: t('dyn_sandbox_maximum_threshold.description') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: handleGoBack, className: 'sandbox-threshold__button', expanded: true, buttonPadding: 'large', children: t('dyn_sandbox_maximum_threshold.button') })] }));
+    return (jsxRuntime.jsxs("div", { className: 'sandbox-threshold__main', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'sandbox-threshold__title', copykey: 'dyn_sandbox_maximum_threshold.title', children: t('dyn_sandbox_maximum_threshold.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'sandbox-threshold__description', copykey: 'dyn_sandbox_maximum_threshold.description', children: t('dyn_sandbox_maximum_threshold.description') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: handleGoBack, className: 'sandbox-threshold__button', expanded: true, buttonPadding: 'large', copykey: 'dyn_sandbox_maximum_threshold.button', children: t('dyn_sandbox_maximum_threshold.button') })] }));
 };
 exports.SandboxMaximumThresholdReached = SandboxMaximumThresholdReached;

package/src/lib/views/SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.js CHANGED Viewed

@@ -102,7 +102,7 @@ const SandboxMaximumThresholdReached = () => {
     const handleGoBack = () => {
         clearStackAndPushInitialView();
     };
-    return (jsxs("div", { className: 'sandbox-threshold__main', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'sandbox-threshold__title', children: t('dyn_sandbox_maximum_threshold.title') }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'sandbox-threshold__description', children: t('dyn_sandbox_maximum_threshold.description') }), jsx(TypographyButton, { onClick: handleGoBack, className: 'sandbox-threshold__button', expanded: true, buttonPadding: 'large', children: t('dyn_sandbox_maximum_threshold.button') })] }));
+    return (jsxs("div", { className: 'sandbox-threshold__main', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'sandbox-threshold__title', copykey: 'dyn_sandbox_maximum_threshold.title', children: t('dyn_sandbox_maximum_threshold.title') }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'sandbox-threshold__description', copykey: 'dyn_sandbox_maximum_threshold.description', children: t('dyn_sandbox_maximum_threshold.description') }), jsx(TypographyButton, { onClick: handleGoBack, className: 'sandbox-threshold__button', expanded: true, buttonPadding: 'large', copykey: 'dyn_sandbox_maximum_threshold.button', children: t('dyn_sandbox_maximum_threshold.button') })] }));
 };
 export { SandboxMaximumThresholdReached };

package/src/lib/views/SessionPermissionsView/SessionPermissionsView.cjs CHANGED Viewed

@@ -30,9 +30,9 @@ const SessionPermissionsView = ({ session, showAdvanced = false, }) => {
     const timeToExpire = React.useMemo(() => getSessionInformation.getSessionInformationExpiration(session), [session]);
     const spendingLimit = React.useMemo(() => getSessionInformation.getSessionInformationSpendingLimit(session), [session]);
     const sessionString = React.useMemo(() => getSessionInformation.getSessionInformationJson(session), [session]);
-    return (jsxRuntime.jsxs("div", { className: 'session-permissions-view', children: [jsxRuntime.jsx("div", { className: 'session-permissions-view__header', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', children: t('dyn_session_permissions.permissions_label') }) }), jsxRuntime.jsxs("div", { className: 'session-permissions-view__card', children: [jsxRuntime.jsxs("div", { className: 'session-permissions-view__card-permission', children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-tertiary', children: jsxRuntime.jsx(profileOutline.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: t('dyn_session_permissions.permissions.ownership') })] }), jsxRuntime.jsxs("div", { className: 'session-permissions-view__card-permission', children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-tertiary', children: jsxRuntime.jsx(clock.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: t('dyn_session_permissions.permissions.access', {
+    return (jsxRuntime.jsxs("div", { className: 'session-permissions-view', children: [jsxRuntime.jsx("div", { className: 'session-permissions-view__header', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', copykey: 'dyn_session_permissions.permissions_label', children: t('dyn_session_permissions.permissions_label') }) }), jsxRuntime.jsxs("div", { className: 'session-permissions-view__card', children: [jsxRuntime.jsxs("div", { className: 'session-permissions-view__card-permission', children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-tertiary', children: jsxRuntime.jsx(profileOutline.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', copykey: 'dyn_session_permissions.permissions.ownership', children: t('dyn_session_permissions.permissions.ownership') })] }), jsxRuntime.jsxs("div", { className: 'session-permissions-view__card-permission', children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-tertiary', children: jsxRuntime.jsx(clock.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', copykey: 'dyn_session_permissions.permissions.access', children: t('dyn_session_permissions.permissions.access', {
                                     time: timeToExpire,
-                                }) })] })] }), jsxRuntime.jsx("div", { className: 'session-permissions-view__header', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', children: t('dyn_session_permissions.spending_label') }) }), jsxRuntime.jsxs("div", { className: 'session-permissions-view__card session-permissions-view__token-card', children: [jsxRuntime.jsxs("div", { className: 'session-permissions-view__token', children: [jsxRuntime.jsx(Icon.Icon, { size: 'medium', children: jsxRuntime.jsx(iconic.EthereumIcon, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', children: "ETH" })] }), jsxRuntime.jsxs("div", { className: 'session-permissions-view__spending', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_session_permissions.spending_limit') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: spendingLimit })] })] }), showAdvanced && (jsxRuntime.jsxs("div", { className: 'session-permissions-view__panel', children: [jsxRuntime.jsxs(AccordionToggle.AccordionToggle, { className: 'session-permissions-view__panel-toggle', isOpen: isAdvancedExpanded, onClick: toggleAdvancedExpanded, labelClassName: 'session-permissions-view__panel-toggle-label', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', children: t('dyn_session_permissions.advanced_label') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_session_permissions.advanced_description') })] }), isAdvancedExpanded && (jsxRuntime.jsx("div", { className: 'session-permissions-view__panel-content', children: jsxRuntime.jsx(Textarea.Textarea, { value: sessionString, readOnly: true, rows: 8, id: 'session-permissions-view__raw-json', "data-testid": 'session-permissions-view__raw-json', label: '' }) }))] }))] }));
+                                }) })] })] }), jsxRuntime.jsx("div", { className: 'session-permissions-view__header', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', copykey: 'dyn_session_permissions.spending_label', children: t('dyn_session_permissions.spending_label') }) }), jsxRuntime.jsxs("div", { className: 'session-permissions-view__card session-permissions-view__token-card', children: [jsxRuntime.jsxs("div", { className: 'session-permissions-view__token', children: [jsxRuntime.jsx(Icon.Icon, { size: 'medium', children: jsxRuntime.jsx(iconic.EthereumIcon, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', children: "ETH" })] }), jsxRuntime.jsxs("div", { className: 'session-permissions-view__spending', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_session_permissions.spending_limit', children: t('dyn_session_permissions.spending_limit') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: spendingLimit })] })] }), showAdvanced && (jsxRuntime.jsxs("div", { className: 'session-permissions-view__panel', children: [jsxRuntime.jsxs(AccordionToggle.AccordionToggle, { className: 'session-permissions-view__panel-toggle', isOpen: isAdvancedExpanded, onClick: toggleAdvancedExpanded, labelClassName: 'session-permissions-view__panel-toggle-label', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', copykey: 'dyn_session_permissions.advanced_label', children: t('dyn_session_permissions.advanced_label') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_session_permissions.advanced_description', children: t('dyn_session_permissions.advanced_description') })] }), isAdvancedExpanded && (jsxRuntime.jsx("div", { className: 'session-permissions-view__panel-content', children: jsxRuntime.jsx(Textarea.Textarea, { value: sessionString, readOnly: true, rows: 8, id: 'session-permissions-view__raw-json', "data-testid": 'session-permissions-view__raw-json', label: '' }) }))] }))] }));
 };
 exports.SessionPermissionsView = SessionPermissionsView;

package/src/lib/views/SessionPermissionsView/SessionPermissionsView.js CHANGED Viewed

@@ -26,9 +26,9 @@ const SessionPermissionsView = ({ session, showAdvanced = false, }) => {
     const timeToExpire = useMemo(() => getSessionInformationExpiration(session), [session]);
     const spendingLimit = useMemo(() => getSessionInformationSpendingLimit(session), [session]);
     const sessionString = useMemo(() => getSessionInformationJson(session), [session]);
-    return (jsxs("div", { className: 'session-permissions-view', children: [jsx("div", { className: 'session-permissions-view__header', children: jsx(Typography, { variant: 'body_small', weight: 'bold', children: t('dyn_session_permissions.permissions_label') }) }), jsxs("div", { className: 'session-permissions-view__card', children: [jsxs("div", { className: 'session-permissions-view__card-permission', children: [jsx(Icon, { size: 'small', color: 'text-tertiary', children: jsx(SvgProfileOutline, {}) }), jsx(Typography, { variant: 'body_small', children: t('dyn_session_permissions.permissions.ownership') })] }), jsxs("div", { className: 'session-permissions-view__card-permission', children: [jsx(Icon, { size: 'small', color: 'text-tertiary', children: jsx(SvgClock, {}) }), jsx(Typography, { variant: 'body_small', children: t('dyn_session_permissions.permissions.access', {
+    return (jsxs("div", { className: 'session-permissions-view', children: [jsx("div", { className: 'session-permissions-view__header', children: jsx(Typography, { variant: 'body_small', weight: 'bold', copykey: 'dyn_session_permissions.permissions_label', children: t('dyn_session_permissions.permissions_label') }) }), jsxs("div", { className: 'session-permissions-view__card', children: [jsxs("div", { className: 'session-permissions-view__card-permission', children: [jsx(Icon, { size: 'small', color: 'text-tertiary', children: jsx(SvgProfileOutline, {}) }), jsx(Typography, { variant: 'body_small', copykey: 'dyn_session_permissions.permissions.ownership', children: t('dyn_session_permissions.permissions.ownership') })] }), jsxs("div", { className: 'session-permissions-view__card-permission', children: [jsx(Icon, { size: 'small', color: 'text-tertiary', children: jsx(SvgClock, {}) }), jsx(Typography, { variant: 'body_small', copykey: 'dyn_session_permissions.permissions.access', children: t('dyn_session_permissions.permissions.access', {
                                     time: timeToExpire,
-                                }) })] })] }), jsx("div", { className: 'session-permissions-view__header', children: jsx(Typography, { variant: 'body_small', weight: 'bold', children: t('dyn_session_permissions.spending_label') }) }), jsxs("div", { className: 'session-permissions-view__card session-permissions-view__token-card', children: [jsxs("div", { className: 'session-permissions-view__token', children: [jsx(Icon, { size: 'medium', children: jsx(EthereumIcon, {}) }), jsx(Typography, { variant: 'body_normal', children: "ETH" })] }), jsxs("div", { className: 'session-permissions-view__spending', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_session_permissions.spending_limit') }), jsx(Typography, { variant: 'body_small', children: spendingLimit })] })] }), showAdvanced && (jsxs("div", { className: 'session-permissions-view__panel', children: [jsxs(AccordionToggle, { className: 'session-permissions-view__panel-toggle', isOpen: isAdvancedExpanded, onClick: toggleAdvancedExpanded, labelClassName: 'session-permissions-view__panel-toggle-label', children: [jsx(Typography, { variant: 'body_small', weight: 'bold', children: t('dyn_session_permissions.advanced_label') }), jsx(Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_session_permissions.advanced_description') })] }), isAdvancedExpanded && (jsx("div", { className: 'session-permissions-view__panel-content', children: jsx(Textarea, { value: sessionString, readOnly: true, rows: 8, id: 'session-permissions-view__raw-json', "data-testid": 'session-permissions-view__raw-json', label: '' }) }))] }))] }));
+                                }) })] })] }), jsx("div", { className: 'session-permissions-view__header', children: jsx(Typography, { variant: 'body_small', weight: 'bold', copykey: 'dyn_session_permissions.spending_label', children: t('dyn_session_permissions.spending_label') }) }), jsxs("div", { className: 'session-permissions-view__card session-permissions-view__token-card', children: [jsxs("div", { className: 'session-permissions-view__token', children: [jsx(Icon, { size: 'medium', children: jsx(EthereumIcon, {}) }), jsx(Typography, { variant: 'body_normal', children: "ETH" })] }), jsxs("div", { className: 'session-permissions-view__spending', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_session_permissions.spending_limit', children: t('dyn_session_permissions.spending_limit') }), jsx(Typography, { variant: 'body_small', children: spendingLimit })] })] }), showAdvanced && (jsxs("div", { className: 'session-permissions-view__panel', children: [jsxs(AccordionToggle, { className: 'session-permissions-view__panel-toggle', isOpen: isAdvancedExpanded, onClick: toggleAdvancedExpanded, labelClassName: 'session-permissions-view__panel-toggle-label', children: [jsx(Typography, { variant: 'body_small', weight: 'bold', copykey: 'dyn_session_permissions.advanced_label', children: t('dyn_session_permissions.advanced_label') }), jsx(Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_session_permissions.advanced_description', children: t('dyn_session_permissions.advanced_description') })] }), isAdvancedExpanded && (jsx("div", { className: 'session-permissions-view__panel-content', children: jsx(Textarea, { value: sessionString, readOnly: true, rows: 8, id: 'session-permissions-view__raw-json', "data-testid": 'session-permissions-view__raw-json', label: '' }) }))] }))] }));
 };
 export { SessionPermissionsView };

package/src/lib/views/SubdomainField/SubdomainField.cjs CHANGED Viewed

@@ -155,7 +155,7 @@ const SubdomainField = ({ showDetails = false, }) => {
         logger.logger.error('Failed to get ENS domain from settings.sdk.nameService');
         return null;
     }
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'subdomain-field__container', children: [jsxRuntime.jsx(Input.Input, { id: 'subdomain-field', className: 'input__container--available', value: subDomainValue, onChange: onChange, label: t('dyn_subdomain_field.label'), error: message && !(checkResponse === null || checkResponse === void 0 ? void 0 : checkResponse.available) ? true : false, success: checkResponse === null || checkResponse === void 0 ? void 0 : checkResponse.available, message: message }), jsxRuntime.jsx(Typography.Typography, { as: 'span', color: 'secondary', variant: 'body_normal', children: ensDomain })] }), showDetails && (jsxRuntime.jsx(Typography.Typography, { as: 'p', color: 'secondary', variant: 'body_small', className: 'subdomain-field__details', children: t('dyn_subdomain_field.details') })), jsxRuntime.jsx(Divider.Divider, {})] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'subdomain-field__container', children: [jsxRuntime.jsx(Input.Input, { id: 'subdomain-field', className: 'input__container--available', value: subDomainValue, onChange: onChange, label: t('dyn_subdomain_field.label'), error: message && !(checkResponse === null || checkResponse === void 0 ? void 0 : checkResponse.available) ? true : false, success: checkResponse === null || checkResponse === void 0 ? void 0 : checkResponse.available, message: message }), jsxRuntime.jsx(Typography.Typography, { as: 'span', color: 'secondary', variant: 'body_normal', children: ensDomain })] }), showDetails && (jsxRuntime.jsx(Typography.Typography, { as: 'p', color: 'secondary', variant: 'body_small', className: 'subdomain-field__details', copykey: 'dyn_subdomain_field.details', children: t('dyn_subdomain_field.details') })), jsxRuntime.jsx(Divider.Divider, {})] }));
 };
 exports.SubdomainField = SubdomainField;

package/src/lib/views/SubdomainField/SubdomainField.js CHANGED Viewed

@@ -151,7 +151,7 @@ const SubdomainField = ({ showDetails = false, }) => {
         logger.error('Failed to get ENS domain from settings.sdk.nameService');
         return null;
     }
-    return (jsxs(Fragment, { children: [jsxs("div", { className: 'subdomain-field__container', children: [jsx(Input, { id: 'subdomain-field', className: 'input__container--available', value: subDomainValue, onChange: onChange, label: t('dyn_subdomain_field.label'), error: message && !(checkResponse === null || checkResponse === void 0 ? void 0 : checkResponse.available) ? true : false, success: checkResponse === null || checkResponse === void 0 ? void 0 : checkResponse.available, message: message }), jsx(Typography, { as: 'span', color: 'secondary', variant: 'body_normal', children: ensDomain })] }), showDetails && (jsx(Typography, { as: 'p', color: 'secondary', variant: 'body_small', className: 'subdomain-field__details', children: t('dyn_subdomain_field.details') })), jsx(Divider, {})] }));
+    return (jsxs(Fragment, { children: [jsxs("div", { className: 'subdomain-field__container', children: [jsx(Input, { id: 'subdomain-field', className: 'input__container--available', value: subDomainValue, onChange: onChange, label: t('dyn_subdomain_field.label'), error: message && !(checkResponse === null || checkResponse === void 0 ? void 0 : checkResponse.available) ? true : false, success: checkResponse === null || checkResponse === void 0 ? void 0 : checkResponse.available, message: message }), jsx(Typography, { as: 'span', color: 'secondary', variant: 'body_normal', children: ensDomain })] }), showDetails && (jsx(Typography, { as: 'p', color: 'secondary', variant: 'body_small', className: 'subdomain-field__details', copykey: 'dyn_subdomain_field.details', children: t('dyn_subdomain_field.details') })), jsx(Divider, {})] }));
 };
 export { SubdomainField };

package/src/lib/views/SyncWalletView/AutoReconnectingView/AutoReconnectingView.cjs CHANGED Viewed

@@ -113,7 +113,7 @@ const AutoReconnectingView = ({ onCancel, onSuccess, connector, expectedAddress,
             onSuccess();
         }
     }), { deps: [connector] });
-    return (jsxRuntime.jsx(DefaultPromptModal.DefaultPromptModal, { dataTestId: 'auto-reconnecting', icon: jsxRuntime.jsx(walletBook.WalletIcon, { icon: connector.metadata.icon, walletKey: connector.key }), title: t('dyn_sync_wallet.reconnecting.title'), onClose: onCancel, children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', children: t('dyn_sync_wallet.reconnecting.description', {
+    return (jsxRuntime.jsx(DefaultPromptModal.DefaultPromptModal, { dataTestId: 'auto-reconnecting', icon: jsxRuntime.jsx(walletBook.WalletIcon, { icon: connector.metadata.icon, walletKey: connector.key }), title: t('dyn_sync_wallet.reconnecting.title'), onClose: onCancel, children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', copykey: 'dyn_sync_wallet.reconnecting.description', children: t('dyn_sync_wallet.reconnecting.description', {
                 walletAddress: shortenWalletAddress.shortenWalletAddress(expectedAddress, 3, 3),
             }) }) }));
 };

package/src/lib/views/SyncWalletView/AutoReconnectingView/AutoReconnectingView.js CHANGED Viewed

@@ -109,7 +109,7 @@ const AutoReconnectingView = ({ onCancel, onSuccess, connector, expectedAddress,
             onSuccess();
         }
     }), { deps: [connector] });
-    return (jsx(DefaultPromptModal, { dataTestId: 'auto-reconnecting', icon: jsx(WalletIcon, { icon: connector.metadata.icon, walletKey: connector.key }), title: t('dyn_sync_wallet.reconnecting.title'), onClose: onCancel, children: jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', children: t('dyn_sync_wallet.reconnecting.description', {
+    return (jsx(DefaultPromptModal, { dataTestId: 'auto-reconnecting', icon: jsx(WalletIcon, { icon: connector.metadata.icon, walletKey: connector.key }), title: t('dyn_sync_wallet.reconnecting.title'), onClose: onCancel, children: jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', copykey: 'dyn_sync_wallet.reconnecting.description', children: t('dyn_sync_wallet.reconnecting.description', {
                 walletAddress: shortenWalletAddress(expectedAddress, 3, 3),
             }) }) }));
 };

package/src/lib/views/UserDeleteAccountView/UserDeleteAccountView.cjs CHANGED Viewed

@@ -126,9 +126,11 @@ const UserDeleteAccountView = () => {
     }), [deleteUser, isBackupConfirmed]);
     const isDeleteEnabled = React.useMemo(() => isBackupConfirmed && confirmText === 'DELETE' && !isLoading, [isBackupConfirmed, confirmText, isLoading]);
     const hasEmbeddedWallet = React.useMemo(() => user === null || user === void 0 ? void 0 : user.verifiedCredentials.some((wallet) => wallet.walletProvider === sdkApiCore.WalletProviderEnum.EmbeddedWallet), [user]);
-    return (jsxRuntime.jsx("div", { className: 'delete-account-view', children: jsxRuntime.jsxs("div", { className: 'delete-account-view__content', children: [jsxRuntime.jsx("div", { className: 'warning-section', children: jsxRuntime.jsxs("div", { className: 'warning-icon-container', children: [jsxRuntime.jsx(warningRed.ReactComponent, { className: 'warning-icon' }), jsxRuntime.jsx(exclamation.ReactComponent, { className: 'exclamation-icon' })] }) }), jsxRuntime.jsx("div", { className: 'message-box', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'bold', children: t('dyn_settings.delete_account.description') }) }), jsxRuntime.jsxs("div", { className: 'confirmation-section', children: [jsxRuntime.jsxs("div", { className: 'checkbox-container', children: [jsxRuntime.jsx("input", { type: 'checkbox', checked: isBackupConfirmed, onChange: handleBackupConfirmChange, "data-testid": 'delete-account-checkbox' }), jsxRuntime.jsx(Typography.Typography, { className: 'checkbox-text', variant: 'body_small', children: hasEmbeddedWallet
+    return (jsxRuntime.jsx("div", { className: 'delete-account-view', children: jsxRuntime.jsxs("div", { className: 'delete-account-view__content', children: [jsxRuntime.jsx("div", { className: 'warning-section', children: jsxRuntime.jsxs("div", { className: 'warning-icon-container', children: [jsxRuntime.jsx(warningRed.ReactComponent, { className: 'warning-icon' }), jsxRuntime.jsx(exclamation.ReactComponent, { className: 'exclamation-icon' })] }) }), jsxRuntime.jsx("div", { className: 'message-box', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'bold', copykey: 'dyn_settings.delete_account.description', children: t('dyn_settings.delete_account.description') }) }), jsxRuntime.jsxs("div", { className: 'confirmation-section', children: [jsxRuntime.jsxs("div", { className: 'checkbox-container', children: [jsxRuntime.jsx("input", { type: 'checkbox', checked: isBackupConfirmed, onChange: handleBackupConfirmChange, "data-testid": 'delete-account-checkbox' }), jsxRuntime.jsx(Typography.Typography, { className: 'checkbox-text', variant: 'body_small', copykey: hasEmbeddedWallet
+                                        ? 'dyn_settings.delete_account.backup_confirmation_embedded'
+                                        : 'dyn_settings.delete_account.backup_confirmation_no_embedded', children: hasEmbeddedWallet
                                         ? t('dyn_settings.delete_account.backup_confirmation_embedded')
-                                        : t('dyn_settings.delete_account.backup_confirmation_no_embedded') })] }), jsxRuntime.jsxs("div", { className: 'input-section', children: [jsxRuntime.jsx(Typography.Typography, { className: 'input-label', variant: 'body_small', children: t('dyn_settings.delete_account.type_delete') }), jsxRuntime.jsx(Input.Input, { id: 'delete-confirmation', label: t('dyn_settings.delete_account.type_delete_label'), value: confirmText, onChange: handleConfirmTextChange, placeholder: 'DELETE', variant: 'dense', "data-testid": 'delete-account-input' })] }), error && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'error-1', children: error.message }))] }), jsxRuntime.jsxs("div", { className: 'button-group', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'cancel-button', buttonVariant: 'primary', type: 'button', onClick: handleCancel, copykey: 'dyn_settings.delete_account.cancel', children: t('dyn_settings.delete_account.cancel') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'delete-button', buttonVariant: 'danger', type: 'submit', onClick: handleDelete, disabled: !isDeleteEnabled, copykey: 'dyn_settings.delete_account.confirm', children: isLoading
+                                        : t('dyn_settings.delete_account.backup_confirmation_no_embedded') })] }), jsxRuntime.jsxs("div", { className: 'input-section', children: [jsxRuntime.jsx(Typography.Typography, { className: 'input-label', variant: 'body_small', copykey: 'dyn_settings.delete_account.type_delete', children: t('dyn_settings.delete_account.type_delete') }), jsxRuntime.jsx(Input.Input, { id: 'delete-confirmation', label: t('dyn_settings.delete_account.type_delete_label'), value: confirmText, onChange: handleConfirmTextChange, placeholder: 'DELETE', variant: 'dense', "data-testid": 'delete-account-input' })] }), error && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'error-1', children: error.message }))] }), jsxRuntime.jsxs("div", { className: 'button-group', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'cancel-button', buttonVariant: 'primary', type: 'button', onClick: handleCancel, copykey: 'dyn_settings.delete_account.cancel', children: t('dyn_settings.delete_account.cancel') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'delete-button', buttonVariant: 'danger', type: 'submit', onClick: handleDelete, disabled: !isDeleteEnabled, copykey: 'dyn_settings.delete_account.confirm', children: isLoading
                                 ? t('dyn_settings.delete_account.deleting')
                                 : t('dyn_settings.delete_account.confirm') })] })] }) }));
 };

package/src/lib/views/UserDeleteAccountView/UserDeleteAccountView.js CHANGED Viewed

@@ -122,9 +122,11 @@ const UserDeleteAccountView = () => {
     }), [deleteUser, isBackupConfirmed]);
     const isDeleteEnabled = useMemo(() => isBackupConfirmed && confirmText === 'DELETE' && !isLoading, [isBackupConfirmed, confirmText, isLoading]);
     const hasEmbeddedWallet = useMemo(() => user === null || user === void 0 ? void 0 : user.verifiedCredentials.some((wallet) => wallet.walletProvider === WalletProviderEnum.EmbeddedWallet), [user]);
-    return (jsx("div", { className: 'delete-account-view', children: jsxs("div", { className: 'delete-account-view__content', children: [jsx("div", { className: 'warning-section', children: jsxs("div", { className: 'warning-icon-container', children: [jsx(SvgWarningRed, { className: 'warning-icon' }), jsx(SvgExclamation, { className: 'exclamation-icon' })] }) }), jsx("div", { className: 'message-box', children: jsx(Typography, { variant: 'body_normal', weight: 'bold', children: t('dyn_settings.delete_account.description') }) }), jsxs("div", { className: 'confirmation-section', children: [jsxs("div", { className: 'checkbox-container', children: [jsx("input", { type: 'checkbox', checked: isBackupConfirmed, onChange: handleBackupConfirmChange, "data-testid": 'delete-account-checkbox' }), jsx(Typography, { className: 'checkbox-text', variant: 'body_small', children: hasEmbeddedWallet
+    return (jsx("div", { className: 'delete-account-view', children: jsxs("div", { className: 'delete-account-view__content', children: [jsx("div", { className: 'warning-section', children: jsxs("div", { className: 'warning-icon-container', children: [jsx(SvgWarningRed, { className: 'warning-icon' }), jsx(SvgExclamation, { className: 'exclamation-icon' })] }) }), jsx("div", { className: 'message-box', children: jsx(Typography, { variant: 'body_normal', weight: 'bold', copykey: 'dyn_settings.delete_account.description', children: t('dyn_settings.delete_account.description') }) }), jsxs("div", { className: 'confirmation-section', children: [jsxs("div", { className: 'checkbox-container', children: [jsx("input", { type: 'checkbox', checked: isBackupConfirmed, onChange: handleBackupConfirmChange, "data-testid": 'delete-account-checkbox' }), jsx(Typography, { className: 'checkbox-text', variant: 'body_small', copykey: hasEmbeddedWallet
+                                        ? 'dyn_settings.delete_account.backup_confirmation_embedded'
+                                        : 'dyn_settings.delete_account.backup_confirmation_no_embedded', children: hasEmbeddedWallet
                                         ? t('dyn_settings.delete_account.backup_confirmation_embedded')
-                                        : t('dyn_settings.delete_account.backup_confirmation_no_embedded') })] }), jsxs("div", { className: 'input-section', children: [jsx(Typography, { className: 'input-label', variant: 'body_small', children: t('dyn_settings.delete_account.type_delete') }), jsx(Input, { id: 'delete-confirmation', label: t('dyn_settings.delete_account.type_delete_label'), value: confirmText, onChange: handleConfirmTextChange, placeholder: 'DELETE', variant: 'dense', "data-testid": 'delete-account-input' })] }), error && (jsx(Typography, { variant: 'body_small', color: 'error-1', children: error.message }))] }), jsxs("div", { className: 'button-group', children: [jsx(TypographyButton, { buttonClassName: 'cancel-button', buttonVariant: 'primary', type: 'button', onClick: handleCancel, copykey: 'dyn_settings.delete_account.cancel', children: t('dyn_settings.delete_account.cancel') }), jsx(TypographyButton, { buttonClassName: 'delete-button', buttonVariant: 'danger', type: 'submit', onClick: handleDelete, disabled: !isDeleteEnabled, copykey: 'dyn_settings.delete_account.confirm', children: isLoading
+                                        : t('dyn_settings.delete_account.backup_confirmation_no_embedded') })] }), jsxs("div", { className: 'input-section', children: [jsx(Typography, { className: 'input-label', variant: 'body_small', copykey: 'dyn_settings.delete_account.type_delete', children: t('dyn_settings.delete_account.type_delete') }), jsx(Input, { id: 'delete-confirmation', label: t('dyn_settings.delete_account.type_delete_label'), value: confirmText, onChange: handleConfirmTextChange, placeholder: 'DELETE', variant: 'dense', "data-testid": 'delete-account-input' })] }), error && (jsx(Typography, { variant: 'body_small', color: 'error-1', children: error.message }))] }), jsxs("div", { className: 'button-group', children: [jsx(TypographyButton, { buttonClassName: 'cancel-button', buttonVariant: 'primary', type: 'button', onClick: handleCancel, copykey: 'dyn_settings.delete_account.cancel', children: t('dyn_settings.delete_account.cancel') }), jsx(TypographyButton, { buttonClassName: 'delete-button', buttonVariant: 'danger', type: 'submit', onClick: handleDelete, disabled: !isDeleteEnabled, copykey: 'dyn_settings.delete_account.confirm', children: isLoading
                                 ? t('dyn_settings.delete_account.deleting')
                                 : t('dyn_settings.delete_account.confirm') })] })] }) }));
 };

package/src/lib/views/WalletAlreadyExistsView/WalletAlreadyExistsView.cjs CHANGED Viewed

@@ -112,7 +112,7 @@ const WalletAlreadyExistsView = () => {
         deps: [walletConnector],
     });
     const shortenedWalletAddress = shortenWalletAddress.shortenWalletAddress(walletAddress);
-    return (jsxRuntime.jsxs("div", { className: 'wallet-already-exists-view__container', children: [jsxRuntime.jsx("div", { className: 'wallet-already-exists-view__icon', children: jsxRuntime.jsx(walletBook.WalletIcon, { icon: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.metadata.icon, walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, width: 64, height: 64 }) }), jsxRuntime.jsx(Typography.Typography, { className: 'wallet-already-exists-view__shorten-wallet-address', variant: 'body_normal', weight: 'medium', color: 'primary', children: shortenedWalletAddress }), jsxRuntime.jsx(Typography.Typography, { className: 'wallet-already-exists-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular', children: t('dyn_wallet_link.already_exists.description') })] }));
+    return (jsxRuntime.jsxs("div", { className: 'wallet-already-exists-view__container', children: [jsxRuntime.jsx("div", { className: 'wallet-already-exists-view__icon', children: jsxRuntime.jsx(walletBook.WalletIcon, { icon: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.metadata.icon, walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, width: 64, height: 64 }) }), jsxRuntime.jsx(Typography.Typography, { className: 'wallet-already-exists-view__shorten-wallet-address', variant: 'body_normal', weight: 'medium', color: 'primary', children: shortenedWalletAddress }), jsxRuntime.jsx(Typography.Typography, { className: 'wallet-already-exists-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular', copykey: 'dyn_wallet_link.already_exists.description', children: t('dyn_wallet_link.already_exists.description') })] }));
 };
 exports.WalletAlreadyExistsView = WalletAlreadyExistsView;