feat:Speech to text added

apps/amakrushi/lang/en.json

@@ -57,6 +57,8 @@
     "message.review_description": "Please write your experience's feedback.",
     "message.temporarily_down": "We're temporarily down",
     "message.temporarily_down_description": "We are experiencing high user volume at the moment, please try logging in after some time",
+    "message.recorder_wait": "Please wait while we process your request...",
+    "message.recorder_error": "Unable to process your request at the moment. Please try after sometime.",
     "message.dialer_popup":"You may speak to an Ama Krushi expert to get a satisfactory response",
     "error.fail_to_submit":"Failed to submit rating.",
     "error.fail_to_submit_review": "Failed to submit review.",

apps/amakrushi/lang/or.json

@@ -58,6 +58,8 @@
     "message.review_description": "ଦୟାକରି ଆପଣଙ୍କର ଅଭିଜ୍ଞତା ମତାମତ ଲେଖନ୍ତୁ |",
     "message.temporarily_down": "କିଛି ସମୟ ପାଇଁ ସର୍ଭର ଡାଉନ୍ ଅଛି |",
     "message.temporarily_down_description": "ଆମେ ଏହି ମୁହୂର୍ତ୍ତରେ ଉଚ୍ଚ ଉପଭୋକ୍ତା ଏହାକୁ ବ୍ୟବହାର କରୁଥିବା ର‌ ଅନୁଭବ କରୁଛୁ | ଦୟାକରି କିଛି ସମୟ ପରେ ଲଗଇନ୍ କରିବାକୁ ଚେଷ୍ଟା କରନ୍ତୁ|",
+    "message.recorder_wait": "ଆମେ ତୁମର ଅନୁରୋଧ ପ୍ରକ୍ରିୟା କରୁଥିବାବେଳେ ଦୟାକରି ଅପେକ୍ଷା କର...",
+    "message.recorder_error": "ଏହି ସମୟରେ ଆପଣଙ୍କର ଅନୁରୋଧ ପ୍ରକ୍ରିୟାକରଣ କରିବାରେ ଅସମର୍ଥ | ଦୟାକରି କିଛି ସମୟ ପରେ ଚେଷ୍ଟା କରନ୍ତୁ |",
     "message.dialer_popup":"ଏକ ସନ୍ତୋଷଜନକ ପ୍ରତିକ୍ରିୟା ପାଇବା ପାଇଁ ଆପଣ ଆମା କ୍ରୁଶି ବିଶେଷଜ୍ଞଙ୍କ ସହିତ କଥା ହେଇପାରିବେ |",
     "error.fail_to_submit":"ମୂଲ୍ୟାୟନ ଦାଖଲ କରିବାରେ ବିଫଳ |",
     "error.fail_to_submit_review": "ସମୀକ୍ଷା ଦାଖଲ କରିବାରେ ବିଫଳ |",

apps/amakrushi/package.json

@@ -16,13 +16,15 @@
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@magicbell/magicbell-react": "^8.5.3",
+    "@material-ui/core": "^4.12.4",
     "@next/bundle-analyzer": "^13.3.0",
     "@storybook/react": "^6.5.9",
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^10.4.9",
     "@testing-library/user-event": "^12.8.3",
     "@types/jest": "^25.2.3",
     "@types/node": "^12.20.46",
+    "audio-react-recorder": "^1.0.4",
     "axios": "^1.3.5",
     "bootstrap": "^5.1.3",
     "chatui": "*",

apps/amakrushi/src/components/HistoryPage/index.tsx

