`;\r\n this.addMessageToChatBox({ msgSender: \"ai\", msg, msgTime: this.getCurrentTime(), msgTextClass: this.currentMsgTextClass });\r\n \r\n };\r\n\r\n stopWaitingForAiResponse() {\r\n this.stopBtn.style.display = \"none\";\r\n\r\n this.submitBtn.style.display = \"none\";\r\n this.micBtn.style.display = \"block\";\r\n\r\n this.videoCallBtn.disabled = false;\r\n this.uploadFileBtn.disabled = false;\r\n this.textarea.disabled = false;\r\n\r\n };\r\n\r\n\r\n handleEnterKeyPress(event) {\r\n if (event.key === \"Enter\") {\r\n // Prevent the default behavior of Enter in a textarea (newline)\r\n event.preventDefault();\r\n\r\n // Call your function here\r\n this.displayUserMessage();\r\n };\r\n };\r\n\r\n async handleResponseFromServer(data = {}) {\r\n const { responseType, responseContent } = data;\r\n if (responseType === \"text\") return this.displayAiMessage({ msg: responseContent });\r\n\r\n // this.stopWaitingForAiResponse();\r\n };\r\n\r\n async sendMessage(data = {}) {\r\n const axios = (await import(/* webpackPrefetch: true */ \"axios\")).default;\r\n // const apiEndPoint = window.apiEndPoint;\r\n // const language = window.userLanguage;\r\n\r\n const apiEndPoint = window.apiEndPoint;\r\n const language = window.userLanguage;\r\n const appClass = { appUserInterface: \"business\" }; // TEMPORARY SOLUTION\r\n const sideMenuToUse = \"messages\";\r\n const urlDestination = \"create\";\r\n\r\n const url = `${apiEndPoint}/apps/${appClass.appUserInterface}/${sideMenuToUse}/${urlDestination}/${language}`;\r\n const messageContent = {\r\n type: data.type ?? \"text\", // CAN ALSO BE A FILE\r\n text: data.text ?? \"\",\r\n file: data.file ?? {}\r\n };\r\n\r\n fetch(url, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({ messageTarget: \"aiAgent\", messageContent, context:this.context })\r\n }).then(response => {\r\n const reader = response.body.getReader();\r\n const decoder = new TextDecoder();\r\n\r\n const read = () =>{\r\n return reader.read().then(({ done, value }) => {\r\n if (done) {\r\n console.log('Stream finished');\r\n this.updateContextWithAIText()\r\n return;\r\n }\r\n \r\n const msgObj = decoder.decode(value);\r\n console.log(msgObj); // Process streamed text chunks\r\n\r\n this.handleResponseFromServer(JSON.parse( msgObj ));\r\n \r\n return read();\r\n });\r\n }\r\n\r\n return read();\r\n }).catch((error) => {\r\n console.log(\"An error occured \",error);\r\n return window.smetioVisitor.showNotification({ type: \"danger\", body: [{ message: \"txt423\" }] });\r\n\r\n }).finally(() => {\r\n this.stopWaitingForAiResponse(); \r\n }); \r\n\r\n // await axios.post(url, { messageTarget: \"aiAgent\", messageContent }, { responseType: 'stream' }).then(async (response) => {\r\n \r\n // console.log(\"response is \", response);\r\n\r\n // // // const reader = response.data.getReader();\r\n // // const decoder = new TextDecoder();\r\n \r\n\r\n // // while (true) {\r\n // // const { done, value } = await reader.read();\r\n // // if (done) break;\r\n\r\n // // const chunkText = decoder.decode(value, { stream: true });\r\n \r\n // // console.log(\"chunkText is \", chunkText,\" ***********\");\r\n\r\n // // };\r\n\r\n\r\n // // let result = response.data;\r\n\r\n // // if (result.error) return window.smetioVisitor.showNotification({ type: \"danger\", body: [{ message: result.msg }] });\r\n\r\n // // this.handleResponseFromServer(result.msg);\r\n\r\n // }).catch((error) => {\r\n // console.log(\"An error occured \",error);\r\n // return window.smetioVisitor.showNotification({ type: \"danger\", body: [{ message: \"txt423\" }] });\r\n\r\n // }).finally(() => {\r\n // this.stopWaitingForAiResponse(); \r\n // }); \r\n \r\n\r\n };\r\n\r\n events() {\r\n\r\n document.body.addEventListener(\"input\", (event) => {\r\n this.prepareButtons();\r\n\r\n if (event.target.classList.contains(this.textareaClass)) {\r\n // Reset height to recalculate based on content\r\n this.textarea.style.height = 'auto';\r\n // Set height to match content\r\n this.textarea.style.height = `${this.textarea.scrollHeight}px`;\r\n \r\n this.toggleSubmitAndMicBtn();\r\n \r\n };\r\n \r\n });\r\n\r\n document.body.addEventListener(\"keydown\", (event) => {\r\n this.prepareButtons();\r\n\r\n if (event.target.classList.contains(this.textareaClass)) { this.handleEnterKeyPress(event); };\r\n \r\n }); \r\n\r\n\r\n document.body.addEventListener(\"mousedown\", (event) => {\r\n this.prepareButtons();\r\n\r\n if (event.target.classList.contains(this.submitBtnClass)) { this.displayUserMessage(); };\r\n\r\n if (event.target.classList.contains(this.stopBtnClass)) { this.stopWaitingForAiResponse(); };\r\n \r\n });\r\n\r\n\r\n // $(\"body\").on(\"mousedown\", \".\"+this.uploadFilesBtnClass, ()=>{\r\n\r\n // $(\".\"+this.uploadFilesInputClass).trigger(\"click\");\r\n\r\n // });\t\r\n\r\n };\r\n\r\n};\r\n"],"names":["getId","setId","getAttributes","setTxtV2","isEmpty","generateId","SmetioAiChatBot","_data$messages","data","arguments","length","undefined","_classCallCheck","setTxt","smetioSmartbox","fileUploader","files","messages","context","inComingAiText","chatBox","mainClass","id","mainAttributes","textareaClass","textareaAttributes","placeholder","chatBoxClass","chatBoxAttributes","submitBtnClass","submitBtnAttributes","micBtnClass","micBtnAttributes","stopBtnClass","stopBtnAttributes","videoCallBtnClass","videoCallBtnAttributes","uploadFileBtnClass","uploadFileBtnAttributes","_createClass","key","value","_getSmartBox","_asyncToGenerator","regeneratorRuntime","mark","_callee","content","_yield$import","SmetioSmartbox","_args","wrap","_callee$","_context","prev","next","sent","hasBeenRendered","currentState","abrupt","smartbox","reactivate","title","render","stop","getSmartBox","apply","events","concat","prepareButtons","mainDiv","document","querySelector","textarea","micBtn","submitBtn","stopBtn","videoCallBtn","uploadFileBtn","toggleSubmitAndMicBtn","trim","style","display","addMessageToChatBox","_messageDiv","messageDiv","msgType","msgSender","msg","_data$msgTime","msgTime","_data$msgTextClass","msgTextClass","msgSenderClass","msgTextClassParent","innerHTML","scrollAppropriately","viewportHeight","window","innerHeight","scrollToHeight","scrollHeight","scrollTo","getCurrentTime","now","Date","hours","getHours","minutes","getMinutes","displayUserMessage","push","role","parts","text","startWaitingForAiResponse","sendMessage","type","displayAiMessage","currentSpinner","currentMsgTextClass","remove","replace","updateContextWithAIText","disabled","stopWaitingForAiResponse","handleEnterKeyPress","event","preventDefault","_handleResponseFromServer","_callee2","responseType","responseContent","_args2","_callee2$","_context2","handleResponseFromServer","_sendMessage","_callee3","_data$type","_data$text","_data$file","_this","axios","apiEndPoint","language","appClass","sideMenuToUse","urlDestination","url","messageContent","_args3","_callee3$","_context3","userLanguage","appUserInterface","file","fetch","method","headers","body","JSON","stringify","messageTarget","then","response","reader","getReader","decoder","TextDecoder","read","_ref","done","console","log","msgObj","decode","parse","error","smetioVisitor","showNotification","message","_this2","addEventListener","target","classList","contains","height"],"sourceRoot":""}