fix: add button type and on submit handler (#1041)

Author: Lucas

packages/core/src/ui/components/Account/EnableAccountPasswordPrompt/EnableAccountPasswordPrompt.tsx

@@ -78,6 +78,10 @@ export const EnableAccountPasswordPrompt = ({
             label={translations.passwordPlaceholder}
             data-testid="enable-account-password-input"
             onChange={(e) => setCurrentPassword(e.target.value)}
+            onSubmit={(event): void => {
+              event.preventDefault();
+              onConfirm(Buffer.from(currentPassword));
+            }}
             errorMessage={wasPasswordIncorrect ? translations.wrongPassword : undefined}
             rootStyle={{ width: '100%' }}
           />

packages/ui/src/design-system/password-box/password-box-button.component.tsx

@@ -18,7 +18,12 @@ export const PasswordInputButton = ({
   isPasswordVisible,
 }: Readonly<PasswordBoxButtonProps>): JSX.Element => {
   return (
-    <button className={cx.inputButton} onClick={onClick} disabled={disabled}>
+    <button
+      type="button"
+      className={cx.inputButton}
+      onClick={onClick}
+      disabled={disabled}
+    >
       {isPasswordVisible ? (
         <CloseEye
           className={cn(cx.inputButtonIcon, {

packages/ui/src/design-system/password-box/password-box.component.tsx

@@ -8,14 +8,16 @@ import type { PasswordInputProps } from './password-box-input.component';
 
 export interface PasswordBoxProps extends PasswordInputProps {
   rootStyle?: React.CSSProperties;
+  onSubmit: (event: Readonly<React.FormEvent>) => void;
 }
 
 export const PasswordBox = ({
   rootStyle,
+  onSubmit,
   ...props
 }: Readonly<PasswordBoxProps>): JSX.Element => {
   return (
-    <Form.Root style={rootStyle}>
+    <Form.Root style={rootStyle} onSubmit={onSubmit}>
       <PasswordInput {...props} />
     </Form.Root>
   );