@@ -32,7 +32,7 @@ const HistoryPage: NextPage = () => {
       })
       .then((res) => {
         const sortedConversations = _.filter(
-          res?.data,
+          res?.data?.userHistory,
           (conv) => conv?.conversationId !== null
         ).sort(
           //@ts-ignore

apps/amakrushi/src/components/HomePage/index.module.css

@@ -47,7 +47,7 @@
 }
 
 .inputBox {
-  height: 36px;
+  height: fit-content;
   display: flex;
   text-align: center;
   position: absolute;
@@ -79,3 +79,4 @@
   border-radius: 40px !important;
   background-color: var(--secondarygreen) !important;
 }
+

apps/amakrushi/src/components/HomePage/index.tsx

@@ -14,6 +14,7 @@ import { logEvent } from 'firebase/analytics';
 import Menu from '../menu';
 import { getInitialMsgs } from '../../utils/textUtility';
 import { AppContext } from '../../context';
+
 import RightIcon from '../../assets/icons/right';
 import sunIcon from '../../assets/icons/sun.svg';
 import reloadIcon from '../../assets/icons/reload.svg';
@@ -23,6 +24,7 @@ import Image from 'next/image';
 import { Button } from '@chakra-ui/react';
 import toast from 'react-hot-toast';
 import { v4 as uuidv4 } from 'uuid';
+import RenderVoiceRecorder from '../recorder/RenderVoiceRecorder';
 
 const HomePage: NextPage = () => {
   const context = useContext(AppContext);
@@ -102,6 +104,9 @@ const HomePage: NextPage = () => {
         })}
         <form onSubmit={(event) => event?.preventDefault()}>
           <div className={styles.inputBox}>
+          <div>
+          <RenderVoiceRecorder setInputMsg={setInputMsg}/>
+          </div>
             <input
               type="text"
               value={inputMsg}
@@ -111,10 +116,12 @@ const HomePage: NextPage = () => {
             <button
               type="submit"
               onClick={() => sendMessage(inputMsg)}
-              className={styles.sendButton}>
+              className={styles.sendButton}
+              >
               {t('label.send')}
             </button>
           </div>
+
         </form>
       </div>
       <Menu />

apps/amakrushi/src/components/PhoneView/ChatWindow/ChatUiWindow.tsx

@@ -16,11 +16,13 @@ import { useLocalization } from '../../../hooks';
 import { getMsgType } from '../../../utils/getMsgType';
 import ChatMessageItem from '../../chat-message-item';
 import { v4 as uuidv4 } from 'uuid';
+import toast from 'react-hot-toast';
+import RenderVoiceRecorder from '../../recorder/RenderVoiceRecorder';
 import DownTimePage from '../../down-time-page';
 
 const ChatUiWindow: React.FC = () => {
   const t = useLocalization();
-  const context = useContext(AppContext);  
+  const context = useContext(AppContext);
 
   useEffect(() => {
     const fetchData = async () => {
@@ -103,7 +105,7 @@ const ChatUiWindow: React.FC = () => {
       })),
     [context?.messages]
   );
-
+console.log("fghj:",{messages:context?.messages})
   const msgToRender = useMemo(() => {
     return context?.isMsgReceiving
       ? [
@@ -120,6 +122,7 @@ const ChatUiWindow: React.FC = () => {
   console.log('debug:', { msgToRender });
 
   const placeholder = useMemo(() => t('message.ask_ur_question'), [t]);
+
   if (context?.isDown) {
     return <DownTimePage />;
   } else

apps/amakrushi/src/components/down-time-page/index.tsx

@@ -27,4 +27,5 @@ function DownTimePage() {
   );
 }
 
-export default DownTimePage;
+export default DownTimePage;
+

apps/amakrushi/src/components/recorder/Model/BenchmarkModel/Benchmark.js

@@ -0,0 +1,16 @@
+import C from '../../../constants';
+
+const action = (updatedState) => {
+    return {
+        type: C.UPDATE_BENCHMARK_FILTER,
+        payload: updatedState
+    }
+};
+
+export const initialSearchFilter = () => {
+    return {
+        type: C.INITIAL_BENCHMARK_FILTER
+    }
+};
+
+export default action;

apps/amakrushi/src/components/recorder/Model/BenchmarkModel/BenchmarkDetails.js

@@ -0,0 +1,50 @@
+/**
+ * BenchmarkDetails API
+ */
+import API from "../../../api";
+import C from "../../../constants";
+import ENDPOINTS from "../../../../../configs/apiendpoints";
+
+export default class BenchmarkDetails extends API {
+  constructor(benchmarkId, timeout = 2000) {
+    super("GET", timeout, false);
+    this.endpoint = `${super.apiEndPointAuto()}${
+      ENDPOINTS.benchmarkDetails
+    }?benchmarkId=${benchmarkId}`;
+    this.type = C.GET_BENCHMARK_DETAILS;
+  }
+
+  toString() {
+    return `${super.toString()} email: ${this.email} token: ${
+      this.token
+    } expires: ${this.expires} userid: ${this.userid}, type: ${this.type}`;
+  }
+
+  processResponse(res) {
+    super.processResponse(res);
+    if (res) {
+      this.report = res;
+    }
+  }
+
+  apiEndPoint() {
+    return this.endpoint;
+  }
+
+  getBody() {
+    return {}
+  }
+
+  getHeaders() {
+    this.headers = {
+      headers: {
+        "Content-Type": "application/json",
+      },
+    };
+    return this.headers;
+  }
+
+  getPayload() {
+    return this.report;
+  }
+}

apps/amakrushi/src/components/recorder/Model/BenchmarkModel/SearchBenchmark.js

@@ -0,0 +1,68 @@
+/**
+ * Model Search API
+ */
+import API from "../../../api";
+import C from "../../../constants";
+import CONFIGS from "../../../../../configs/configs";
+import ENDPOINTS from "../../../../../configs/apiendpoints";
+import md5 from 'md5';
+
+export default class SearchModel extends API {
+    constructor(task = "translation", sourceLanguage = null, targetLanguage = [], domain = 'All', submitter = 'All', timeout = 2000) {
+        super("POST", timeout, false);
+        this.task = task;
+        this.sourceLanguage = sourceLanguage;
+        this.targetLanguage = targetLanguage;
+        this.domain = domain;
+        this.submitter = submitter
+        this.endpoint = `${super.apiEndPointAuto()}${ENDPOINTS.benchmarkModelSearch}`;
+        this.userDetails = JSON.parse(localStorage.getItem('userInfo'));
+        this.type = C.BENCHMARK_MODEL_SEARCH;
+    }
+
+    toString() {
+        return `${super.toString()} email: ${this.email} token: ${this.token} expires: ${this.expires} userid: ${this.userid}, type: ${this.type}`;
+    }
+
+
+
+    processResponse(res) {
+        super.processResponse(res);
+        if (res) {
+            this.report = res.data;
+        }
+    }
+
+    apiEndPoint() {
+        return this.endpoint;
+    }
+
+    getBody() {
+        let bodyData = {
+            task: this.task,
+            sourceLanguage: this.sourceLanguage,
+            targetLanguage: this.targetLanguage,
+            domain: this.domain,
+            submitter: this.submitter
+        }
+        bodyData.userId = localStorage.getItem('userDetails') && JSON.parse(localStorage.getItem('userDetails')).userID
+        return bodyData;
+    }
+
+
+    getHeaders() {
+        this.headers = {
+            headers: {
+                "Content-Type": "application/json",
+
+            }
+        };
+        return this.headers;
+    }
+
+
+    getPayload() {
+        return this.report;
+
+    }
+}

apps/amakrushi/src/components/recorder/Model/ModelSearch/Benchmark.js

@@ -0,0 +1,16 @@
+import C from '../../../constants';
+
+const action = (updatedState) => {
+    return {
+        type: C.UPDATE_SEARCH_FILTER,
+        payload: updatedState
+    }
+};
+
+export const initialSearchFilter = () => {
+    return {
+        type: C.INITIAL_SEARCH_FILTER
+    }
+};
+
+export default action;

apps/amakrushi/src/components/recorder/Model/ModelSearch/BenchmarkTable.js

@@ -0,0 +1,54 @@
+/**
+ * Model Search API
+ */
+import API from "../../../api";
+import C from "../../../constants";
+import CONFIGS from "../../../../../configs/configs";
+import ENDPOINTS from "../../../../../configs/apiendpoints";
+import md5 from 'md5';
+
+export default class SearchModel extends API {
+    constructor(modelId, timeout = 2000) {
+        super("GET", timeout, false);
+        this.endpoint = `${super.apiEndPointAuto()}${ENDPOINTS.benchmarkTable}?modelId=${modelId}`;
+        this.type = C.BENCHMARK_TABLE;
+    }
+
+    toString() {
+        return `${super.toString()} email: ${this.email} token: ${this.token} expires: ${this.expires} userid: ${this.userid}, type: ${this.type}`;
+    }
+
+
+
+    processResponse(res) {
+        super.processResponse(res);
+        if (res) {
+            this.report = res;
+        }
+    }
+
+    apiEndPoint() {
+        return this.endpoint;
+    }
+
+    getBody() {
+        return {};
+    }
+
+
+    getHeaders() {
+        this.headers = {
+            headers: {
+                "Content-Type": "application/json",
+
+            }
+        };
+        return this.headers;
+    }
+
+
+    getPayload() {
+        return this.report;
+
+    }
+}