Removed tts for prod

apps/amakrushi/lang/en.json

@@ -58,6 +58,7 @@
     "message.review_submitted": "Review Submitted!",
     "message.didnt_receive": "Didn't receive the OTP?",
     "message.resend_again": "Resend again",
+    "message.shareUrl_android_error" : "Share feature coming soon, please download pdf to share",
     "message.coming_soon" : "Coming Soon!",
     "message.coming_soon_description" : "We are going to launch this feature very soon. Stay tuned!",
     "message.dial_description" : "To connect with call centre",

apps/amakrushi/lang/or.json

@@ -59,6 +59,7 @@
     "message.wait_minutes": "ଗୋଟିଏ ଥର ପାସୱାର୍ଡ ପଠାଇବା ପୂର୍ବରୁ ଦୟାକରି {countdown} ସେକେଣ୍ଡ ଅପେକ୍ଷା କରନ୍ତୁ |",
     "message.resend_again":"ପୁନର୍ବାର ପଠାନ୍ତୁ |",
     "message.didnt_receive": "ଗୋଟିଏ ଥର ପାସୱାର୍ଡ ଗ୍ରହଣ କରିନାହାଁନ୍ତି କି?",
+    "message.shareUrl_android_error" : "ଶେୟାର୍ ଫିଚର୍ ଶୀଘ୍ର ଆସୁଛି, ଦୟାକରି ଶେୟାର୍ କରିବାକୁ pdf ଡାଉନଲୋଡ୍ କରନ୍ତୁ",
     "message.coming_soon" : "ଶୀଘ୍ର ଆସୁଅଛି!",
     "message.coming_soon_description" : "ଆମେ ଖୁବ୍ ଶୀଘ୍ର ଏହି ଫିଚର ଲଞ୍ଚ କରିବାକୁ ଯାଉଛୁ , ଶୁଣୁ ଥାନ୍ତୁ",
     "message.dial_description" : "କଲ୍ ସେଣ୍ଟର ସହିତ ସଂଯୋଗ କରିବାକୁ |",

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

@@ -135,7 +135,7 @@ const HistoryPage: NextPage = () => {
         error.message ===
         "Cannot read properties of undefined (reading 'shareUrl')"
       ) {
-        toast.success(`${t('message.coming_soon')}`);
+        toast.success(`${t('message.shareUrl_android_error')}`);
       } else toast.error(error.message);
 
       console.error(error);

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

@@ -66,6 +66,7 @@
   text-align: left;
   font-size: 14px;
   font-weight: bold;
