[ADDED] onpaste checking in username (#425)

Signed-off-by: Zeeshan Mehboob <[email protected]>
mosip · Nov 14, 2024 · a066bed · a066bed
1 parent 4935d62
commit a066bed
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/signup-ui/src/pages/ResetPasswordPage/UserInfo/UserInfo.tsx b/signup-ui/src/pages/ResetPasswordPage/UserInfo/UserInfo.tsx
@@ -1,5 +1,6 @@
 import {
   ChangeEvent,
+  ClipboardEvent,
   KeyboardEvent,
   MouseEvent,
   useCallback,
@@ -122,6 +123,18 @@ export const UserInfo = ({ settings, methods }: UserInfoProps) => {
       settings.response.configs["identifier.allowed.characters"]
     );
 
+  // checking clipboard data with regex, before pasting it into the input field
+  const handleUsernamePaste = (event: ClipboardEvent<HTMLInputElement>) => {
+    const allowedCharsRegex = new RegExp(
+      settings.response.configs["identifier.allowed.characters"],
+      "g"
+    );
+
+    if (!allowedCharsRegex.test(event.clipboardData.getData("text/plain"))) {
+      event.preventDefault();
+    }
+  };
+
   const handleFullNameInput = (
     event: ChangeEvent<HTMLInputElement>,
     field: ControllerRenderProps<FieldValues, "fullname">
@@ -278,6 +291,7 @@ export const UserInfo = ({ settings, methods }: UserInfoProps) => {
                                   "identifier.length.max"
                                 ]
                               }
+                              onPaste={handleUsernamePaste}
                               onKeyUp={handleUsernameInput}
                               onKeyDown={handleUsernameInput}
                               disabled={resendOtp}