Merge pull request #1057 from AI4Bharat/noise-tags-master

src/ui/pages/container/CL-Transcription/TranscriptionRightPanel.jsx

@@ -156,6 +156,7 @@ const TranscriptionRightPanel = ({
   const textRefs = useRef([]);
   const [currentTextRefIdx, setCurrentTextRefIdx] = useState(null);
   const [currentSelection, setCurrentSelection] = useState(null);
+  const langDictSet = new Set(langDict[targetlang]);
 
   useEffect(() => {
     currentPageData?.length && (textRefs.current = textRefs.current.slice(0, (showAcousticText ? 2 : 1) * currentPageData.length));
@@ -204,6 +205,57 @@ const TranscriptionRightPanel = ({
         .querySelector(`#sub_${currentIndex}`)
         ?.scrollIntoView(true, { block: "start" });
     }
+
+    if (currentIndex > startIndex) {
+      const copySub = [...subtitles];
+      let sub = copySub[currentIndex - 1]
+      let replacedValue = sub.text.replace(/\[[a-zA-Z]\]/g, '');
+      let splitText = replacedValue.split(" ");
+      let invalidCharFlag = 0;
+      splitText.slice(0, -1).forEach((e) => {
+        if (RegExp("\<[a-zA-Z\s,_]+\>").test(e)) {
+          if (e.length > 2) {
+            if (!TabsSuggestionData.includes(e.slice(1, -1))) {
+              invalidCharFlag = 1;
+            }
+          } else {
+            invalidCharFlag = 1;
+          }
+        }else{
+          let wordSet = new Set(e);
+          if (([...wordSet].every(char => langDictSet.has(char))) === false) {
+            invalidCharFlag = 1;
+          }
+        }
+      });
+      if(sub.acoustic_normalised_text.length > 0){
+        let replacedANValue = sub.acoustic_normalised_text.replace(/\[[a-zA-Z]\]/g, '');
+        let splitANText = replacedANValue.split(" ");
+        splitANText.slice(0, -1).forEach((e) => {
+          if (RegExp("\<[a-zA-Z\s,_]+\>").test(e)) {
+            if (e.length > 2) {
+              if (!TabsSuggestionData.includes(e.slice(1, -1))) {
+                invalidCharFlag = 1;
+              }
+            } else {
+              invalidCharFlag = 1;
+            }
+          } else {
+            let wordSet = new Set(e);
+            if (([...wordSet].every(char => langDictSet.has(char))) === false) {
+              invalidCharFlag = 1;
+            }
+          }
+        });
+      }
+      if (invalidCharFlag) {
+        setSnackbarInfo({
+          open: true,
+          message: "Characters belonging to other language are used",
+          variant: "error",
+        });
+      }
+    }
   }, [currentIndex]);
 
   useEffect(() => {
@@ -313,26 +365,6 @@ const TranscriptionRightPanel = ({
       currentTarget,
     } = event;
 
-    let langDictSet = new Set(langDict[targetlang]);
-    let langDictSetEn = new Set(langDict["en"]);
-
-    let splitText = value.split(" ");
-    let invalidCharFlag = 0;
-    splitText.forEach((e, i) => {
-        // splitText[i] = [...e].map(char => (langDictSet.has(char) || langDictSetEn.has(char)) ? char : '').join('');
-        if(([...e].map(char => (langDictSet.has(char) || langDictSetEn.has(char)) ? 1 : 0).join('')).search(0) !== -1){
-          invalidCharFlag = 1;
-        }
-    });
-
-    if(invalidCharFlag){
-      setSnackbarInfo({
-        open: true,
-        message: "Characters belonging to other language are used",
-        variant: "error",
-      });
-    }
-
     const containsTripleDollar = value.includes("$$$");
 
     // setEnableTransliterationSuggestion(true);