+  margin-top: 2px;
 }
 
 .keyboard{

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

@@ -4,6 +4,7 @@ import React, {
   useContext,
   useEffect,
   useMemo,
+  useRef,
   useState,
 } from 'react';
 import { NextPage } from 'next';
@@ -46,6 +47,9 @@ const HomePage: NextPage = () => {
   const [inputMsg, setInputMsg] = useState('');
   const [showExampleMessages, setShowExampleMessages] = useState(false);
   const [showChatBox, setShowChatBox] = useState(false);
+  const voiceRecorderRef = useRef(null);
+  const exampleMessagesRef = useRef(null);
+  const chatBoxButton = useRef(null);
 
   // Show chatbox when audio recorder sends input message
   useEffect(() => {
@@ -97,14 +101,39 @@ const HomePage: NextPage = () => {
     setShowExampleMessages(inputValue.length === 0);
   };
 
+  const handleDocumentClick = useCallback((event: any) => {
+    const target = event.target;
+
+    // Check if clicked outside voiceRecorder and exampleMessages
+    if (
+      //@ts-ignore
+      !voiceRecorderRef.current?.contains(target) &&
+      //@ts-ignore
+      !chatBoxButton.current?.contains(target) &&
+      //@ts-ignore
+      !exampleMessagesRef.current?.contains(target)
+    ) {
+      setShowExampleMessages(false);
+      // setShowChatBox(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    document.addEventListener('click', handleDocumentClick);
+
+    return () => {
+      document.removeEventListener('click', handleDocumentClick);
+    };
+  }, [handleDocumentClick]);
+
   if (context?.isDown) {
     return <DownTimePage />;
   } else
     return (
       <>
-        <div className={styles.main}>
+        <div className={styles.main} onClick={handleDocumentClick}>
           <div className={styles.title}>{t('label.ask_me')}</div>
-          <div className={styles.voiceRecorder}>
+          <div className={styles.voiceRecorder} ref={voiceRecorderRef}>
             <RenderVoiceRecorder setInputMsg={setInputMsg} />
           </div>
           <div
@@ -113,14 +142,15 @@ const HomePage: NextPage = () => {
               (showExampleMessages
                 ? ` ${styles.visible}`
                 : ` ${styles.invisible}`)
-            }>
+            }
+            ref={exampleMessagesRef}>
             {messages?.[0]?.payload?.buttonChoices?.map((choice: any) => {
               return (
                 <button
-                  onClick={() => {
-                    sendMessage(choice.text);
-                    console.log('clicked');
-                  }}
+                  // onClick={() => {
+                  //   sendMessage(choice.text);
+                  //   console.log('clicked');
+                  // }}
                   className={styles.buttonChoice}
                   key={choice.key}>
                   <Image
@@ -131,16 +161,17 @@ const HomePage: NextPage = () => {
                     style={{ marginRight: '2px' }}
                   />
                   {choice.text}
-                  <div className={styles.rightIcon}>
+                  {/* <div className={styles.rightIcon}>
                     <RightIcon width="35px" color="var(--secondarygreen)" />
-                  </div>
+                  </div> */}
                 </button>
               );
             })}
           </div>
 
           <form onSubmit={(event) => event?.preventDefault()}>
             <div
+              ref={chatBoxButton}
               className={`${
                 showChatBox
                   ? `${styles.inputBox} ${styles.inputBoxOpen}`

apps/amakrushi/src/components/LoginPage/LoginPage.tsx

@@ -64,7 +64,7 @@ const LoginPage: React.FC = () => {
       <div className={styles.title}>{t("label.title")}</div>
 
       <div className={styles.body}>
-        <h1>{t("label.welcome")}</h1>
+        {/* <h1>{t("label.welcome")}</h1> */}
 
         {/* <RadioGroup onChange={setValue} value={value}>
           <Radio value="1">{t("label.farmer")}</Radio>

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

@@ -108,7 +108,7 @@ function NavBar() {
         error.message ===
         "Cannot read properties of undefined (reading 'shareUrl')"
       ) {
-        toast.success(`${t('message.coming_soon')}`);
+        toast.success(`${t('message.shareUrl_android_error')}`);
       } else toast.error(error.message);
 
       console.error(error);
@@ -122,6 +122,7 @@ function NavBar() {
     }
     const newConversationId = uuidv4();
     sessionStorage.setItem('conversationId', newConversationId);
+    if(context?.audioElement) context?.audioElement.pause();
     context?.setConversationId(newConversationId);
     context?.setMessages([]);
     context?.setIsMsgReceiving(false);

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

@@ -69,7 +69,7 @@ const ChatUiWindow: React.FC = () => {
   }, [context?.setMessages, context?.fetchIsDown, context?.isDown]);
 
   const normalizedChat = (chats: any): any => {
-    console.log('in normalized');
+    console.log('in normalized', chats);
     const conversationId = sessionStorage.getItem('conversationId');
     const history = chats
       .filter(
@@ -91,6 +91,7 @@ const ChatUiWindow: React.FC = () => {
             reaction: item.reaction,
             msgId: item.id,
             messageId: item.id,
+            audio_url: item.audioURL
           },
         ].filter(Boolean)
       );

apps/amakrushi/src/components/chat-message-item/index.module.css

@@ -39,7 +39,7 @@
 
 .msgFeedback {
   display: flex;
-  align-items: center;
+  align-items: flex-end;
   width: fit-content;
 }
 
@@ -109,3 +109,17 @@
   margin: 1px 5px;
   padding: 2px 8px;
 }
+
+.msgSpeaker{
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  background-color: white;
+  height: 26px;
+  width: 40px;
+  border: 1px solid var(--secondarygreen);
+  border-radius: 30px;
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+  margin-left: auto;
+  margin-right: 3rem;
+}

apps/amakrushi/src/components/chat-message-item/index.tsx

@@ -25,7 +25,7 @@ import styles from './index.module.css';
 import { analytics } from '../../utils/firebase';
 import { logEvent } from 'firebase/analytics';
 import RightIcon from '../../assets/icons/right.jsx';
-import CopyText from '../../assets/icons/copy-text.svg';
+import SpeakerIcon from '../../assets/icons/speaker.svg';
 import MsgThumbsUp from '../../assets/icons/msg-thumbs-up.jsx';
 import MsgThumbsDown from '../../assets/icons/msg-thumbs-down.jsx';
 import { AppContext } from '../../context';
@@ -155,6 +155,15 @@ const ChatMessageItem: FC<ChatMessageItemPropType> = ({
     [context, t]
   );
 
+  const handleAudio = (url: any) => {
+    // console.log(url)
+    if(url === ''){
+      toast.error('No audio');
+      return;
+    }
+    context?.playAudio(url);
+  }
+
   const { content, type } = message;
   // console.log('#-debug:', content);
   switch (type) {
@@ -189,10 +198,7 @@ const ChatMessageItem: FC<ChatMessageItemPropType> = ({
             <div
               style={{
                 display: 'flex',
-                justifyContent:
-                  content?.data?.position === 'left'
-                    ? 'space-between'
-                    : 'flex-end',
+                justifyContent: 'flex-end',
               }}>
               {content?.data?.position === 'left' &&
                 flags?.show_msg_id?.enabled && (
@@ -241,6 +247,7 @@ const ChatMessageItem: FC<ChatMessageItemPropType> = ({
             </div>
           ) : (
             content?.data?.position === 'left' && (
+              <div style={{display: 'flex', position: 'relative', top: "-10px"}}>
               <div className={styles.msgFeedback}>
                 <div className={styles.msgFeedbackIcons}>
                   <div
@@ -273,6 +280,10 @@ const ChatMessageItem: FC<ChatMessageItemPropType> = ({
                 &nbsp;
                 <p>{t('message.helpful')}</p>
               </div>
+              {/* <div className={styles.msgSpeaker} onClick={() => handleAudio(content?.data?.audio_url || '')}>
+                  <Image src={SpeakerIcon} width={15} height={15} alt=""/>
+              </div> */}
+              </div>
             )
           )}
         </div>

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

@@ -17,6 +17,7 @@ const Menu: FC = () => {
   const router = useRouter();
 
   const urlChanger = (link: string) => {
+    if(context?.audioElement) context?.audioElement.pause();
     if (cookies['access_token'] !== undefined) {
       if(link === '/history' && context?.loading){   
         toast.error(`${t("error.wait_new_chat")}`);

apps/amakrushi/src/components/recorder/RenderVoiceRecorder.jsx

@@ -64,6 +64,7 @@ const RenderVoiceRecorder = ({ setInputMsg }) => {
 
       // Append the WAV file to the FormData object
       formData.append('file', blob, 'audio.wav');
+      formData.append('phoneNumber', localStorage.getItem('phoneNumber'));
 
       // Send the WAV data to the API
       const resp = await fetch(apiEndpoint + '/aitools/asr', {

apps/amakrushi/src/context/ContextProvider.tsx

@@ -60,6 +60,31 @@ const ContextProvider: FC<{
   // const [isConnected, setIsConnected] = useState(newSocket?.connected || false);
   const [cookie, setCookie, removeCookie] = useCookies();
   const [isOnline, setIsOnline] = useState(navigator.onLine);
+  const [audioElement, setAudioElement] = useState(null);
+
+  const playAudio = useMemo(() => {
+    return (url: string) => {
+        if (!url) {
+          console.error('Audio URL not provided.');
+          return;
+        }
+
+        if(audioElement){
+          //@ts-ignore
+          audioElement.pause();
+        }
+        const audio = new Audio(url);
+        audio.play().then(() => {
+          console.log('Audio played:', url);
+        }).catch((error) => {
+          console.error('Error playing audio:', error);
+        });
+
+        // Update the current audio to the new audio element
+        //@ts-ignore
+        setAudioElement(audio);
+  };
+  }, [audioElement]);
 
   useEffect(() => {
     console.log("online")
@@ -132,6 +157,7 @@ const ContextProvider: FC<{
           choices: any;
           conversationId: any;
           btns?: boolean;
+          audio_url: string;
         };
         messageId: string;
       };
@@ -150,6 +176,7 @@ const ContextProvider: FC<{
           conversationId: msg?.content?.conversationId,
           sentTimestamp: Date.now(),
           btns: msg.content.btns,
+          audio_url: msg.content.audio_url,
           ...media,
         };
 
@@ -380,6 +407,8 @@ const ContextProvider: FC<{
       fetchIsDown,
       showDialerPopup,
       setShowDialerPopup,
+      playAudio,
+      audioElement
     }),
     [
       locale,
@@ -400,6 +429,8 @@ const ContextProvider: FC<{
       fetchIsDown,
       showDialerPopup,
       setShowDialerPopup,
+      playAudio,
+      audioElement
     ]
   );
 

apps/amakrushi/src/styles/globals.css

@@ -2,6 +2,7 @@
   margin: 0;
   padding: 0;
   box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
 }
 
 body{

packages/chat-ui/es/components/Bubble/style.less

@@ -4,6 +4,7 @@
   min-width: 1px; // for IE bug
   background: @bubble-left-bg;
   border-radius: @bubble-left-border-radius;
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 
   &.text,
   &.typing {

packages/chat-ui/src/components/Bubble/style.less

@@ -4,6 +4,7 @@
   min-width: 1px; // for IE bug
   background: @bubble-left-bg;
   border-radius: @bubble-left-border-radius;
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 
   &.text,
   &.typing {