From 0293df917317d262b71459a66c26b6634ecf36aa Mon Sep 17 00:00:00 2001
From: Shanks0465 <umashanks99@gmail.com>
Date: Fri, 20 Dec 2024 20:30:33 +0530
Subject: [PATCH 1/3] Added New XLIT API

---
 frontend/components/TryOut/NMT.tsx  | 1 +
 frontend/components/TryOut/TTS.tsx  | 1 +
 frontend/components/TryOut/XLIT.tsx | 1 +
 3 files changed, 3 insertions(+)

diff --git a/frontend/components/TryOut/NMT.tsx b/frontend/components/TryOut/NMT.tsx
index 65cd3c2..8c441f5 100644
--- a/frontend/components/TryOut/NMT.tsx
+++ b/frontend/components/TryOut/NMT.tsx
@@ -157,6 +157,7 @@ export default function NMT({ services }: { services: any }) {
           </VStack>
           <VStack w={"full"}>
             <IndicTransliterate
+              customApiURL="https://xlit-api1.ai4bharat.org/tl/"
               enabled={sourceLanguage !== "en" && transliteration}
               renderComponent={(props) => <Textarea {...props} />}
               value={inputText}
diff --git a/frontend/components/TryOut/TTS.tsx b/frontend/components/TryOut/TTS.tsx
index c3208d8..ed6ef0b 100644
--- a/frontend/components/TryOut/TTS.tsx
+++ b/frontend/components/TryOut/TTS.tsx
@@ -172,6 +172,7 @@ export default function TTS({ services }: { services: any }) {
           </VStack>
           <VStack w={"full"}>
             <IndicTransliterate
+              customApiURL="https://xlit-api1.ai4bharat.org/tl/"
               enabled={sourceLanguage !== "en" && transliteration}
               renderComponent={(props) => <Textarea w={344} {...props} />}
               value={inputText}
diff --git a/frontend/components/TryOut/XLIT.tsx b/frontend/components/TryOut/XLIT.tsx
index c6035da..a8c72b9 100644
--- a/frontend/components/TryOut/XLIT.tsx
+++ b/frontend/components/TryOut/XLIT.tsx
@@ -128,6 +128,7 @@ export default function XLIT({ services }: { services: any }) {
           </VStack>
           <VStack w={"full"}>
             <IndicTransliterate
+              customApiURL="https://xlit-api1.ai4bharat.org/tl/"
               enabled={sourceLanguage !== "en"}
               renderComponent={(props) => <Textarea {...props} />}
               value={inputText}

From 11426748082d9e27047a7283df9c91bbb2327c2e Mon Sep 17 00:00:00 2001
From: Shanks0465 <umashanks99@gmail.com>
Date: Fri, 20 Dec 2024 20:38:27 +0530
Subject: [PATCH 2/3] Added New XLIT API

---
 frontend/components/TryOut/NMT.tsx  | 2 +-
 frontend/components/TryOut/TTS.tsx  | 2 +-
 frontend/components/TryOut/XLIT.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/components/TryOut/NMT.tsx b/frontend/components/TryOut/NMT.tsx
index 8c441f5..0752f15 100644
--- a/frontend/components/TryOut/NMT.tsx
+++ b/frontend/components/TryOut/NMT.tsx
@@ -157,7 +157,7 @@ export default function NMT({ services }: { services: any }) {
           </VStack>
           <VStack w={"full"}>
             <IndicTransliterate
-              customApiURL="https://xlit-api1.ai4bharat.org/tl/"
+              customApiURL={"https://xlit-api1.ai4bharat.org/tl/"}
               enabled={sourceLanguage !== "en" && transliteration}
               renderComponent={(props) => <Textarea {...props} />}
               value={inputText}
diff --git a/frontend/components/TryOut/TTS.tsx b/frontend/components/TryOut/TTS.tsx
index ed6ef0b..49b31bf 100644
--- a/frontend/components/TryOut/TTS.tsx
+++ b/frontend/components/TryOut/TTS.tsx
@@ -172,7 +172,7 @@ export default function TTS({ services }: { services: any }) {
           </VStack>
           <VStack w={"full"}>
             <IndicTransliterate
-              customApiURL="https://xlit-api1.ai4bharat.org/tl/"
+              customApiURL={"https://xlit-api1.ai4bharat.org/tl/"}
               enabled={sourceLanguage !== "en" && transliteration}
               renderComponent={(props) => <Textarea w={344} {...props} />}
               value={inputText}
diff --git a/frontend/components/TryOut/XLIT.tsx b/frontend/components/TryOut/XLIT.tsx
index a8c72b9..e7d0145 100644
--- a/frontend/components/TryOut/XLIT.tsx
+++ b/frontend/components/TryOut/XLIT.tsx
@@ -128,7 +128,7 @@ export default function XLIT({ services }: { services: any }) {
           </VStack>
           <VStack w={"full"}>
             <IndicTransliterate
-              customApiURL="https://xlit-api1.ai4bharat.org/tl/"
+              customApiURL={"https://xlit-api1.ai4bharat.org/tl/"}
               enabled={sourceLanguage !== "en"}
               renderComponent={(props) => <Textarea {...props} />}
               value={inputText}

From d077119f801db2384fd79678c91dc345721cce15 Mon Sep 17 00:00:00 2001
From: Shanks0465 <umashanks99@gmail.com>
Date: Fri, 20 Dec 2024 22:08:16 +0530
Subject: [PATCH 3/3] Custom XLIT Component

---
 frontend/components/TryOut/NMT.tsx  | 14 ++++++++++++--
 frontend/components/TryOut/TTS.tsx  | 14 ++++++++++++--
 frontend/components/TryOut/XLIT.tsx | 14 ++++++++++++--
 3 files changed, 36 insertions(+), 6 deletions(-)

diff --git a/frontend/components/TryOut/NMT.tsx b/frontend/components/TryOut/NMT.tsx
index 0752f15..76af935 100644
--- a/frontend/components/TryOut/NMT.tsx
+++ b/frontend/components/TryOut/NMT.tsx
@@ -1,6 +1,9 @@
 "use client";
 import { API_URL, LANGUAGE_CODE_NAMES } from "@/app/config";
-import { IndicTransliterate } from "@ai4bharat/indic-transliterate";
+import {
+  IndicTransliterate,
+  IndicTransliterateProps,
+} from "@ai4bharat/indic-transliterate";
 import {
   Button,
   Card,
@@ -52,6 +55,13 @@ interface LanguageCodeNames {
   [key: string]: string;
 }
 
+interface CustomIndicTransliterateProps extends IndicTransliterateProps {
+  customApiURL?: string;
+}
+
+const CustomIndicTransliterate =
+  IndicTransliterate as React.ComponentType<CustomIndicTransliterateProps>;
+
 export default function NMT({ services }: { services: any }) {
   const [service, setService] = useState(Object.keys(services)[0]);
   const [sourceLanguage, setSourceLanguage] = useState(
@@ -156,7 +166,7 @@ export default function NMT({ services }: { services: any }) {
             </VStack>
           </VStack>
           <VStack w={"full"}>
-            <IndicTransliterate
+            <CustomIndicTransliterate
               customApiURL={"https://xlit-api1.ai4bharat.org/tl/"}
               enabled={sourceLanguage !== "en" && transliteration}
               renderComponent={(props) => <Textarea {...props} />}
diff --git a/frontend/components/TryOut/TTS.tsx b/frontend/components/TryOut/TTS.tsx
index 49b31bf..4158f6f 100644
--- a/frontend/components/TryOut/TTS.tsx
+++ b/frontend/components/TryOut/TTS.tsx
@@ -18,7 +18,10 @@ import {
 import { LANGUAGE_CODE_NAMES } from "@/app/config";
 import axios from "axios";
 import { API_URL } from "@/app/config";
-import { IndicTransliterate } from "@ai4bharat/indic-transliterate";
+import {
+  IndicTransliterate,
+  IndicTransliterateProps,
+} from "@ai4bharat/indic-transliterate";
 import { useToast } from "@chakra-ui/react";
 import Feedback from "../Feedback";
 
@@ -58,6 +61,13 @@ interface LanguageCodeNames {
   [key: string]: string;
 }
 
+interface CustomIndicTransliterateProps extends IndicTransliterateProps {
+  customApiURL?: string;
+}
+
+const CustomIndicTransliterate =
+  IndicTransliterate as React.ComponentType<CustomIndicTransliterateProps>;
+
 export default function TTS({ services }: { services: any }) {
   const [service, setService] = useState(Object.keys(services)[0]);
   const [sourceLanguage, setSourceLanguage] = useState(
@@ -171,7 +181,7 @@ export default function TTS({ services }: { services: any }) {
             </VStack>
           </VStack>
           <VStack w={"full"}>
-            <IndicTransliterate
+            <CustomIndicTransliterate
               customApiURL={"https://xlit-api1.ai4bharat.org/tl/"}
               enabled={sourceLanguage !== "en" && transliteration}
               renderComponent={(props) => <Textarea w={344} {...props} />}
diff --git a/frontend/components/TryOut/XLIT.tsx b/frontend/components/TryOut/XLIT.tsx
index e7d0145..81884f3 100644
--- a/frontend/components/TryOut/XLIT.tsx
+++ b/frontend/components/TryOut/XLIT.tsx
@@ -16,7 +16,10 @@ import {
   useToast,
 } from "@chakra-ui/react";
 import { LANGUAGE_CODE_NAMES } from "@/app/config";
-import { IndicTransliterate } from "@ai4bharat/indic-transliterate";
+import {
+  IndicTransliterate,
+  IndicTransliterateProps,
+} from "@ai4bharat/indic-transliterate";
 import axios from "axios";
 import { API_URL } from "@/app/config";
 
@@ -24,6 +27,13 @@ interface LanguageCodeNames {
   [key: string]: string;
 }
 
+interface CustomIndicTransliterateProps extends IndicTransliterateProps {
+  customApiURL?: string;
+}
+
+const CustomIndicTransliterate =
+  IndicTransliterate as React.ComponentType<CustomIndicTransliterateProps>;
+
 const fetchTransliteration = async ({
   sourceLanguage,
   targetLanguage,
@@ -127,7 +137,7 @@ export default function XLIT({ services }: { services: any }) {
             </Select> */}
           </VStack>
           <VStack w={"full"}>
-            <IndicTransliterate
+            <CustomIndicTransliterate
               customApiURL={"https://xlit-api1.ai4bharat.org/tl/"}
               enabled={sourceLanguage !== "en"}
               renderComponent={(props) => <Textarea {...props} />}