clarify types of PDFPasswordForm

Expensify · Dec 6, 2023 · 9ad9d67 · 9ad9d67
1 parent ea3c5c0
commit 9ad9d67
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/PDFPasswordForm.tsx b/src/PDFPasswordForm.tsx
@@ -7,9 +7,9 @@ import {isSafari} from './helpers';
 type Props = {
     isPasswordInvalid: boolean;
     isFocused: boolean;
-    onSubmit: (password: string) => void;
-    onPasswordChange: (password: string) => void;
-    onPasswordFieldFocus: (isFocused: boolean) => void;
+    onSubmit?: (password: string) => void;
+    onPasswordChange?: (password: string) => void;
+    onPasswordFieldFocus?: (isFocused: boolean) => void;
 };
 
 const propTypes = {
@@ -59,7 +59,7 @@ function PDFPasswordForm({isPasswordInvalid, isFocused, onSubmit, onPasswordChan
         const newPassword = event.target.value;
 
         setPassword(newPassword);
-        onPasswordChange(newPassword);
+        onPasswordChange?.(newPassword);
         setValidationErrorText('');
     };
 
@@ -82,7 +82,7 @@ function PDFPasswordForm({isPasswordInvalid, isFocused, onSubmit, onPasswordChan
             return;
         }
 
-        onSubmit(password);
+        onSubmit?.(password);
     };
 
     const validateAndNotifyPasswordBlur = () => {
@@ -137,7 +137,7 @@ function PDFPasswordForm({isPasswordInvalid, isFocused, onSubmit, onPasswordChan
                         // eslint-disable-next-line jsx-a11y/no-autofocus
                         autoFocus={isFocused}
                         type="password"
-                        onFocus={() => onPasswordFieldFocus(true)}
+                        onFocus={() => onPasswordFieldFocus?.(true)}
                         onBlur={validateAndNotifyPasswordBlur}
                         onChange={updatePassword}
                     />