Add check for most common passwords

frontend/src/components/signup/UserInfoStep.tsx

@@ -19,6 +19,7 @@ import { deriveArgonKey } from '../utilities/cryptography/crypto';
 import { saveTokenToLocalStorage } from '../utilities/saveTokenToLocalStorage';
 import SecurityClient from '../utilities/SecurityClient';
 import { Button, Input } from '../v2';
+import { useGetCommonPasswords } from '@app/hooks/api';
 
 // eslint-disable-next-line new-cap
 const client = new jsrp.client();
@@ -72,6 +73,7 @@ export default function UserInfoStep({
   setAttributionSource,
   providerAuthToken,
 }: UserInfoStepProps): JSX.Element {
+  const { data: commonPasswords } = useGetCommonPasswords();
   const [nameError, setNameError] = useState(false);
   const [organizationNameError, setOrganizationNameError] = useState(false);
   const [passwordErrorLength, setPasswordErrorLength] = useState(false);
@@ -103,6 +105,7 @@ export default function UserInfoStep({
     
     errorCheck = checkPassword({
       password,
+      commonPasswords,
       setErrors
     });
 

frontend/src/components/utilities/checks/checkPassword.ts

@@ -5,10 +5,12 @@ type Errors = {
     number?: string,
     specialChar?: string,
     repeatedChar?: string,
+    commonPassword?: string
   };
 
 interface CheckPasswordParams {
     password: string;
+    commonPasswords: string[];
     setErrors: (value: Errors) => void;
 }
 
@@ -30,6 +32,7 @@ interface CheckPasswordParams {
  */
 const checkPassword = ({
     password,
+    commonPasswords,
     setErrors
 }: CheckPasswordParams): boolean => {
     let errors: Errors = {}; 
@@ -58,6 +61,10 @@ const checkPassword = ({
         errors.repeatedChar = "No 3 repeat, consecutive characters";
     }
     
+    if (commonPasswords.includes(password)) {
+        errors.commonPassword = "No common passwords"; 
+    }
+    
     setErrors(errors);
     return Object.keys(errors).length > 0;
 }