feat(ProjectCreateForm): added the ability to enter vowels in the pro…

…ject key

src/components/KeyInput.tsx

@@ -65,7 +65,7 @@ const KeyInput: React.FC<KeyInputProps> = ({
 
     const onInputChange = useCallback(
         (e: React.ChangeEvent<HTMLInputElement>) => {
-            const newValue = keyPredictor(e.target.value);
+            const newValue = keyPredictor(e.target.value, { allowVowels: true });
             setInputState(newValue);
 
             onDirty?.();

src/utils/keyPredictor.ts

@@ -1,9 +1,12 @@
-export const keyPredictor = (str: string) =>
-    str
-        .trim()
-        // eslint-disable-next-line no-control-regex
-        .replace(/[^\x00-\x7F]/g, '')
-        // eslint-disable-next-line no-useless-escape
-        .replace(/[aeiou `~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]|/gi, '')
-        .toUpperCase()
-        .slice(0, 10);
+export const keyPredictor = (str: string, { allowVowels } = { allowVowels: false }) => {
+    // eslint-disable-next-line no-control-regex
+    let key = str.trim().replace(/[^\x00-\x7F]/g, '');
+
+    key = allowVowels
+        ? // eslint-disable-next-line no-useless-escape
+          key.replace(/[`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]|/gi, '')
+        : // eslint-disable-next-line no-useless-escape
+          key.replace(/[aeiouy `~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]|/gi, '');
+
+    return key.toUpperCase().slice(0, 10);
+};