@hivegpt/hiveai-angular 0.0.331 → 0.0.332
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/hivegpt-hiveai-angular.umd.js +43 -1
- package/bundles/hivegpt-hiveai-angular.umd.js.map +1 -1
- package/bundles/hivegpt-hiveai-angular.umd.min.js +1 -1
- package/bundles/hivegpt-hiveai-angular.umd.min.js.map +1 -1
- package/esm2015/lib/components/chat-drawer/chat-drawer.component.js +43 -2
- package/fesm2015/hivegpt-hiveai-angular.js +42 -1
- package/fesm2015/hivegpt-hiveai-angular.js.map +1 -1
- package/hivegpt-hiveai-angular.metadata.json +1 -1
- package/lib/components/chat-drawer/chat-drawer.component.d.ts +1 -0
- package/lib/components/chat-drawer/chat-drawer.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/common/http"),require("@angular/core"),require("@angular/platform-browser"),require("rxjs"),require("rxjs/operators"),require("ngx-socket-io"),require("@angular/forms"),require("microsoft-cognitiveservices-speech-sdk"),require("marked"),require("@angular/common"),require("@angular/material/icon"),require("@angular/material/sidenav"),require("ngx-quill")):"function"==typeof define&&define.amd?define("@hivegpt/hiveai-angular",["exports","@angular/common/http","@angular/core","@angular/platform-browser","rxjs","rxjs/operators","ngx-socket-io","@angular/forms","microsoft-cognitiveservices-speech-sdk","marked","@angular/common","@angular/material/icon","@angular/material/sidenav","ngx-quill"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).hivegpt=t.hivegpt||{},t.hivegpt["hiveai-angular"]={}),t.ng.common.http,t.ng.core,t.ng.platformBrowser,t.rxjs,t.rxjs.operators,t.ngxSocketIo,t.ng.forms,t.SpeechSDK,t.marked,t.ng.common,t.ng.material.icon,t.ng.material.sidenav,t.ngxQuill)}(this,(function(t,e,n,o,r,i,a,s,c,l,d,p,h,u){"use strict";var g=function(t,e){return(g=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])})(t,e)};function f(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}g(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}Object.create;function m(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],o=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function b(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var o,r,i=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(t){r={error:t}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function v(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(b(arguments[e]));return t}Object.create;"function"==typeof SuppressedError&&SuppressedError;var x=function(t){var e=t.getHours()%12,n=t.getMinutes();return 0===e&&(e=12),(e<10?"0"+e:e)+":"+(n<10?"0"+n:n)+" "+(t.getHours()<12?"AM":"PM")},y=function(t){var e=new Date;if(t){var n={hour12:!0,hour:"numeric",minute:"numeric",timeZone:t};return e.toLocaleString("en-US",n)}return x(e)},w=function(t,e){var n={hour12:!0,hour:"numeric",minute:"numeric",timeZone:t};return new Date(e+"Z").toLocaleString("en-US",n)},k={USERS_API:"https://es-user.social27.com/api",BASE_URL:"https://agent-api.hivegpt.ai",AGENTS_API:"https://hive-ai.social27.com/api",API_KEY:"b621eb3f-0bd2-41d5-a48c-a8f8ab7d38f8",SocketUrl:"https://notif-v2-ws.social27.com/"},C={USERS_API:"https://pre-user.social27.com/api",BASE_URL:"https://agent-api.hivegpt.ai",AGENTS_API:"https://hive-ai.social27.com/api",API_KEY:"b621eb3f-0bd2-41d5-a48c-a8f8ab7d38f8",SocketUrl:"https://notif-v2-ws.social27.com/"},I=function(){function t(){this.storageKey="conversationKey",this.userSepecificNotification=new r.Subject}return t.prototype.generateKey=function(){return Math.floor((new Date).getTime()/1e3).toString(16)+"xxxxxxxxxxxxxxxx".replace(/[x]/g,(function(){return Math.floor(16*Math.random()).toString(16)}))},t.prototype.getKey=function(t,e){void 0===e&&(e=!1);var n="conversationKey_"+t,o=localStorage.getItem(n);return o&&!e||(o=this.generateKey(),localStorage.setItem(n,o)),o},t.prototype.sendValidatedUserData=function(t){this.userSepecificNotification.next(t)},t.prototype.getUserSpecificNotification=function(){return this.userSepecificNotification.asObservable()},t}();I.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new I},token:I,providedIn:"root"}),I.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],I.ctorParameters=function(){return[]};var S=function(t){function e(){var e=t.call(this,T)||this;return e.on("connect",(function(){console.log("Socket connected")})),e.on("disconnect",(function(){console.warn("Socket disconnected")})),e.on("connect_error",(function(t){console.error("Socket connection error:",t)})),e}return f(e,t),e}(a.Socket);S.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new S},token:S,providedIn:"root"}),S.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],S.ctorParameters=function(){return[]};var T={url:k.SocketUrl,options:{transports:["websocket","polling"],reconnection:!0,autoConnect:!0,upgrade:!0,reconnectionDelay:1e3,reconnectionDelayMax:5e3,reconnectionAttempts:1/0}},A=function(){function t(t,e){this.conversationService=t,this.notificationSocket=e,this.isCommonSocketInitialized=!1,this.isUserSpecificSocketInitialized=!1,this.isUserSpecificEventReleased=!0,this.messageQueue=[],this.releaseInterval=1e3,this.intervalSetup=!1,this.startReleasingMessages()}return t.prototype.isSocketInitialized=function(t){return t?this.isCommonSocketInitialized:this.isUserSpecificSocketInitialized&&!this.isUserSpecificEventReleased},t.prototype.disconnectSocketConnection=function(){this.notificationSocket.disconnect()},t.prototype.connectSocketConnection=function(){this.notificationSocket.connect()},t.prototype.registerUserSpecificHiveSocket=function(t,e,n){var o=this,r="Hive_AI_Notifs_"+t+"_"+e,i="Hive_AI_Notifs_"+n;this.notificationSocket.emit("joinData",{groupId:r}),this.notificationSocket.emit("joinData",{groupId:i}),this.notificationSocket.fromEvent("commonNotification").subscribe((function(t){console.log("Received commonNotification:",t),o.conversationService.sendValidatedUserData(t)}),(function(t){console.error("Error receiving commonNotification:",t)}))},t.prototype.startReleasingMessages=function(){var t=this;this.intervalSetup||(setInterval((function(){if(t.messageQueue.length>0){var e=t.messageQueue.shift();console.log("Releasing message from queue:",e)}}),this.releaseInterval),this.intervalSetup=!0)},t}();A.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new A(n.ɵɵinject(I),n.ɵɵinject(S))},token:A,providedIn:"root"}),A.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],A.ctorParameters=function(){return[{type:I},{type:S}]};var L=function(){function t(t){this.http=t,this.eventDescription=new r.Subject,this.bot_api="https://agent-api.hivegpt.ai/"}return t.prototype.fetchSpeechAuthorizationToken=function(t,n,o){var r=new e.HttpHeaders({"Content-Type":"application/json","x-api-key":n,"hive-bot-id":t,"domain-authority":o}),a=""+(this.bot_api+"speech/issue_token");return this.http.get(a,{headers:r}).pipe(i.map((function(t){return t.token})))},t.prototype.getWorkflowsByOrgId=function(t){var e=this.bot_api+"workflows"+"?org_id="+t;return this.http.get(e).pipe(i.map((function(t){return t})))},t.prototype.getWorkflowExecutionById=function(t){var e=this.bot_api+"workflows/execution/"+t;return this.http.get(e).pipe(i.map((function(t){return t})))},t}();L.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new L(n.ɵɵinject(e.HttpClient))},token:L,providedIn:"root"}),L.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],L.ctorParameters=function(){return[{type:e.HttpClient}]};var E=function(){function t(t,e,o,r,i,a,s,c,l){var d=this;this.fb=t,this.botService=e,this.cdr=o,this.http=r,this.sanitizer=i,this.elementRef=a,this.renderer=s,this.socketService=c,this.conversationService=l,this.bodyOverflowClass="body-overflow-hidden",this.isCollapsedTrue=!1,this.copilotName="HiveXGPT",this.feedbackEvent=new n.EventEmitter,this.onCloseEvent=new n.EventEmitter,this.openPage=new n.EventEmitter,this.sessionActions=new n.EventEmitter,this.closeBot=new n.EventEmitter,this.connectWithUser=new n.EventEmitter,this.scheduleMeeting=new n.EventEmitter,this.refreshToken=new n.EventEmitter,this.autogenKey="Autogen_eDJTtEU-NB0RtIpzq1w",this.addToMyAgendaAction="add_to_my_agenda",this.myUpcomingSessionAction="my_upcomming_session",this.connectOrFollowAction="connect_or_follow",this.aiResponse="",this.chatLog=[],this.decoder=new TextDecoder,this.feedbackDone=!1,this.greetingMsg="",this.hasBackdropValue=!1,this.input="",this.listenerAdded=!1,this.loading=!1,this.mode="over",this.quickPrompts=[],this.thumbsDownMsgIndex=0,this.userName="",this.showStartAgain=!1,this.isIOSDevice=!1,this.showFeedBackIconsIndex=null,this.temperature=1,this.speakers=[],this.currentWorkflowActionProgress=0,this.currentWorkflowAction="",this.recognizedText="",this.authorizationToken="",this.region="westeurope",this.isChatingWithAi=!1,this.readAllChunks=function(t){var e=t.getReader(),n=[];return e.closed.catch((function(t){t&&console.error("Error reading stream: ",t),d.isChatingWithAi=!1,d.scrollToBottom()})),new ReadableStream({start:function(t){return d.pump(t,e,n)}})},this.currentMessageForEditor="",this.currentIndexForEditor=-1,this.isDropdownOpen=!1,this.selectedAgents=[],this.allSelected=!1,this.isDocInEditMode=!1,this.isContentLoaded=!1,this.isCollapsed=!1,this.isCollapsedForGraph=!1,this.isCollapsedForFGraph=!1,this.dateTime={now:(new Date).toISOString()},this.currentSourcesList=[],this.isShowEditorButton=!0,this.isDrawerOpen=!0,this.chatMain=new n.ElementRef(null)}return t.prototype.ngOnChanges=function(t){t.s27Token&&t.s27Token.currentValue!=t.s27Token.previousValue&&(this.s27Token=t.s27Token.currentValue,console.log("isFetchDataFor: ",this.isFetchDataFor),console.log("msg: ",this.msg),console.log("chat: ",this.chat),this.is401&&(this.isFetchDataFor?this.fetchDataFor(this.msg,this.chat):this.fetchData(this.msg))),t.orgId&&t.orgId.currentValue!=t.orgId.previousValue&&t.orgId.currentValue&&this.initializeSocket()},t.prototype.ngOnInit=function(){var t=this;this.environment=this.isDev?C:k;var e=window.location.hostname;e.includes("pre-app.social27.com")?this.domainAuthorityValue="pre-prod-lite":e.includes("app.social27.com")?this.domainAuthorityValue="prod-lite":e.includes("hivegpt.io")&&(this.domainAuthorityValue="hivegpt"),this.changeTemperature(this.temperature),this.fetchBotConfig().subscribe((function(e){t.cdr.markForCheck(),t.fetchChatHistory().subscribe((function(e){t.loading=!1,t.mapChatHistory(e),t.cdr.markForCheck()}),(function(t){console.error("Error fetching chat history:",t)}))}),(function(t){console.error("Error fetching chat history:",t)})),this.cdr.markForCheck(),this.botService.fetchSpeechAuthorizationToken(this.botId,this.apiKey,this.domainAuthorityValue).subscribe((function(e){t.authorizationToken=e,t.initializeSpeechRecognizer(e)}))},t.prototype.initializeSocket=function(){var t=this;try{this.socketService.disconnectSocketConnection()}catch(t){}setTimeout((function(){t.socketService.connectSocketConnection(),setTimeout((function(){console.log("YES INIT");var e=t.conversationService.getKey(t.botId);t.socketService.registerUserSpecificHiveSocket(t.botId,e,t.orgId),setTimeout((function(){t.listenSockets()}),300)}),200)}),300)},t.prototype.listenSockets=function(){var t=this;this.eventSubscription&&this.eventSubscription.unsubscribe(),console.log("Listen Socket"),this.eventSubscription=this.conversationService.getUserSpecificNotification().subscribe((function(e){var n,o,r,i,a,s;if(console.log("Listen Socket response"),console.log(e),null===(o=null===(n=null==e?void 0:e.m)||void 0===n?void 0:n.OtherFields)||void 0===o?void 0:o.workflow_id){var c=null===(r=null==e?void 0:e.m)||void 0===r?void 0:r.OtherFields,l=c.percentage,d=c.output,p=c.action_name,h=c.current_action_name,u=c.workflow_execution_id,g=c.time_stamp;t.currentWorkflowActionProgress=l,t.currentWorkflowAction=p;var f=t.workflowExecutionDetails.Actions.findIndex((function(t){return t.Name==h}));-1!==f?(t.workflowExecutionDetails.Actions[f].Output=d,t.workflowExecutionDetails.Actions[f].InsertTimeStamp=w(t.timezone,g)):console.error("Action with name "+p+" not found"),t.currentWorkflowExecutionDetails=t.workflowExecutionDetails,100==t.currentWorkflowActionProgress&&(t.chatLog[t.chatLog.length-1].WorkflowExecutionId=u,t.isChatingWithAi=!1,t.executingWorkflow=!1),t.cdr.detectChanges()}else if(null===(i=null==e?void 0:e.m)||void 0===i?void 0:i.OtherFields){var m=null===(a=null==e?void 0:e.m)||void 0===a?void 0:a.OtherFields,b=(m.conversation_id,m.bot_id,m.message_id),v=m.answer,x=m.web_results,k=m.search_results,C=m.graphs,I=m.execution_graphs,S=m.suggestions;console.log("message_id1"),console.log(null===(s=null==e?void 0:e.m)||void 0===s?void 0:s.OtherFields);var T=t.chatLog.find((function(t){return t._id==b}));console.log(t.chatLog),T||(console.log("message_id2"),console.log(b),T={_id:b,type:"ai",time:y(t.timezone)},t.chatLog.push(T),t.showFeedBackIconsIndex=t.chatLog.length-1,console.log("message_id3"),console.log(b),t.cdr.detectChanges()),k&&Array.isArray(k)&&(console.log("Online Search Terms:",k),T.searchTerms=k,t.cdr.detectChanges()),x&&Array.isArray(x)&&(console.log("Web Results:",x),T.sourcesList=x,T.displayedSources=null==x?void 0:x.slice(0,3),T.remainingSources=null==x?void 0:x.slice(3),t.cdr.detectChanges()),v&&(t.isChatingWithAi=!1,console.log("Answer:",v),T.message=t.processMessageForDisplay(v),t.cdr.detectChanges(),t.scrollToBottom()),C&&Array.isArray(C)&&(console.log("Graphs:",C),T.graphs=C,t.cdr.detectChanges()),I&&Array.isArray(I)&&(console.log("Execution Graphs:",I),T.executionGraphs=I,t.cdr.detectChanges()),S&&Array.isArray(S)&&(console.log("suggestions:",S),T.relatedListItems=S,t.cdr.detectChanges())}else console.warn("OtherFields is missing in the response")}),(function(e){t.eventSubscription.unsubscribe(),console.error("Error in fetching data from socket",e)}))},t.prototype.initializeSocketAndListen=function(){},t.prototype.handleEvent=function(t,e){e},t.prototype.ngOnDestroy=function(){this.eventSubscription&&this.eventSubscription.unsubscribe(),this.socketService.disconnectSocketConnection()},t.prototype.changeTemperature=function(t){if(!this.loading){this.temperature=t;var e=document.querySelector(".hivegpt-chat-wrapper");switch(null==e||e.classList.remove("creative","balanced","precise"),t){case 0:null==e||e.classList.add("creative");break;case 1:null==e||e.classList.add("balanced");break;case 2:null==e||e.classList.add("precise")}}},t.prototype.onStartAgain=function(){this.loading||(this.showStartAgain=!1,this.chatLog=[],this.chatLog.push({type:"ai",message:this.greetingMsg,time:y(this.timezone)}),this.archieveMessages().subscribe())},t.prototype.archieveMessages=function(){var t=new e.HttpHeaders({"Content-Type":"application/json","x-api-key":this.apiKey,"hive-bot-id":this.botId,"domain-authority":this.domainAuthorityValue}),n=this.environment.BASE_URL+"/bot/clear-history/"+this.botId+"/"+this.userId;return this.http.post(n,{headers:t}).pipe(i.switchMap((function(t){return r.of(t)})),i.catchError((function(t){return r.of(null)})))},t.prototype.fetchBotConfig=function(){var t=this;this.loading=!0;var n=new e.HttpHeaders({"x-api-key":this.apiKey,"hive-bot-id":this.botId,"domain-authority":this.domainAuthorityValue}),o=this.environment.BASE_URL+"/bots?bot_id="+this.botId;return this.http.get(o,{headers:n}).pipe(i.switchMap((function(e){var n;return t.botName=e.Name,t.botIcon=e.Icon,t.botSkills=null==e?void 0:e.Skills,t.greetingMsg=e.Greeting,t.thumbsDownMessages=(null===(n=null==e?void 0:e.NegativeResponses)||void 0===n?void 0:n.length)?e.NegativeResponses:["We are sorry we've not been able to answer your question.<br/> However, our dedicated support team is happy to help. <span class='feedback-link' style='cursor: pointer; text-decoration: underline; font-weight: 700; color: #17235B;'><a href='mailto:support@social27.com' style='color: inherit; text-decoration: none;'>Please click here</a></span> and a human agent will assist you as soon as possible"],t.quickPrompts=e.QuickPrompts,t.cdr.markForCheck(),t.loading=!1,r.of(e)})),i.catchError((function(e){return console.error("Error fetching chatbot config: ",e),t.loading=!1,r.of(null)})))},t.prototype.fetchChatHistory=function(){this.loading=!0,this.conversationKey=this.conversationService.getKey(this.botId,!1);var t=this.environment.BASE_URL+"/conversations/"+this.conversationKey,n=new e.HttpHeaders({accept:"application/json","x-api-key":this.apiKey,"hive-bot-id":this.botId,"domain-authority":this.domainAuthorityValue});return this.http.get(t,{headers:n}).pipe(i.catchError(this.handleError("fetchConversation")))},t.prototype.handleError=function(t,e){return void 0===t&&(t="operation"),function(n){return console.error(t+" failed: "+n.message),r.of(e)}},t.prototype.mapChatHistory=function(t){var e,n=this;this.chatLog.push({type:"ai",message:this.greetingMsg,time:y(this.timezone)}),t&&(null===(e=null==t?void 0:t.Messages)||void 0===e?void 0:e.length)&&(null==t||t.Messages.forEach((function(t){if("user"==t.Type&&n.chatLog.push({type:"user",message:n.processMessageForDisplay(t.Text),time:w(n.timezone,t.InsertTimestamp),copied:!1,isCollapsedTrue:!1,WorkflowExecutionId:t.WorkflowExecutionId,_id:t._id}),"ai"==t.Type){var e=t.WebLinks||[],o=t.WebLinks.slice(0,3),r=t.WebLinks.slice(3);n.chatLog.push({type:"ai",message:n.processMessageForDisplay(t.Text),executionGraphs:t.ExecutionGraphs,graphs:t.Graphs,searchTerms:t.SearchTerms,sourcesList:e,displayedSources:o,remainingSources:r,time:w(n.timezone,t.InsertTimestamp),copied:!1,isCollapsedTrue:!1,_id:t._id}),n.showFeedBackIconsIndex=n.chatLog.length-1}})),this.showStartAgain=!0),this.scrollToBottom(),this.cdr.markForCheck()},t.prototype.processMessage=function(t){if(!(t&&(null==t?void 0:t.length)>0))return"";t=t.trim();var e=/\[([^[]+)]\(([^)]+)\)/g,n=/(?<!href=")\bhttps?:\/\/\S+(?<![.,])/gi;if(e.test(t)){var o=t.replace(e,'<a href="$2" target="_blank">$1</a>');return this.sanitizeHtml(o)}if(n.test(t)){o=t.replace(n,'<a href="$&" target="_blank">$&</a>');return this.sanitizeHtml(o)}return t=(t=(t=t.replace(/(?:\r\n|\r|\n)/g,"<br>")).replace(/\*\*(.*?)\*\*/g,"<strong>$1</strong>")).replace(/^(#{1,6})\s+(.*)$/gm,(function(t,e,n){var o=e.length;return"<h"+o+">"+n+"</h"+o+">"})),this.cdr.markForCheck(),this.sanitizeHtml(t)},t.prototype.ngAfterViewChecked=function(){var t=this;this.elementRef.nativeElement.querySelectorAll(".feedback-link").forEach((function(e){e.addEventListener("click",t.onFeedbackClick.bind(t,"zendesk"))}))},t.prototype.sanitizeHtml=function(t){return this.sanitizer.bypassSecurityTrustHtml(t)},t.prototype.onFeedbackClick=function(t){this.feedbackEvent.emit(t)},t.prototype.onClose=function(){this.renderer.removeClass(document.body,this.bodyOverflowClass),this.onCloseEvent.emit()},t.prototype.sendMessageWithTile=function(t){this.input=t,this.fetchData(),this.scrollToBottom()},t.prototype.fetchData=function(t){var e;if(void 0===t&&(t=null),this.input=t||(null===(e=this.input)||void 0===e?void 0:e.trim()),this.msg=this.input,this.input&&!this.loading){this.chatLog.push({type:"user",message:this.processMessageForDisplay(this.input),time:y(this.timezone),copied:!1,isCollapsedTrue:!1});try{var n=this.myInput.nativeElement;n.style.height="hidden",n.style.height="62px"}catch(t){}this.cdr.markForCheck(),this.aiResponse="",this.isChatingWithAi=!0,this.makeAskRequest(this.input,this.agents,this.conversationKey)}},t.prototype.fetchDataFor=function(t,e){var n=null==t?void 0:t.trim();if(n&&!this.loading){try{e.relatedListItems=[],this.cdr.detectChanges()}catch(t){}this.scrollToBottom(),this.chatLog.push({type:"user",message:this.processMessageForDisplay(n),time:y(this.timezone),copied:!1,isCollapsedTrue:!1}),this.cdr.markForCheck(),this.aiResponse="",this.isChatingWithAi=!0,this.makeAskRequest(n,this.agents,this.conversationKey,t,e)}},t.prototype.fetchSmallTalk=function(){var t=this;this.loading=!0,this.cdr.markForCheck();var e=this.environment.BASE_URL+"/bot/small-talk/"+this.botId+"/"+this.userId;this.http.get(e,{headers:{"x-api-key":this.apiKey,"hive-bot-id":this.botId,"domain-authority":this.domainAuthorityValue}}).pipe(i.catchError((function(t){return console.error("Error while fetching small talk:",t),r.of(null)}))).subscribe((function(e){t.loading=!1,t.cdr.markForCheck(),e&&e&&e.smallTalk&&(t.chatLog.push({type:"ai",message:t.processMessage(e.smallTalk),time:y(t.timezone),isFeedbackMsg:!0}),t.showFeedBackIconsIndex=t.chatLog.length-2,t.cdr.markForCheck())}))},t.prototype.pump=function(t,e,n){var o=this;e.read().then((function(r){var i,a,s,c,l=r.done,d=r.value,p=o.chatLog[o.chatLog.length-1];if(l)return p.message=o.processMessageForDisplay(p.message),o.chatLog.pop(),o.chatLog.push(p),(null==n?void 0:n.length)&&o.chatLog.push({type:"suggestions",suggestions:n}),t.close(),o.isChatingWithAi=!1,o.cdr.markForCheck(),void(o.showStartAgain=!0);var h=o.decoder.decode(d,{stream:!0});if(o.aiResponse+=h,"ai"===p.type){var u=o.aiResponse.match(/<sug>(.*?)<\/sug>/g);u&&u.forEach((function(t){o.aiResponse=o.aiResponse.replace(t,""),n.push(null==t?void 0:t.replace(/<\/?sug>/g,""))})),p.message=o.aiResponse,o.cdr.markForCheck()}else{o.isChatingWithAi=!1;var g=void 0;try{console.log("parsing json "),g=JSON.parse(JSON.parse(o.aiResponse))}catch(t){try{console.log("parsing json 2"),g=JSON.parse(o.aiResponse)}catch(t){}}if(console.log("parsing json done"),g&&(null===(i=null==g?void 0:g.section_id)||void 0===i?void 0:i.length)>0){if("company_search"!=g.section_id&&"user_search"!=g.section_id&&"industry_company_search"!=g.section_id||(o.fetchMyConnections().subscribe(),o.fetchPendingRequests().subscribe()),g.section_id==o.myUpcomingSessionAction){var f=[];null===(a=g.content)||void 0===a||a.forEach((function(t){f=v(f,t.speakers)})),(null==f?void 0:f.length)>0&&o.getSpeakersByStaffIds(f)}if(g.section_id==o.addToMyAgendaAction&&(null===(s=g.content)||void 0===s?void 0:s.length)>0&&o.openPage.next({sectionId:g.section_id,sessionIds:g.content}),g.section_id==o.connectOrFollowAction){var m=null===(c=g.content)||void 0===c?void 0:c.length;m>1?o.openPage.next({sectionId:"open_networking_drawer",search:g.content}):1==m&&o.openPage.next({sectionId:g.section_id,connetUserIds:[g.content[0].userId]})}"true"==g.is_open_page&&(o.openPage.next({sectionId:g.section_id,search:g.content}),o.isMobileBrowser()&&(g.message+='\n\n<a id="closeBotNow">Click Here</a> to see results.')),o.chatLog.push({type:"ai",message:g.message,action:g,time:y(o.timezone)}),o.isMobileBrowser()&&setTimeout((function(){o.addCloseBotClickEvent()}),500),o.aiResponse=""}else o.chatLog.push({type:"ai",message:o.aiResponse,time:y(o.timezone)});o.showFeedBackIconsIndex=o.chatLog.length-1,o.cdr.markForCheck()}o.scrollToBottom(),t.enqueue(d),o.pump(t,e,n)}))},t.prototype.submitFeedback=function(t,e){var n=this;console.log(e),this.feedbackDone=!0,this.showFeedBackIconsIndex=null;var o=this.conversationService.getKey(this.botId),r=this.environment.AGENTS_API+"/Conversation/coPilot/"+this.botId+"/conversation/"+o+"/helpful-response";fetch(r,{method:"POST",headers:{"Content-Type":"application/json",apiKey:"Conversation_WIz/qAm+EEmfOkFaUA/weA==","hive-bot-id":this.botId,"domain-authority":this.domainAuthorityValue},body:JSON.stringify({messageId:e._id,isHelpful:t})}).then((function(){if(t)return n.chatLog.push({type:"ai",message:n.thumbsUpMessage||"Great. May I assist you with anything else?",time:y(n.timezone),isFeedbackMsg:!0}),n.scrollToBottom(),n.cdr.markForCheck(),n.feedbackDone=!1,void(n.showFeedBackIconsIndex=null);n.chatLog.push({type:"ai",message:n.processMessage(n.thumbsDownMessages[n.thumbsDownMsgIndex]),time:y(n.timezone),isFeedbackMsg:!0}),n.thumbsDownMsgIndex=(n.thumbsDownMsgIndex+1)%n.thumbsDownMessages.length,n.scrollToBottom(),n.cdr.markForCheck(),n.feedbackDone=!1,n.showFeedBackIconsIndex=null}))},t.prototype.handleKeydown=function(t){"Enter"!==t.key||t.shiftKey||(t.preventDefault(),this.handleSubmit(t))},t.prototype.handleSubmit=function(t){this.fetchData(),this.scrollToBottom()},t.prototype.handleUpClick=function(t){this.feedbackDone||(this.submitFeedback(!0,this.chatLog[t]),this.chatLog[t].liked=!this.chatLog[t].liked,this.chatLog[t].unliked&&(this.chatLog[t].unliked=!this.chatLog[t].unliked),this.cdr.markForCheck())},t.prototype.handleDownClick=function(t){this.feedbackDone||(this.submitFeedback(!1,this.chatLog[t]),this.chatLog[t].unliked=!this.chatLog[t].unliked,this.chatLog[t].liked&&(this.chatLog[t].liked=!this.chatLog[t].liked))},t.prototype.copyText=function(t,e){var n=this,o=document.getElementById(t),r=document.createElement("textarea");r.value=o.innerText,document.body.appendChild(r),r.select(),document.execCommand("copy"),document.body.removeChild(r),this.chatLog[e].copied=!0,this.cdr.detectChanges(),setTimeout((function(){n.chatLog[e].copied=!1,n.cdr.detectChanges()}),2e3)},t.prototype.handleCopyClick=function(t){this.chatLog[t].message,this.copyText("messageText_"+t,t)},t.prototype.sanitizeHTML=function(t){var e=(new DOMParser).parseFromString(t,"text/html"),n=document.createDocumentFragment();Array.from(e.body.childNodes).forEach((function(t){n.appendChild(t.cloneNode(!0))}));var o=document.createElement("div");return o.appendChild(n),o.querySelectorAll("script").forEach((function(t){return t.remove()})),o.innerHTML},t.prototype.handleEditorClick=function(t){var e=this;-1==this.currentIndexForEditor?(this.currentIndexForEditor=t,this.currentMessageForEditor=this.sanitizeHTML(this.chatLog[t].message),this.currentMessageForEditor=this.currentMessageForEditor.replace("SafeValue must use [property]=binding:",""),this.cdr.detectChanges()):this.currentIndexForEditor==t?(this.currentMessageForEditor+=this.sanitizeHTML(this.chatLog[t].message),this.currentMessageForEditor=this.currentMessageForEditor.replace("SafeValue must use [property]=binding:",""),this.cdr.detectChanges()):(this.currentIndexForEditor=t,this.currentMessageForEditor=this.sanitizeHTML(this.chatLog[t].message),this.currentMessageForEditor=this.currentMessageForEditor.replace("SafeValue must use [property]=binding:",""),this.cdr.detectChanges()),this.chatLog[t].isEditor=!0,this.cdr.detectChanges(),setTimeout((function(){e.chatLog[t].isEditor=!1,e.cdr.detectChanges()}),2e3),this.editorsDrawer.open();var n=document.getElementById("botcloseplaygroundbutton");n&&(n.style.display="none"),this.cdr.detectChanges()},t.prototype.scrollToBottom=function(){var t=this,e=0,n=setInterval((function(){t.chatMain.nativeElement.scrollTop=t.chatMain.nativeElement.scrollHeight,e++>5&&clearInterval(n)}),5)},t.prototype.handleAction=function(t){console.info("incoming action from the chatbot AI"),console.info(t),null==t||t.content},t.prototype.ngAfterViewInit=function(){var t=this;this.drawer.opened&&this.setBodyOverflow(),this.drawer.openedChange.subscribe((function(e){e?t.setBodyOverflow():t.removeBodyOverflow()})),this.drawer.openedChange.subscribe((function(e){e&&setTimeout((function(){t.myTextarea&&t.myTextarea.nativeElement&&t.myTextarea.nativeElement.focus()}))}))},t.prototype.setBodyOverflow=function(){this.renderer.addClass(document.body,this.bodyOverflowClass)},t.prototype.removeBodyOverflow=function(){this.renderer.removeClass(document.body,this.bodyOverflowClass)},t.prototype.getSpeakersByStaffIds=function(t){var e=this,n=this.environment.USERS_API+"/events/"+this.eventId+"/users/get-by-staff-ids";fetch(n,{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer your_token_here"},body:JSON.stringify(t)}).then((function(t){if(t.ok)return t.json();throw new Error("Network response was not ok.")})).then((function(t){(null==t?void 0:t.length)>0&&(t.forEach((function(t){e.speakers[t.id]=t})),e.cdr.markForCheck())})).catch((function(t){console.error("Error fetching data:",t),e.loading=!1}))},t.prototype.performSessionAction=function(t,e){this.sessionActions.next({sessionId:t,action:e})},t.prototype.addCloseBotClickEvent=function(){var t=this,e=this.elementRef.nativeElement.querySelector("#closeBotNow");e&&this.renderer.listen(e,"click",(function(){t.closeBot.next()}))},t.prototype.isMobileBrowser=function(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)},t.prototype.connectToUser=function(t){var e=this;this.connectWithUser.emit({connect:!this.canDisconnect(t),userId:t}),setTimeout((function(){e.fetchMyConnections().subscribe((function(t){e.cdr.markForCheck()})),e.fetchPendingRequests().subscribe((function(t){e.cdr.markForCheck()}))}),500)},t.prototype.scheduleMeetingWithUser=function(t){this.scheduleMeeting.emit(t)},t.prototype.canConnect=function(t){return!(this.canDisconnect(t)||this.pendingRequests.find((function(e){return e==t})))},t.prototype.canDisconnect=function(t){return this.myConnections.find((function(e){return e.userId==t}))},t.prototype.fetchPendingRequests=function(){var t=this,n=new e.HttpHeaders({"Content-Type":"application/json",apiKey:this.autogenKey});return this.http.get(this.environment.USERS_API+"/events/"+this.eventId+"/connection-requests/autogen/pending-sent-requests?userId="+this.userId,{headers:n}).pipe(i.switchMap((function(e){return t.pendingRequests=e,t.cdr.markForCheck(),r.of(e)})),i.catchError((function(t){return console.error("Error fetching pending requests: ",t),r.of(null)})))},t.prototype.fetchMyConnections=function(){var t=this,n=new e.HttpHeaders({"Content-Type":"application/json",apiKey:this.autogenKey});return this.http.get(this.environment.USERS_API+"/events/"+this.eventId+"/users-connections/autogen?userId="+this.userId,{headers:n}).pipe(i.switchMap((function(e){return t.myConnections=e,t.cdr.markForCheck(),r.of(e)})),i.catchError((function(t){return console.error("Error fetching pending requests: ",t),r.of(null)})))},t.prototype.toggleDropdown=function(){this.agents||this.fetchAgents(),this.isDropdownOpen=!this.isDropdownOpen,this.cdr.detectChanges()},t.prototype.onSelectAll=function(t){var e;null===(e=this.agents)||void 0===e||e.forEach((function(t){return t.selected=!1})),this.cdr.detectChanges()},t.prototype.onAgentChange=function(t){var e=this.agents.filter((function(e){return e.id==t.id}));e&&e.length>0&&(e[0].selected=!e[0].selected,this.cdr.detectChanges()),this.cdr.detectChanges()},t.prototype.areAllSelected=function(){var t;return null===(t=this.agents)||void 0===t?void 0:t.every((function(t){return!t.selected}))},t.prototype.getDropdownHeaderText=function(){var t,e=null===(t=this.agents)||void 0===t?void 0:t.filter((function(t){return t.selected}));return e?e&&0===(null==e?void 0:e.length)?"All Agents":(null==e?void 0:e.length)>1?(null==e?void 0:e.length)+" Agents Selected":(null==e?void 0:e.length)+" Agent Selected":"All Agents"},t.prototype.fetchAgents_http=function(){var t=this;this.loading=!0;var n=this.environment.AGENTS_API+"/CoPilot/"+this.botId+"/active-agents",o=new e.HttpHeaders({"Content-Type":"application/json"});return this.http.post(n,{},{headers:o}).pipe(i.switchMap((function(e){return e&&(t.agents=e.map((function(t){return Object.assign(Object.assign({},t),{selected:!1})}))),t.cdr.markForCheck(),r.of(e)})),i.catchError((function(t){return console.error("Error fetching chatbot config: ",t),r.of(null)})))},t.prototype.fetchContent_http=function(){var t=this;this.isDocInEditMode=!1,this.isContentLoaded=!1,console.log("API call function"),this.loading=!0;var n=this.conversationService.getKey(this.botId);this.conversationId=n;var o=this.environment.AGENTS_API+"/ConversationDocuments?conversationId="+n+"&botId="+this.botId,a=new e.HttpHeaders({"Content-Type":"application/json",apiKey:"WIz/qAm+EEmfOkFaUA/weA==","domain-authority":this.domainAuthorityValue});return this.http.get(o,{headers:a}).pipe(i.switchMap((function(e){return e&&(t.isDocInEditMode=!0,t.documentContent=e,console.log("Get API callled success"),t.isContentLoaded=!0,console.log(e)),t.cdr.markForCheck(),r.of(e)})),i.catchError((function(e){return console.error("Error fetching chatbot config DJ: ",e),t.isDocInEditMode=!1,t.isContentLoaded=!0,404==(null==e?void 0:e.status)&&(console.log("dash"),t.isDocInEditMode=!1,t.isContentLoaded=!0),r.of(null)})))},t.prototype.fetchAgents=function(){this.fetchAgents_http().subscribe()},t.prototype.fetchEditorContent=function(){this.fetchContent_http().subscribe()},t.prototype.processMessageForDisplay=function(t){try{var e=new l.Renderer;e.link=function(t,e,n){return'<a href="'+t+'" title="'+(e||"")+'" target="_blank">'+n+"</a>"};var n=l.parse(t,{renderer:e});return this.sanitizer.bypassSecurityTrustHtml(n)}catch(t){return console.error("Error processing markdown:",t),""}},t.prototype.prepareHtml=function(t){var e=this;if(!(t&&t.length>0))return console.error("Input Markdown is null or empty"),"";var n=t.replace(/^(#{1,6})\s+(.*)$/gm,(function(t,e,n){var o=e.length;return 3===o?"<h3><strong>"+n+"</strong></h3>":4===o?"<h4><strong>"+n+"</strong></h4>":"<strong>"+n+"</strong>"}));return n=(n=(n=(n=(n=(n=(n=n.replace(/```(\w+)?\n([\s\S]*?)```/g,(function(t,n,o){var r=e.escapeHtml(o);return'\n <div class="code-container">\n <button id="copy-button" class="copy-button" (click)="copyToClipboard(\'`'+r+'`\')">Copy</button>\n <pre class="code_block diff"><code class="language-'+(n||"plaintext")+'">'+r+"</code></pre>\n </div>"}))).replace(/`([^`]+)`/g,"<code>$1</code>")).replace(/\*\*(.*?)\*\*/g,"<strong>$1</strong>")).replace(/^\d+\.\s+(.*)$/gm,"<li>$1</li>")).replace(/^\-\s+(.*)$/gm,"<li>$1</li>")).replace(/\[([^\]]+)]\(([^)]+)\)/g,'<a href="$2" target="_blank">$1</a>')).replace(/(?:\r\n|\r|\n)/g,"<br>")},t.prototype.escapeHtml=function(t){return t.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")},t.prototype.copyToClipboard=function(t){navigator.clipboard.writeText(t).then((function(){alert("Code copied to clipboard!")}),(function(t){console.error("Could not copy text: ",t)}))},t.prototype.toggleCollapse=function(){this.isCollapsed=!this.isCollapsed,this.cdr.detectChanges()},t.prototype.toggleCollapseGraph=function(){this.isCollapsedForGraph=!this.isCollapsedForGraph,this.cdr.detectChanges()},t.prototype.toggleCollapseFGraph=function(){this.isCollapsedForFGraph=!this.isCollapsedForFGraph,this.cdr.detectChanges()},t.prototype.getDomainName=function(t){try{return new URL(t).hostname.replace(/^www\./,"")}catch(t){return"unknown"}},t.prototype.getFaviconUrl=function(t){return"https://www.google.com/s2/favicons?sz=128&domain="+this.getDomainName(t)},t.prototype.onCardClick=function(t){this.currentSourcesList=t,this.cdr.detectChanges(),this.sourcesDrawer.open();var e=document.getElementById("botcloseplaygroundbutton");e&&(e.style.display="none")},t.prototype.openOuterEditor=function(){this.fetchEditorContent(),this.editorsDrawer.open(),this.isDrawerOpen=!0,this.isShowEditorButton=!1,this.cdr.detectChanges();var t=document.getElementById("botcloseplaygroundbutton");t&&(t.style.display="none")},t.prototype.onCloseEditor=function(){this.editorsDrawer.close(),this.isDrawerOpen=!1,this.isShowEditorButton=!0,this.cdr.detectChanges(),this.onDrawerClosed()},t.prototype.onCloseSource=function(){this.sourcesDrawer.close(),this.isDrawerOpen=!1,this.cdr.detectChanges(),this.onDrawerClosed()},t.prototype.onDrawerClosed=function(){var t=this;setTimeout((function(){t.isDrawerOpen=!0,t.cdr.detectChanges();var e=document.getElementById("botcloseplaygroundbutton");e&&(e.style.display="block")}),800)},t.prototype.toggleDrawer=function(t){this.isDrawerOpen=t,this.cdr.detectChanges(),this.updateButtonVisibility()},t.prototype.updateButtonVisibility=function(){var t=document.getElementById("botcloseplaygroundbutton");t&&(t.style.display=this.isDrawerOpen?"block":"none")},t.prototype.openLinkInNewTab=function(t){window.open(t,"_blank")},t.prototype.adjustTextareaHeight=function(t){try{"Enter"!==t.key||t.shiftKey||t.preventDefault()}catch(t){}var e=t.target;e.style.height="auto",e.style.height=e.scrollHeight+"px",e.scrollHeight>150?(e.style.height="150px",e.style.overflowY="auto"):e.style.overflowY="hidden"},t.prototype.toggleWorkflows=function(t){var e=this;void 0===t&&(t=null),this.checkForCop29BotId()||this.botService.getWorkflowsByOrgId(this.orgId).subscribe((function(n){e.orgWorkflows=n,e.isWorkflowOpen=null==t?!e.isWorkflowOpen:t,e.isWorkflowOpen||(e.selectedWorkflow=null,e.openWorkflowInput=!1),e.cdr.detectChanges()}))},t.prototype.initializeForm=function(){var t,e,n={};(null===(e=null===(t=this.selectedWorkflow)||void 0===t?void 0:t.Trigger)||void 0===e?void 0:e.InputSchema)&&this.selectedWorkflow.Trigger.InputSchema.forEach((function(t){n[t.InputId]=[t.Value||"",t.Required?s.Validators.required:null]})),this.workflowForm=this.fb.group(n)},t.prototype.onWorkflowSelected=function(t){this.selectedWorkflow=t,this.initializeForm(),this.isWorkflowOpen=!1,this.openWorkflowInput=!0},t.prototype.onWorkflowSubmit=function(){document.getElementById("allChats");if(this.workflowForm.valid){console.log(this.workflowForm.value);var t=this.prepareHtml(this.generateMarkdown(this.selectedWorkflow.Name,this.workflowForm.value));try{this.chatLog[this.chatLog.length-1].showWorkflowExecutionLoader=!1,this.chatLog[this.chatLog.length-2].showWorkflowExecutionLoader=!1}catch(t){}this.chatLog.push({type:"user",message:t,time:y(this.timezone),copied:!1,isCollapsedTrue:!1,showWorkflowExecutionLoader:!0}),console.log(t),this.currentWorkflowActionProgress=0,this.currentWorkflowAction="Executing "+this.selectedWorkflow.Actions[0].Name,this.isChatingWithAi=!0,this.executingWorkflow=!0,this.workflowExecutionDetails={Actions:this.selectedWorkflow.Actions,Inputs:this.workflowForm.value,workflowInputs:this.workflowForm.value,WorkflowName:this.selectedWorkflow.Name},this.currentWorkflowExecutionDetails=this.workflowExecutionDetails,this.scrollToBottom(),this.cdr.detectChanges(),this.makeAskRequest(t,this.agents,this.conversationKey,"",null,this.selectedWorkflow._id,this.workflowForm.value)}},t.prototype.makeAskRequest=function(t,e,n,o,r,i,a){var s,c=this,l=this.environment.BASE_URL+"/ai/ask",d={user_question:t,user_id:this.userId,bot_id:this.botId,message_id:this.conversationService.generateKey(),agents:null!==(s=null==e?void 0:e.filter((function(t){return t.selected})).map((function(t){return t.id})))&&void 0!==s?s:[],conversation_id:n,first_name:this.firstName,last_name:this.lastName};i&&(d.workflow_id=i,d.workflow_inputs=a),fetch(l,{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer "+this.s27Token,"x-api-key":this.apiKey,"hive-bot-id":this.botId,"domain-authority":this.domainAuthorityValue},body:JSON.stringify(d)}).then((function(t){return 401===t.status||403===t.status?(c.is401=!0,c.refreshToken.emit(),o&&r&&(c.msg=o,c.chat=r,c.isFetchDataFor=!0)):c.is401=!1,t.json()})).then((function(t){console.log(t)})).catch((function(t){console.error("Error: ",t),c.isChatingWithAi=!1})),this.input="",this.selectedWorkflow=null,this.openWorkflowInput=!1,this.isWorkflowOpen=!1,this.scrollToBottom(),this.cdr.markForCheck()},t.prototype.generateMarkdown=function(t,e){var n,o,r,i,a="## "+t+"\n",s=function(t,e){i=(null===(r=c.selectedWorkflow.Trigger.InputSchema.find((function(e){return e.InputId===t})))||void 0===r?void 0:r.Label)||t,a+="- **"+i+"**: "+e+"\n"},c=this;try{for(var l=m(Object.entries(e)),d=l.next();!d.done;d=l.next()){var p=b(d.value,2);s(p[0],p[1])}}catch(t){n={error:t}}finally{try{d&&!d.done&&(o=l.return)&&o.call(l)}finally{if(n)throw n.error}}return a},t.prototype.showWorkflowHistoryDetails=function(t){var e=this;if(!t)return this.workflowExecutionDetails=this.currentWorkflowExecutionDetails,this.showWorkflowExecutionDetails=!0,void this.cdr.detectChanges();this.botService.getWorkflowExecutionById(t).subscribe((function(t){t&&t.Actions&&Array.isArray(t.Actions)&&(t.Actions=t.Actions.map((function(t){return t.InsertTimeStamp&&(t.InsertTimeStamp=w(e.timezone,t.InsertTimeStamp)),t}))),t.InsertTimeStamp=w(e.timezone,t.InsertTimeStamp),e.workflowExecutionDetails=t,e.showWorkflowExecutionDetails=!0,e.cdr.detectChanges()}))},t.prototype.closeModal=function(){this.showWorkflowExecutionDetails=!1},t.prototype.objectToArray=function(t){return Object.keys(t).map((function(e){return{key:e,value:t[e]}}))},t.prototype.startNewConversation=function(){var t=this;this.conversationKey=this.conversationService.getKey(this.botId,!0),this.chatLog=[this.chatLog[0]],this.isChatingWithAi=!1,setTimeout((function(){t.initializeSocket()}),200),this.scrollToBottom(),this.cdr.detectChanges()},t.prototype.initializeSpeechRecognizer=function(t){var e=this;this.speechConfig=c.SpeechConfig.fromAuthorizationToken(t,this.region);var n=c.AudioConfig.fromDefaultMicrophoneInput();this.recognizer=new c.SpeechRecognizer(this.speechConfig,n),this.recognizer.recognizing=function(t,n){n.result.reason===c.ResultReason.RecognizingSpeech&&(e.input=n.result.text,console.log("Recognizing: "+n.result.text),e.cdr.markForCheck())},this.recognizer.recognized=function(t,n){n.result.reason===c.ResultReason.RecognizedSpeech&&(e.input=n.result.text,console.log("Recognized: "+n.result.text),e.toggleRecording(),e.cdr.markForCheck())},this.recognizer.canceled=function(t,e){console.error("Canceled: ",e.errorDetails)},this.recognizer.sessionStopped=function(t,n){console.log("Session stopped."),e.recognizer.stopContinuousRecognitionAsync(),e.fetchData()}},t.prototype.toggleRecording=function(){this.isRecording=!this.isRecording,this.isRecording?this.startRecognition():this.stopRecognition()},t.prototype.startRecognition=function(){this.recognizer.startContinuousRecognitionAsync()},t.prototype.stopRecognition=function(){this.recognizer.stopContinuousRecognitionAsync()},t.prototype.checkForCop29BotId=function(){return"66fa3f276c5d71e2717bfea8"==this.botId},t.prototype.getLatestTime=function(t){return t||(new Date).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})},t}();E.decorators=[{type:n.Component,args:[{selector:"hivegpt-chat-drawer-package",template:'<button *ngIf="isShowEditorButton && !checkForCop29BotId()" (click)="openOuterEditor()" class="fixed-btn">\r\n <span style="font-size: 12px" class="material-icons notranslate">\r\n create\r\n </span>\r\n Editor\r\n</button>\r\n\r\n<button *ngIf="!isShowEditorButton" (click)="onCloseEditor()" class="fixed-btn-close">\r\n <span style="font-size: 12px" class="material-icons notranslate">\r\n close\r\n </span>\r\n Close\r\n</button>\r\n\r\n<mat-drawer-container class="hivegpt-chat-wrapper" [ngClass]="{ \'mat-drawer-container-has-open\': isDrawerOpen }"\r\n [class.ios-device]="isIOSDevice" [hasBackdrop]="hasBackdropValue">\r\n <mat-drawer class="drawer" #drawer [position]="\'start\'" [mode]="\'over\'" opened="true"\r\n [class.full-width-drawer]="fullView" [style.background]="\r\n \'linear-gradient(\' + (bgGradient ? bgGradient.join(\', \') : \'\') + \')\'\r\n ">\r\n <mat-drawer-content>\r\n <div class="chat-main">\r\n \x3c!-- <div class="chat-header">\r\n <h2> --\x3e\r\n \x3c!-- {{eventName}} --\x3e\r\n \x3c!-- </h2> --\x3e\r\n \x3c!-- <button class="closeIcon" (click)="onClose()">\r\n <span class="material-symbols-outlined">\r\n close\r\n </span>\r\n </button> --\x3e\r\n \x3c!-- </div> --\x3e\r\n\r\n <div class="innerChat" #chatMain>\r\n <div (click)="startNewConversation()" class="new-conversationbutton">\r\n New Chat <span><svg xmlns="http://www.w3.org/2000/svg" width="14.061" height="14.261"\r\n viewBox="0 0 14.061 14.261">\r\n <path id="Path_164" data-name="Path 164"\r\n d="M10.146,5.075H4.531A1.544,1.544,0,0,0,3,6.631v7.262A1.544,1.544,0,0,0,4.531,15.45h7.146a1.544,1.544,0,0,0,1.531-1.556V8.187m-7.146,4.15L15.25,3m0,0H11.677M15.25,3V6.631"\r\n transform="translate(-2.25 -1.939)" fill="none" stroke="#06f" stroke-linecap="round"\r\n stroke-linejoin="round" stroke-width="1.5" />\r\n </svg>\r\n\r\n </span>\r\n </div>\r\n <div class="sticky-header-chat">\r\n <div class="title_chat">\r\n <h2>\r\n <span>\r\n {{ botName }}\r\n <svg *ngIf="!checkForCop29BotId()" xmlns="http://www.w3.org/2000/svg" width="31.499" height="31.501"\r\n viewBox="0 0 31.499 31.501">\r\n <path id="Icon_ion-shield-checkmark" data-name="Icon ion-shield-checkmark"\r\n d="M33.685,7.83a1.125,1.125,0,0,0-.925-1.036,49.227,49.227,0,0,1-14.3-4.444,1.125,1.125,0,0,0-.927,0A49.226,49.226,0,0,1,3.24,6.794,1.125,1.125,0,0,0,2.315,7.83a27.621,27.621,0,0,0,1.718,11.9A24.572,24.572,0,0,0,9.07,27.641a25.712,25.712,0,0,0,8.513,6.028,1.125,1.125,0,0,0,.844,0,25.712,25.712,0,0,0,8.513-6.028,24.572,24.572,0,0,0,5.027-7.911,27.621,27.621,0,0,0,1.718-11.9Zm-9.211,5.281-7.791,9a1.125,1.125,0,0,1-.8.389h-.046a1.125,1.125,0,0,1-.788-.322L11.587,18.79a1.125,1.125,0,1,1,1.575-1.607l2.6,2.552,7.01-8.1a1.125,1.125,0,0,1,1.7,1.472Z"\r\n transform="translate(-2.25 -2.25)" fill="#06f" />\r\n </svg>\r\n </span>\r\n <span *ngIf="!checkForCop29BotId()">\r\n <p class="small-title">AI-powered <span>copilot</span></p>\r\n </span>\r\n </h2>\r\n </div>\r\n <div class="chatType" style="display: none">\r\n <h4 class="labelChat">Choose a conversation style</h4>\r\n <ul>\r\n <li (click)="changeTemperature(0)">\r\n <button [ngClass]="{ active: temperature === 0 }">\r\n <span class="top-section-title"> More Creative </span>\r\n </button>\r\n </li>\r\n <li (click)="changeTemperature(1)" class="fdssfd">\r\n <button [ngClass]="{ active: temperature === 1 }">\r\n <span class="top-section-title"> More Balanced </span>\r\n </button>\r\n </li>\r\n <li (click)="changeTemperature(2)">\r\n <button [ngClass]="{ active: temperature === 2 }">\r\n <span class="top-section-title"> More Precise </span>\r\n </button>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \x3c!-- chattype --\x3e\r\n <div id="allChats" class="chat bot" *ngFor="let chat of chatLog; let i = index">\r\n <div class="chat-box">\r\n <div class="message">\r\n <div class="time-cta" [ngClass]="{\r\n \'time-cta din\': showFeedBackIconsIndex === i,\r\n \'time-cta\': showFeedBackIconsIndex != i\r\n }">\r\n <div class="Icon_TimeSTamp" *ngIf="chat?.type === \'ai\'">\r\n \x3c!-- <img [src]="botIcon" [alt]="botName || \'Assistant\'" /> --\x3e\r\n <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44">\r\n <g id="Group_121" data-name="Group 121" transform="translate(4843 -371)">\r\n <g id="Ellipse_18" data-name="Ellipse 18" transform="translate(-4843 371)" fill="#fcfcfc"\r\n stroke="#dfdfdf" stroke-width="1">\r\n <circle cx="22" cy="22" r="22" stroke="none" />\r\n <circle cx="22" cy="22" r="21.5" fill="none" />\r\n </g>\r\n <g id="Group_120" data-name="Group 120" transform="translate(-4835.141 378.855)">\r\n <g id="Group_1" data-name="Group 1" transform="translate(7.29 0)">\r\n <path id="Path_1" data-name="Path 1"\r\n d="M93.774,41.324,98.757,44.2v5.753l-4.983,2.877-4.983-2.877V44.2l4.983-2.877m0-2.034L87.03,43.183V50.97l6.744,3.893,6.744-3.893V43.183L93.774,39.29Z"\r\n transform="translate(-87.03 -39.29)" fill="gray" />\r\n </g>\r\n <g id="Group_2" data-name="Group 2" transform="translate(0 12.717)">\r\n <path id="Path_2" data-name="Path 2"\r\n d="M52.374,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L45.63,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"\r\n transform="translate(-45.63 -111.51)" fill="gray" />\r\n </g>\r\n <g id="Group_3" data-name="Group 3" transform="translate(14.793 12.717)">\r\n <path id="Path_3" data-name="Path 3"\r\n d="M136.384,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L129.64,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"\r\n transform="translate(-129.64 -111.51)" fill="gray" />\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n\r\n <div class="dateTime" [style.color]="dateTimeColor ? \'\' : \'\'">\r\n <span>{{ \'Assistant\' }}</span> {{ chat?.time }}\r\n </div>\r\n </div>\r\n\r\n <div class="Icon_TimeSTamp" *ngIf="chat?.type === \'user\'">\r\n <div class="user-Box">\r\n <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44">\r\n <g id="Ellipse_17" data-name="Ellipse 17" fill="#fcfcfc" stroke="#dfdfdf" stroke-width="1">\r\n <circle cx="22" cy="22" r="22" stroke="none" />\r\n <circle cx="22" cy="22" r="21.5" fill="none" />\r\n </g>\r\n <path id="Icon_grommet-user-expert" data-name="Icon grommet-user-expert"\r\n d="M14.24,20.443a9.472,9.472,0,1,0-9.472-9.472,9.472,9.472,0,0,0,9.472,9.472Zm10.329,5.225c-1.957-3.347-6.516-5.225-10.329-5.225-3.145,0-8.046.805-10.761,5.225"\r\n transform="translate(7.976 8.416)" fill="none" stroke="gray" stroke-width="1.5" />\r\n </svg>\r\n\r\n <div class="dateTime"><span>You</span> {{ chat?.time }}\r\n </div>\r\n </div>\r\n <div class="bards">\r\n <div class="bars" *ngIf="chat?.WorkflowExecutionId || chat?.showWorkflowExecutionLoader">\r\n <button class="icon-button" (click)="showWorkflowHistoryDetails(chat.WorkflowExecutionId)">\r\n <i class="fas fa-bars"></i>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class="researchingCard">\r\n <div *ngIf="\r\n (chat?.searchTerms && chat?.searchTerms.length > 0) ||\r\n (chat?.sourcesList && chat?.sourcesList.length > 0)\r\n " class="card-header d-flex align-items-center" (click)="toggleCollapse()">\r\n <span class="icon"><i class="bx bx-plus-circle bx-sm"></i></span>\r\n <span class="ml-2">Researching\r\n <i id="toggleIcon" class="toggle-icon ml-2 fa" [ngClass]="{\r\n \'fa-chevron-down\': isCollapsed,\r\n \'fa-chevron-up\': !isCollapsed\r\n }"></i></span>\r\n </div>\r\n <div *ngIf="chat?.searchTerms && chat?.searchTerms.length > 0" [ngClass]="{ collapse: isCollapsed }">\r\n <ul class="list-group list-group-flush uptList">\r\n <li *ngFor="let term of chat?.searchTerms" class="list-group-item">\r\n Searching for\r\n <strong>{{ term }}</strong>\r\n </li>\r\n </ul>\r\n\r\n <h5 class="mt-2" *ngIf="chat?.sourcesList && chat?.sourcesList.length > 0">\r\n <i class="bx bx-unite"></i> Sources\r\n </h5>\r\n <div class="sources-container" *ngIf="chat?.sourcesList && chat?.sourcesList.length > 0">\r\n <div class="source-card" *ngFor="\r\n let source of chat?.displayedSources;\r\n let i = index\r\n ">\r\n <div>\r\n <div class="source-title">{{ source.title }}</div>\r\n <div class="source-url">\r\n <img class="relative block" [src]="getFaviconUrl(source.link)"\r\n [alt]="getDomainName(source.link) + \' favicon\'" />\r\n {{ getDomainName(source.link) }}\r\n </div>\r\n <div class="popup">\r\n <div class="source-url" (click)="openLinkInNewTab(source.link)">\r\n <img class="relative block" [src]="getFaviconUrl(source.link)"\r\n [alt]="getDomainName(source.link) + \' favicon\'" />\r\n {{ getDomainName(source.link) }}\r\n </div>\r\n <h5 (click)="openLinkInNewTab(source.link)">\r\n {{ source.title }}\r\n </h5>\r\n <p (click)="openLinkInNewTab(source.link)">\r\n {{ source.desc }}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n <ng-container *ngIf="\r\n chat?.remainingSources &&\r\n chat?.remainingSources.length > 0\r\n ">\r\n <div class="source-card" (click)="onCardClick(chat?.sourcesList)">\r\n <div>\r\n <div class="source-title">\r\n <img *ngFor="\r\n let source of chat?.remainingSources;\r\n let i = index\r\n " class="relative block" [src]="getFaviconUrl(source.link)"\r\n [alt]="getDomainName(source.link) + \' favicon\'" />\r\n </div>\r\n <div class="source-url">\r\n View {{ chat?.remainingSources.length }} more\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf="chat?.type === \'ai\' || chat?.type === \'user\'" [ngStyle]="{\r\n background:\r\n chat?.type === \'ai\' && bgBubbleAi\r\n ? \'\'\r\n : chat?.type === \'user\' && bgBubbleUser\r\n ? \'\'\r\n : \'\'\r\n }">\r\n <div id="messageText_{{ i }}">\r\n <p *ngIf="chat?.type === \'ai\' || chat?.type === \'user\'" [ngClass]="{\r\n \'SearchTitle ai\': chat?.type === \'ai\',\r\n \'SearchTitle user\': chat?.type === \'user\'\r\n }" [ngStyle]="{\r\n background: chat?.type === \'ai\' && messageTextColorAi ? messageTextColorAi : (chat?.type === \'user\' && messageTextColorUser ? messageTextColorUser : \'defaultBackground\'),\r\n color: chat?.type === \'ai\' && messageTextColorAi ? messageTextColorAi : (chat?.type === \'user\' && messageTextColorUser ? messageTextColorUser : \'defaultColor\')\r\n }" [innerHTML]="chat?.message">\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div class="progress-container" *ngIf="chat?.showWorkflowExecutionLoader">\r\n <div class="circular-loader">\r\n <div class="loader-spinner" *ngIf="currentWorkflowActionProgress < 100"\r\n [ngStyle]="{ \'transform\': \'rotate(\' + (percentage * 3.6) + \'deg)\' }">\r\n </div>\r\n <div class="checkmark" *ngIf="currentWorkflowActionProgress == 100">\r\n <svg viewBox="0 0 52 52">\r\n <circle class="checkmark-circle" cx="26" cy="26" r="25" fill="none" />\r\n <path class="checkmark-check" fill="none" d="M14 27l7 7 16-16" />\r\n </svg>\r\n </div>\r\n\r\n <div class="loader-text" *ngIf="currentWorkflowActionProgress < 100">{{\r\n currentWorkflowActionProgress\r\n }}%</div>\r\n </div>\r\n <div class="loader-label">\r\n {{currentWorkflowAction}}...\r\n </div>\r\n </div>\r\n\r\n <div class="exicution mt-2" *ngIf="\r\n chat?.type === \'ai\' &&\r\n chat?.graphs &&\r\n chat?.graphs.length > 0\r\n ">\r\n <h5 *ngIf="chat?.type === \'ai\'">\r\n <i class="bx bx-network-chart"></i> Graphs\r\n <i (click)="toggleCollapseFGraph()" class="toggle-icon ml-2 fa" [ngClass]="{\r\n \'fas fa-chevron-down\': isCollapsedForFGraph,\r\n \'fas fa-chevron-up\': !isCollapsedForFGraph\r\n }"></i>\r\n </h5>\r\n <img *ngFor="let image of chat?.graphs" class="graph-img"\r\n [ngClass]="{ collapse: isCollapsedForFGraph }" [src]="image" alt="" />\r\n </div>\r\n <ng-container *ngIf="!checkForCop29BotId()">\r\n <div class="exicution mt-2" *ngIf="\r\n chat?.type === \'ai\' &&\r\n chat?.executionGraphs &&\r\n chat?.executionGraphs?.length > 0\r\n ">\r\n <h5 *ngIf="chat?.type === \'ai\'">\r\n <i class="bx bx-network-chart"></i> Execution Path Diagram\r\n For Data Visualization Workflow\r\n <i (click)="toggleCollapseGraph()" class="toggle-icon ml-2 fa" [ngClass]="{\r\n \'fas fa-chevron-down\': isCollapsedForGraph,\r\n \'fas fa-chevron-up\': !isCollapsedForGraph\r\n }"></i>\r\n </h5>\r\n <img *ngFor="let image of chat?.executionGraphs" class="graph-img"\r\n [ngClass]="{ collapse: isCollapsedForGraph }" [src]="image" alt="" />\r\n </div>\r\n </ng-container>\r\n <div class="cta" *ngIf="showFeedBackIconsIndex === i">\r\n <div class="copyBox" title="Copy">\r\n <button title="{{ chat?.copied ? \'Copied!\' : \'Copy\' }}" class="copy" [class.active]="chat?.copied"\r\n (click)="handleCopyClick(i)">\r\n <i *ngIf="chat?.copied">\r\n <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7L19.59 5.59L9 16.17Z" fill="#566563" />\r\n </svg>\r\n </i>\r\n\r\n <i *ngIf="!chat?.copied">\r\n <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M19.24 2H8.84C8.14 2 7.58 2.56 7.58 3.26V16.84C7.58 17.54 8.14 18.1 8.84 18.1H19.24C19.94 18.1 20.5 17.54 20.5 16.84V3.26C20.5 2.56 19.94 2 19.24 2ZM19.24 16.84H8.84V3.26H19.24V16.84ZM4.74 6.52C4.04 6.52 3.48 7.08 3.48 7.78V20.36C3.48 21.06 4.04 21.62 4.74 21.62H15.14C15.84 21.62 16.4 21.06 16.4 20.36V18.88H14.96V20.36H4.74V7.78H6.18V6.52H4.74Z"\r\n fill="#566563" />\r\n </svg>\r\n </i>\r\n </button>\r\n\r\n <button *ngIf="!checkForCop29BotId()" class="up copy"\r\n title="{{ chat?.isEditor ? \'Added!\' : \'Add to editor\' }}" (click)="handleEditorClick(i)">\r\n <svg *ngIf="!chat?.isEditor" xmlns="http://www.w3.org/2000/svg" width="20.152" height="20.152"\r\n viewBox="0 0 20.152 20.152">\r\n <g id="Icon_feather-edit" data-name="Icon feather-edit" transform="translate(-2.5 -2.166)">\r\n <path id="Path_166" data-name="Path 166"\r\n d="M11.5,6H4.889A1.889,1.889,0,0,0,3,7.889v13.22A1.889,1.889,0,0,0,4.889,23h13.22A1.889,1.889,0,0,0,20,21.108V14.5"\r\n transform="translate(0 -1.179)" fill="none" stroke="#393939" stroke-linecap="round"\r\n stroke-linejoin="round" stroke-width="1" />\r\n <path id="Path_167" data-name="Path 167"\r\n d="M21.915,3.4a2,2,0,0,1,2.833,2.833l-8.971,8.971L12,16.152l.944-3.777Z"\r\n transform="translate(-3.334 0)" fill="none" stroke="#393939" stroke-linecap="round"\r\n stroke-linejoin="round" stroke-width="1" />\r\n </g>\r\n </svg>\r\n\r\n <i *ngIf="chat?.isEditor">\r\n <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7L19.59 5.59L9 16.17Z" fill="#566563" />\r\n </svg>\r\n </i>\r\n </button>\r\n\r\n <button class="up copy" title="Like" [class.active]="chat?.liked" (click)="handleUpClick(i)">\r\n <i *ngIf="chat?.liked">\r\n <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M8.38989 18.4902V8.33022C8.38989 7.93022 8.50989 7.54022 8.72989 7.21022L11.4599 3.15022C11.8899 2.50022 12.9599 2.04022 13.8699 2.38022C14.8499 2.71022 15.4999 3.81022 15.2899 4.79022L14.7699 8.06022C14.7299 8.36022 14.8099 8.63022 14.9799 8.84022C15.1499 9.03022 15.3999 9.15022 15.6699 9.15022H19.7799C20.5699 9.15022 21.2499 9.47022 21.6499 10.0302C22.0299 10.5702 22.0999 11.2702 21.8499 11.9802L19.3899 19.4702C19.0799 20.7102 17.7299 21.7202 16.3899 21.7202H12.4899C11.8199 21.7202 10.8799 21.4902 10.4499 21.0602L9.16989 20.0702C8.67989 19.7002 8.38989 19.1102 8.38989 18.4902Z"\r\n fill="#17235B" />\r\n <path\r\n d="M5.21 6.37988H4.18C2.63 6.37988 2 6.97988 2 8.45988V18.5199C2 19.9999 2.63 20.5999 4.18 20.5999H5.21C6.76 20.5999 7.39 19.9999 7.39 18.5199V8.45988C7.39 6.97988 6.76 6.37988 5.21 6.37988Z"\r\n fill="#17235B" />\r\n </svg>\r\n </i>\r\n <i *ngIf="!chat?.liked">\r\n <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M10.4037 20.9264L10.381 20.9038L10.3557 20.8843L7.72165 18.85L8.02965 18.4516L10.7161 20.5315C10.9228 20.7195 11.2181 20.8517 11.4962 20.9377C11.7978 21.0309 12.1451 21.09 12.4801 21.09H16.2801C16.8572 21.09 17.4266 20.8625 17.8751 20.5306C18.3159 20.2044 18.6912 19.7385 18.8305 19.1997L21.2428 11.8732C21.4379 11.3309 21.4287 10.749 21.0965 10.2887C20.7583 9.81377 20.1844 9.58999 19.5801 9.58999H15.5801C15.2031 9.58999 14.8615 9.43143 14.6276 9.16215L14.627 9.16142C14.3873 8.88649 14.2756 8.51549 14.3345 8.11501L14.8322 4.9195C14.9978 4.1052 14.4664 3.24596 13.7053 2.98804C13.3277 2.85165 12.9297 2.89129 12.61 2.99839C12.2949 3.10396 11.9772 3.30172 11.7881 3.57673L11.7881 3.57671L11.7851 3.58107L7.96352 9.26689L7.55454 8.99314L11.3751 3.30891L11.3755 3.30836C11.8763 2.56103 13.0109 2.19028 13.8726 2.51744L13.8834 2.52151L13.8943 2.52509C14.9044 2.8564 15.556 3.98765 15.3317 5.01314L15.3284 5.02805L15.326 5.04314L14.836 8.19314L14.836 8.19313L14.8351 8.19928C14.8184 8.31642 14.7981 8.60268 15.0138 8.84924L15.0248 8.86177L15.0366 8.87354C15.1833 9.02026 15.3817 9.09999 15.5901 9.09999H19.5901C20.4308 9.09999 21.1176 9.44886 21.5113 10.0079L21.5124 10.0095C21.8964 10.5502 21.9908 11.2849 21.7202 12.0291L21.7175 12.0365L21.7151 12.044L19.3251 19.324L19.3198 19.34L19.3156 19.3564C19.0058 20.5707 17.6766 21.6 16.2801 21.6H12.4801C12.2411 21.6 11.8403 21.5625 11.4297 21.4512C11.0123 21.338 10.6406 21.1633 10.4037 20.9264Z"\r\n fill="#566563" stroke="#566563" />\r\n <path\r\n d="M5.37988 20.4999H4.37988C3.52442 20.4999 2.98559 20.2982 2.65822 19.9825C2.33437 19.6702 2.12988 19.1614 2.12988 18.3499V8.5499C2.12988 7.73843 2.33437 7.22962 2.65822 6.91731C2.98559 6.6016 3.52442 6.3999 4.37988 6.3999H5.37988C6.23534 6.3999 6.77418 6.6016 7.10155 6.91731C7.4254 7.22962 7.62988 7.73843 7.62988 8.5499V18.3499C7.62988 19.1614 7.4254 19.6702 7.10155 19.9825C6.77418 20.2982 6.23534 20.4999 5.37988 20.4999ZM4.37988 6.8999C4.0934 6.8999 3.83578 6.9164 3.61382 6.96689C3.38745 7.01838 3.16822 7.11196 2.99258 7.2876C2.81559 7.46459 2.72807 7.67966 2.68301 7.89002C2.63948 8.09318 2.62988 8.31967 2.62988 8.5499V18.3499C2.62988 18.5801 2.63948 18.8066 2.68301 19.0098C2.72807 19.2201 2.81559 19.4352 2.99258 19.6122C3.16822 19.7878 3.38745 19.8814 3.61382 19.9329C3.83578 19.9834 4.0934 19.9999 4.37988 19.9999H5.37988C5.66637 19.9999 5.92398 19.9834 6.14595 19.9329C6.37232 19.8814 6.59155 19.7878 6.76719 19.6122C6.94418 19.4352 7.0317 19.2201 7.07676 19.0098C7.12028 18.8066 7.12988 18.5801 7.12988 18.3499V8.5499C7.12988 8.31967 7.12028 8.09318 7.07676 7.89002C7.0317 7.67966 6.94418 7.46459 6.76719 7.2876C6.59155 7.11196 6.37232 7.01838 6.14595 6.96689C5.92398 6.9164 5.66637 6.8999 5.37988 6.8999H4.37988Z"\r\n fill="#566563" stroke="#566563" />\r\n </svg>\r\n </i>\r\n </button>\r\n <button class="down copy" title="Dislike" [class.active]="chat?.unliked"\r\n (click)="handleDownClick(i)">\r\n <i *ngIf="chat?.unliked">\r\n <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M15.61 5.50002V15.66C15.61 16.06 15.49 16.45 15.27 16.78L12.54 20.84C12.11 21.49 11.04 21.95 10.13 21.61C9.15002 21.28 8.50002 20.18 8.71002 19.2L9.23002 15.93C9.27002 15.63 9.19002 15.36 9.02002 15.15C8.85002 14.96 8.60002 14.84 8.33002 14.84H4.22002C3.43002 14.84 2.75002 14.52 2.35002 13.96C1.97002 13.42 1.90002 12.72 2.15002 12.01L4.61002 4.52002C4.92002 3.28002 6.27002 2.27002 7.61002 2.27002H11.51C12.18 2.27002 13.12 2.50002 13.55 2.93002L14.83 3.92002C15.32 4.30002 15.61 4.88002 15.61 5.50002Z"\r\n fill="#17235B" />\r\n\r\n <path\r\n d="M18.7901 17.6099H19.8201C21.3701 17.6099 22.0001 17.0099 22.0001 15.5299V5.4799C22.0001 3.9999 21.3701 3.3999 19.8201 3.3999H18.7901C17.2401 3.3999 16.6101 3.9999 16.6101 5.4799V15.5399C16.6101 17.0099 17.2401 17.6099 18.7901 17.6099Z"\r\n fill="#17235B" />\r\n </svg>\r\n </i>\r\n\r\n <i *ngIf="!chat?.unliked">\r\n <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M10.1237 21.481L10.1148 21.4778L10.1059 21.4748C9.09577 21.1435 8.44416 20.0122 8.66849 18.9867L8.67175 18.9718L8.6741 18.9568L9.1641 15.8068L9.16413 15.8068L9.16501 15.8006C9.18175 15.6835 9.20207 15.3972 8.98633 15.1507L8.97536 15.1381L8.96359 15.1263C8.81687 14.9796 8.61841 14.8999 8.41004 14.8999H4.41004C3.56937 14.8999 2.88252 14.551 2.48884 13.992L2.4877 13.9904C2.10371 13.4497 2.00931 12.715 2.27994 11.9708L2.28263 11.9634L2.28509 11.9559L4.67509 4.67586L4.68035 4.65985L4.68451 4.64353C4.99418 3.42996 6.33271 2.3999 7.72004 2.3999H11.52C11.7591 2.3999 12.1599 2.43736 12.5704 2.54872C12.9878 2.66194 13.3596 2.83655 13.5965 3.07346L13.6191 3.09608L13.6444 3.11563L16.2785 5.14986L15.9705 5.54825L13.2875 3.47111C13.0799 3.2763 12.7837 3.1413 12.5061 3.05412C12.2031 2.95897 11.8551 2.8999 11.52 2.8999H7.72004C7.1429 2.8999 6.57353 3.12735 6.12508 3.45926C5.68428 3.78551 5.30892 4.25142 5.16963 4.79019L2.75738 12.1167C2.56223 12.659 2.57147 13.2409 2.90366 13.7012C3.24183 14.1761 3.81578 14.3999 4.42004 14.3999H8.42004C8.79702 14.3999 9.13867 14.5585 9.37252 14.8277L9.37315 14.8285C9.61286 15.1034 9.72457 15.4745 9.66568 15.875C9.6656 15.8755 9.66552 15.8761 9.66544 15.8766L9.16795 19.0704C9.00242 19.8841 9.53299 20.7428 10.2933 21.0013C10.6685 21.1391 11.0675 21.0978 11.3857 20.9917C11.7001 20.8869 12.0218 20.6898 12.2121 20.4132L12.2121 20.4132L12.215 20.4088L16.0351 14.7253L16.4472 15.0045L12.6251 20.691L12.6249 20.6912C12.259 21.2361 11.5347 21.5999 10.8 21.5999C10.5668 21.5999 10.3358 21.5596 10.1237 21.481Z"\r\n fill="#566563" stroke="#566563" />\r\n <path\r\n d="M19.6201 17.6H18.6201C17.7647 17.6 17.2258 17.3983 16.8985 17.0826C16.5746 16.7703 16.3701 16.2615 16.3701 15.45V5.65C16.3701 4.83853 16.5746 4.32972 16.8985 4.0174C17.2258 3.7017 17.7647 3.5 18.6201 3.5H19.6201C20.4756 3.5 21.0144 3.7017 21.3418 4.0174C21.6656 4.32972 21.8701 4.83853 21.8701 5.65V15.45C21.8701 16.2615 21.6656 16.7703 21.3418 17.0826C21.0144 17.3983 20.4756 17.6 19.6201 17.6ZM18.6201 4C18.3336 4 18.076 4.01649 17.8541 4.06699C17.6277 4.11848 17.4085 4.21206 17.2328 4.3877C17.0558 4.56469 16.9683 4.77976 16.9232 4.99011C16.8797 5.19328 16.8701 5.41977 16.8701 5.65V15.45C16.8701 15.6802 16.8797 15.9067 16.9232 16.1099C16.9683 16.3202 17.0558 16.5353 17.2328 16.7123C17.4085 16.8879 17.6277 16.9815 17.8541 17.033C18.076 17.0835 18.3336 17.1 18.6201 17.1H19.6201C19.9066 17.1 20.1642 17.0835 20.3862 17.033C20.6126 16.9815 20.8318 16.8879 21.0074 16.7123C21.1844 16.5353 21.2719 16.3202 21.317 16.1099C21.3605 15.9067 21.3701 15.6802 21.3701 15.45V5.65C21.3701 5.41977 21.3605 5.19328 21.317 4.99011C21.2719 4.77976 21.1844 4.56469 21.0074 4.3877C20.8318 4.21206 20.6126 4.11848 20.3862 4.06699C20.1642 4.01649 19.9066 4 19.6201 4H18.6201Z"\r\n fill="#566563" stroke="#566563" />\r\n </svg>\r\n </i>\r\n </button>\r\n </div>\r\n </div>\r\n <div class="Related mt-2" *ngIf="\r\n showFeedBackIconsIndex === i &&\r\n chat?.relatedListItems &&\r\n chat?.relatedListItems.length > 0\r\n ">\r\n <h5 *ngIf="chat?.type === \'ai\'">\r\n <i class="bx bx-list-check"></i> Related\r\n </h5>\r\n <div class="card-container" *ngIf="chat?.type === \'ai\'">\r\n <ul class="list-container">\r\n <ng-container *ngFor="let item of chat?.relatedListItems">\r\n <li (click)="fetchDataFor(item, chat)">{{ item }}</li>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n\r\n\r\n </div>\r\n\r\n <div class="cta-faqs quick-prompts-extended" *ngIf="i == 0 && quickPrompts?.length">\r\n \x3c!-- <div *ngFor="let tile of quickPrompts" class="cta"\r\n (click)="sendMessageWithTile(tile.prompt)">\r\n Q: {{ tile.text }}\r\n </div> --\x3e\r\n <div class="cta_suggestions">\r\n <button *ngFor="let tile of quickPrompts" (click)="sendMessageWithTile(tile.prompt)">\r\n <ng-container *ngIf="tile">{{ tile.text }}</ng-container>\r\n </button>\r\n </div>\r\n </div>\r\n <div class="chat bot" *ngIf="i == 0 && botSkills">\r\n <div class="chat-box">\r\n <div class="message">\r\n <p [innerHTML]="processMessageForDisplay(botSkills)"></p>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf="chat?.suggestions?.length">\r\n <h4 class="labelChat">\r\n Here are some things EventsGPT Copilot can help you do:\r\n </h4>\r\n <div class="cta_suggestions">\r\n <button *ngFor="let suggestion of chat?.suggestions" (click)="sendMessageWithTile(suggestion)">\r\n <ng-container *ngIf="suggestion">{{\r\n suggestion\r\n }}</ng-container>\r\n </button>\r\n </div>\r\n </div>\r\n <div *ngIf="\r\n chat?.action?.section_id == \'company_search\' ||\r\n chat?.action?.section_id == \'user_search\' ||\r\n chat?.action?.section_id == \'industry_company_search\'\r\n ">\r\n <div class="box">\r\n <div class="tiktokwrapper">\r\n <div class="tiktokshell" *ngFor="let user of chat?.action.users">\r\n <div class="videoPhotobox">\r\n <ng-conatiner *ngIf="user?.photoPath && !user.userVideosModel">\r\n <img [src]="user?.photoPath" />\r\n </ng-conatiner>\r\n <ng-conatiner *ngIf="user.userVideosModel">\r\n <app-video-player *ngIf="user?.userVideosModel" [isDev]="isDev" [currentUserId]="userId"\r\n [videoObj]="user?.userVideosModel" [user]="user" [eventId]="eventId" type="1">\r\n </app-video-player>\r\n </ng-conatiner>\r\n </div>\r\n\r\n <div class="noPhoto" *ngIf="!user?.photoPath && !user.userVideosModel">\r\n <h3>\r\n {{ user.firstName | slice: 0:1\r\n }}{{ user.lastName | slice: 0:1 }}\r\n </h3>\r\n </div>\r\n <div class="overlymask" *ngIf="!user.userVideosModel"></div>\r\n <div class="onshell-content">\r\n <div class="title-shell">\r\n <h3>{{ user.firstName }} {{ user.lastName }}</h3>\r\n <h3 class="companyName">{{ user.company }}</h3>\r\n </div>\r\n <div class="button-shell">\r\n <button class="Connectbtn" (click)="connectToUser(user.userId)">\r\n {{\r\n canConnect(user.userId)\r\n ? \'Connect\'\r\n : canDisconnect(user.userId)\r\n ? \'Disconnect\'\r\n : \'Request\r\n Sent\'\r\n }}\r\n </button>\r\n <button class="schedulebtn" (click)="scheduleMeetingWithUser(user)">\r\n Schedule\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf="chat?.action?.section_id == myUpcomingSessionAction">\r\n <div class="agenda-items-wrapper" class="agenda-items-wrapper">\r\n <div class="list-view">\r\n <div class="session-detail-wrapper card-background-session"\r\n *ngFor="let upcomingSession of chat?.action.content">\r\n <div class="thumbnail">\r\n <img alt="Introduction to the Imaging Radar Academy"\r\n src="https://s27media.azureedge.net/8008/profile_pic/453cea2c-feba-11ed-8c0b-00155d025b0a.png"\r\n class="" />\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n \x3c!----\x3e<button class="play-btn color-primary"\r\n title="Play Session: Introduction to the Imaging Radar Academy">\r\n <span class="material-icons notranslate">\r\n play_circle_outline\r\n </span>\r\n \x3c!----\x3e\r\n </button>\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n </div>\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n <div class="content p-3">\r\n <div class="d-flex justify-content-between align-items-center">\r\n <div class="d-flex flex-column">\r\n <p class="fs-xs mb-0 body-text-color">\r\n {{\r\n upcomingSession.dateTimeRange.start\r\n | date\r\n : \'MM-dd-yyyy\r\n HH:mm\'\r\n : \'UTC\'\r\n }}\r\n -\r\n {{\r\n upcomingSession.dateTimeRange.end\r\n | date: \'MM-dd-yyyy HH:mm\':\'UTC\'\r\n }}\r\n {{ upcomingSession.timeZone.id }}\r\n </p>\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n \x3c!-- <p class="fs-xs mb-2 color-secondary" title="Session Type: Generative AI">Generative AI </p> --\x3e\r\n \x3c!----\x3e\r\n </div>\r\n <div class="d-flex align-items-center actions px-2">\r\n \x3c!----\x3e\r\n <button (click)="\r\n performSessionAction(\r\n upcomingSession.id,\r\n \'view-session\'\r\n )\r\n " class="s27-btn-icon body-text-color"\r\n title="View Session Information: Introduction to the Imaging Radar Academy">\r\n <span class="material-icons notranslate">\r\n remove_red_eye\r\n </span>\r\n </button>\r\n\r\n <button (click)="\r\n performSessionAction(\r\n upcomingSession.id,\r\n \'add-to-agenda\'\r\n )\r\n " class="s27-btn-icon body-text-color">\r\n <span class="material-icons notranslate"\r\n title="Add Session: Introduction to the Imaging Radar Academy to My agendaa">\r\n event_available\r\n </span>\r\n </button>\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n\r\n <button (click)="\r\n performSessionAction(upcomingSession.id, \'play\')\r\n " class="s27-btn-icon body-text-color" title="Copy session link to share">\r\n <span class="material-icons notranslate">\r\n play_circle_outline\r\n </span>\r\n </button>\r\n \x3c!----\x3e\r\n </div>\r\n </div>\r\n <h2 class="body-text-color">\r\n {{ upcomingSession.title }}\r\n </h2>\r\n <div class="session-description color-secondary"\r\n [innerHTML]="sanitizeHtml(upcomingSession.description)">\r\n </div>\r\n <ul class="speakers grid-2-cols" *ngFor="let speakerId of upcomingSession.speakers">\r\n <li class="">\r\n <div class="image" title="Blair Wunderlich">\r\n <img alt="Blair Wunderlich" [src]="speakers[speakerId]?.photoPath" class="" />\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n </div>\r\n \x3c!----\x3e\r\n <div class="content pl-3" style="text-transform: none">\r\n <div class="mb-0 body-text-color fs-xs fw-500">\r\n {{ speakers[speakerId]?.firstName }}\r\n {{ speakers[speakerId]?.lastName }}\r\n </div>\r\n <div class="color-secondary fs-xxs">\r\n {{ speakers[speakerId]?.jobTitle }}\r\n </div>\r\n <div class="color-secondary fs-xxs">\r\n {{ speakers[speakerId]?.company }}\r\n </div>\r\n </div>\r\n \x3c!----\x3e\r\n </li>\r\n </ul>\r\n \x3c!----\x3e\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class="chat bot" *ngIf="isChatingWithAi && !executingWorkflow">\r\n <div class="chat-box">\r\n <div class="message">\r\n <div class="time-cta">\r\n <div class="Icon_TimeSTamp">\r\n <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44">\r\n <g id="Group_121" data-name="Group 121" transform="translate(4843 -371)">\r\n <g id="Ellipse_18" data-name="Ellipse 18" transform="translate(-4843 371)" fill="#fcfcfc"\r\n stroke="#dfdfdf" stroke-width="1">\r\n <circle cx="22" cy="22" r="22" stroke="none" />\r\n <circle cx="22" cy="22" r="21.5" fill="none" />\r\n </g>\r\n <g id="Group_120" data-name="Group 120" transform="translate(-4835.141 378.855)">\r\n <g id="Group_1" data-name="Group 1" transform="translate(7.29 0)">\r\n <path id="Path_1" data-name="Path 1"\r\n d="M93.774,41.324,98.757,44.2v5.753l-4.983,2.877-4.983-2.877V44.2l4.983-2.877m0-2.034L87.03,43.183V50.97l6.744,3.893,6.744-3.893V43.183L93.774,39.29Z"\r\n transform="translate(-87.03 -39.29)" fill="gray" />\r\n </g>\r\n <g id="Group_2" data-name="Group 2" transform="translate(0 12.717)">\r\n <path id="Path_2" data-name="Path 2"\r\n d="M52.374,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L45.63,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"\r\n transform="translate(-45.63 -111.51)" fill="gray" />\r\n </g>\r\n <g id="Group_3" data-name="Group 3" transform="translate(14.793 12.717)">\r\n <path id="Path_3" data-name="Path 3"\r\n d="M136.384,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L129.64,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"\r\n transform="translate(-129.64 -111.51)" fill="gray" />\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n <div class="dateTime" [style.color]="dateTimeColor ? \'\' : \'\'">\r\n <span> {{ \'Assistant\' }}</span> {{ this.getLatestTime(chat?.time)}}\r\n </div>\r\n </div>\r\n </div>\r\n <div class="loaderbox">\r\n <div class=\'loader-pkg\'>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class="chat bot" *ngIf="loading">\r\n <div class="chat-box">\r\n <div class="message">\r\n\r\n\r\n <div class="time-cta">\r\n <div class="Icon_TimeSTamp">\r\n <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44">\r\n <g id="Group_121" data-name="Group 121" transform="translate(4843 -371)">\r\n <g id="Ellipse_18" data-name="Ellipse 18" transform="translate(-4843 371)" fill="#fcfcfc"\r\n stroke="#dfdfdf" stroke-width="1">\r\n <circle cx="22" cy="22" r="22" stroke="none" />\r\n <circle cx="22" cy="22" r="21.5" fill="none" />\r\n </g>\r\n <g id="Group_120" data-name="Group 120" transform="translate(-4835.141 378.855)">\r\n <g id="Group_1" data-name="Group 1" transform="translate(7.29 0)">\r\n <path id="Path_1" data-name="Path 1"\r\n d="M93.774,41.324,98.757,44.2v5.753l-4.983,2.877-4.983-2.877V44.2l4.983-2.877m0-2.034L87.03,43.183V50.97l6.744,3.893,6.744-3.893V43.183L93.774,39.29Z"\r\n transform="translate(-87.03 -39.29)" fill="gray" />\r\n </g>\r\n <g id="Group_2" data-name="Group 2" transform="translate(0 12.717)">\r\n <path id="Path_2" data-name="Path 2"\r\n d="M52.374,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L45.63,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"\r\n transform="translate(-45.63 -111.51)" fill="gray" />\r\n </g>\r\n <g id="Group_3" data-name="Group 3" transform="translate(14.793 12.717)">\r\n <path id="Path_3" data-name="Path 3"\r\n d="M136.384,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L129.64,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"\r\n transform="translate(-129.64 -111.51)" fill="gray" />\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n <div class="dateTime" [style.color]="dateTimeColor ? \'\' : \'\'">\r\n <span>{{ \'Loading ...\' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class="loaderbox">\r\n <div class=\'loader-pkg\'>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \x3c!-- <div #chatMain></div> --\x3e\r\n <div *ngIf="openWorkflowInput && selectedWorkflow && !executingWorkflow" class="chatFooterWrapper">\r\n \x3c!-- new UI for Chat Message Section by Amit --\x3e\r\n <div class="chat-footer-upt">\r\n <div class="topinfo-containerbox">\r\n <div class="agents_note_wrapper">\r\n <div>\r\n <h6>{{selectedWorkflow?.Name}}</h6>\r\n {{selectedWorkflow?.Description}}\r\n </div>\r\n </div>\r\n\r\n <div class="agents_note_wrapper">\r\n <button mat-icon-button class="closeButtonSource" (click)="toggleWorkflows(false)">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class="bottombox-wrapper">\r\n \x3c!-- here i need to loop through all the input fields selectedWorkflow.Trigger.InputSchema and render the input fields --\x3e\r\n \x3c!-- Form for Workflow Inputs --\x3e\r\n <form [formGroup]="workflowForm" (ngSubmit)="onWorkflowSubmit()" class="form-container">\r\n <div *ngFor="let input of selectedWorkflow?.Trigger?.InputSchema" class="form-group">\r\n <label>{{ input.Label }}</label>\r\n\r\n \x3c!-- Handle Text Input or Text Area based on requirement --\x3e\r\n <textarea *ngIf="input.Type === \'string\'" formControlName="{{input.InputId}}"\r\n [placeholder]="input.Placeholder" [rows]="2" [required]="input.Required"\r\n class="form-control"></textarea>\r\n\r\n \x3c!-- Dropdown for Select Options --\x3e\r\n <select *ngIf="input.Type === \'select\'" formControlName="{{input.InputId}}" class="form-control">\r\n <option *ngFor="let option of input.Options" [value]="option.Value">{{\r\n option.Label }}</option>\r\n </select>\r\n </div>\r\n\r\n \x3c!-- Submit button aligned to the right --\x3e\r\n <div class="form-group">\r\n <button type="submit" class="btn btn-primary submit-button">Submit</button>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n\r\n\r\n \x3c!-- new UI for Chat Message Section by Amit --\x3e\r\n </div>\r\n <div *ngIf="!openWorkflowInput" class="chatFooterWrapper">\r\n \x3c!-- new UI for Chat Message Section by Amit --\x3e\r\n <div class="chat-footer-upt">\r\n <div class="topinfo-containerbox" *ngIf="!checkForCop29BotId()">\r\n <div class="agents_note_wrapper">\r\n\r\n <div class="agents-dropdown-wrapper">\r\n <div class="dropdown-wrapper" (click)="toggleDropdown()">\r\n <div class="dropdown-header">\r\n <span>{{ getDropdownHeaderText() }}</span>\r\n <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor"\r\n stroke-width="2" viewBox="0 0 24 24">\r\n <path d="M19 9l-7 7-7-7" />\r\n </svg>\r\n </div>\r\n <div class="dropdown-menu" *ngIf="isDropdownOpen">\r\n <label (click)="onSelectAll()">\r\n <input type="checkbox" [checked]="areAllSelected()" />\r\n All\r\n </label>\r\n <label *ngFor="let agent of agents" (click)="onAgentChange(agent)">\r\n <input type="checkbox" [(ngModel)]="agent.selected" />\r\n {{ agent.agentName }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n\r\n <div class="agents_note_wrapper">\r\n\r\n <div class="agents-dropdown-wrapper">\r\n <div class="dropdown-wrapper" (click)="toggleWorkflows()">\r\n <div class="dropdown-header">\r\n <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256"\r\n class="h-5 w-5" height="1.3em" width="1.3em" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M245.66,74.34l-32-32a8,8,0,0,0-11.32,11.32L220.69,72H192a74.49,74.49,0,0,0-28.35,6.73c-13.62,6.29-30.83,19.71-35.54,48-5.32,31.94-29.1,39.22-41,40.86a40,40,0,1,0,.18,16.06A71.65,71.65,0,0,0,108.13,178C121.75,172,139,158.6,143.89,129.31,150.65,88.77,190.34,88,192,88h28.69l-18.35,18.34a8,8,0,0,0,11.32,11.32l32-32A8,8,0,0,0,245.66,74.34ZM48,200a24,24,0,1,1,24-24A24,24,0,0,1,48,200Z">\r\n </path>\r\n </svg> \r\n Workflows\r\n </div>\r\n <div class="dropdown-menu" *ngIf="isWorkflowOpen">\r\n <label *ngFor="let orgWorkflow of orgWorkflows" (click)="onWorkflowSelected(orgWorkflow)">\r\n {{ orgWorkflow.Name }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n\r\n </div>\r\n <div class="bottombox-wrapper">\r\n \x3c!-- <input [disabled]="isChatingWithAi" type="text" class="form-control-1 s27-scroll"\r\n \r\n placeholder="Ask anything..." [style.background]="formFieldBgColor ? formFieldBgColor : \'\'"\r\n [style.color]="formFieldTextColor ? formFieldTextColor : \'\'" [(ngModel)]="input"\r\n (keyup.enter)="handleSubmit()" #myInput /> --\x3e\r\n <textarea [disabled]="isChatingWithAi" class="form-control-1 s27-scroll chat-textarea"\r\n placeholder="Ask anything..." [(ngModel)]="input" (keydown)="handleKeydown($event)"\r\n (input)="adjustTextareaHeight($event)" #myInput></textarea>\r\n\r\n <button (click)="toggleRecording()" class="btn cta-chat mr-1">\r\n <svg *ngIf="!isRecording" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512"\r\n height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">\r\n \x3c!-- Mic Icon --\x3e\r\n <path\r\n d="M256 320c53 0 96-43 96-96V96c0-53-43-96-96-96s-96 43-96 96v128c0 53 43 96 96 96zm144-96h-16c0 66.27-52.73 120-120 120s-120-53.73-120-120h-16c-17.67 0-32 14.33-32 32v32c0 53.87 38.13 100.64 91.21 112.27C210.13 457.77 231.58 464 256 464s45.87-6.23 65.79-17.73C374.87 388.64 416 341.87 416 288v-32c0-17.67-14.33-32-32-32z">\r\n </path>\r\n </svg>\r\n <svg *ngIf="isRecording" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24"\r\n height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">\r\n \x3c!-- Square Stop Icon --\x3e\r\n <path d="M5 5h14v14H5z"></path>\r\n </svg>\r\n </button>\r\n\r\n\r\n <button class="btn cta-chat rotate" (click)="handleSubmit()"\r\n [style.background]="sendButtonColor ? sendButtonColor : \'\'"\r\n [style.color]="sendButtonTextColor ? sendButtonTextColor : \'\'">\r\n <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em"\r\n width="1em" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M476.59 227.05l-.16-.07L49.35 49.84A23.56 23.56 0 0027.14 52 24.65 24.65 0 0016 72.59v113.29a24 24 0 0019.52 23.57l232.93 43.07a4 4 0 010 7.86L35.53 303.45A24 24 0 0016 327v113.31A23.57 23.57 0 0026.59 460a23.94 23.94 0 0013.22 4 24.55 24.55 0 009.52-1.93L476.4 285.94l.19-.09a32 32 0 000-58.8z">\r\n </path>\r\n </svg>\r\n \x3c!-- SEND --\x3e\r\n </button>\r\n </div>\r\n </div>\r\n\r\n\r\n \x3c!-- new UI for Chat Message Section by Amit --\x3e\r\n </div>\r\n\r\n <div class="NoteTxt">\r\n <div class="note">\r\n <svg xmlns="http://www.w3.org/2000/svg" width="12.882" height="12.883" viewBox="0 0 12.882 12.883">\r\n <path id="Icon_ion-shield-checkmark" data-name="Icon ion-shield-checkmark"\r\n d="M15.106,4.532a.46.46,0,0,0-.378-.424A20.132,20.132,0,0,1,8.881,2.291a.46.46,0,0,0-.379,0A20.132,20.132,0,0,1,2.655,4.108a.46.46,0,0,0-.378.424A11.3,11.3,0,0,0,2.98,9.4a10.049,10.049,0,0,0,2.06,3.235A10.516,10.516,0,0,0,8.521,15.1a.46.46,0,0,0,.345,0,10.516,10.516,0,0,0,3.481-2.465A10.049,10.049,0,0,0,14.4,9.4,11.3,11.3,0,0,0,15.106,4.532Zm-3.767,2.16L8.153,10.373a.46.46,0,0,1-.328.159H7.806a.46.46,0,0,1-.322-.131L6.069,9.014a.46.46,0,1,1,.644-.657L7.777,9.4,10.644,6.09a.46.46,0,0,1,.7.6Z"\r\n transform="translate(-2.25 -2.25)" fill="#06f" />\r\n </svg>\r\n\r\n\r\n <span class="text">Your personal or company information is kept\r\n private and secure\r\n within this chat.</span>\r\n </div>\r\n </div>\r\n </mat-drawer-content>\r\n </mat-drawer>\r\n <mat-drawer class="drawer edit-boxDrawer" style="width: 45%" #sourcesDrawer [position]="\'end\'" [mode]="\'over\'"\r\n [style.background]="\r\n \'linear-gradient(\' + (bgGradient ? bgGradient.join(\', \') : \'\') + \')\'\r\n ">\r\n <mat-drawer-content>\r\n <div class="sourceDraweContainer">\r\n <div class="container-fluid">\r\n <button mat-icon-button class="closeButtonSource" (click)="onCloseSource()">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n <h1>{{ currentSourcesList?.length }} Sources</h1>\r\n \x3c!-- <p>Tell me about latest news from Mistral about AI agents announcement done this month</p> --\x3e\r\n <hr />\r\n <ul class="sources-list">\r\n <li *ngFor="let item of currentSourcesList; let si = index">\r\n \x3c!-- <input type="checkbox" id="source1"> --\x3e\r\n <div class="source-content" (click)="openLinkInNewTab(item.link)">\r\n <label for="source1">\r\n <span class="source-title"><span class="ml-1">{{ si + 1\r\n }}.</span>{{ item.title }}</span>\r\n <span class="image-container">\r\n <img class="relative block" [src]="getFaviconUrl(item.link)"\r\n [alt]="getDomainName(item.link) + \' favicon\'" />\r\n <span> {{ getDomainName(item.link) }}</span>\r\n </span>\r\n <span class="source-description">{{ item.desc }}</span>\r\n </label>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </mat-drawer-content>\r\n </mat-drawer>\r\n <mat-drawer class="drawer edit-boxDrawer" style="width: 45%" #editorsDrawer [position]="\'end\'" [mode]="\'push\'"\r\n [style.background]="\r\n \'linear-gradient(\' + (bgGradient ? bgGradient.join(\', \') : \'\') + \')\'\r\n ">\r\n <mat-drawer-content>\r\n <lib-bot-html-editor *ngIf="isContentLoaded" [editorContent]="currentMessageForEditor"\r\n [isDocInEditMode]="isDocInEditMode" [documentContent]="documentContent" [conversationId]="conversationId"\r\n [botId]="botId"></lib-bot-html-editor>\r\n </mat-drawer-content>\r\n </mat-drawer>\r\n</mat-drawer-container>\r\n\r\n\r\n<div *ngIf="showWorkflowExecutionDetails" class="modal">\r\n <div class="modal-content">\r\n <div class="close-wrapper"><span class="close_pop" (click)="closeModal()">×</span></div>\r\n <div class="titleSection">\r\n \x3c!-- Workflow Title --\x3e\r\n <h2>{{ workflowExecutionDetails.WorkflowName }}</h2>\r\n \x3c!-- Workflow Title --\x3e\r\n </div>\r\n \x3c!-- Inputs Section --\x3e\r\n <div class="inputs-section">\r\n <h3>Inputs</h3>\r\n <ul>\r\n <li *ngFor="let input of objectToArray(workflowExecutionDetails.Inputs)">\r\n {{ input.key }}: {{ input.value }}\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n \x3c!-- Actions Section (Displayed as Timeline) --\x3e\r\n <div class="actions-section">\r\n <h3>Agent Actions</h3>\r\n <div class="timeline">\r\n <div *ngFor="let action of workflowExecutionDetails.Actions" class="timeline-item">\r\n <div class="timestamp-section">\r\n <h4>{{ action.ActionName || action.Name }}</h4>\r\n <p><strong></strong> {{\r\n action.InsertTimeStamp }}</p>\r\n </div>\r\n <p [innerHTML]="processMessageForDisplay(action.Output)"></p>\r\n \x3c!-- <pre>{{ action.Output }}</pre> --\x3e\r\n </div>\r\n </div>\r\n </div>\r\n\r\n \x3c!-- Insert Timestamp --\x3e\r\n <div class="timestamp-section">\r\n <p><strong>Inserted At:</strong> {{\r\n workflowExecutionDetails.InsertTimeStamp }}</p>\r\n </div>\r\n </div>\r\n</div>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:['@import url("https://e1cdn.social27.com/digitalevents/liteversion/fonts/segoe-ui/stylesheet.css");.sticky-header-chat{background:#fff;border-bottom:1px solid #ddd;padding:0 0 10px;position:sticky;top:-21px;transition:all 1s;z-index:100}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#e5ccbc}body{overflow:hidden}.ios-device .drawer .chat-footer .form-control{font-size:16px}.hivegpt-chat-wrapper{background:transparent!important;height:100%;inset:0;opacity:0;position:fixed;visibility:hidden;z-index:999999}.hivegpt-chat-wrapper.mat-drawer-container-has-open{background:transparent!important;opacity:1;transition:all .3s;visibility:visible;z-index:999999}.hivegpt-chat-wrapper .mat-drawer:not(.mat-drawer-side){box-shadow:none}.hivegpt-chat-wrapper mat-drawer{background-color:#fff!important;background-image:none!important;width:100%}.hivegpt-chat-wrapper mat-drawer.full-width-drawer{max-width:100%}.hivegpt-chat-wrapper .mat-drawer-content{display:flex;flex-direction:column}.hivegpt-chat-wrapper .chat-header{padding:16px 40px;width:100%}.hivegpt-chat-wrapper .chat-header h2{font-family:Segoe UI,sans-serif;font-size:36px;font-weight:500;letter-spacing:-.72px;line-height:108%;margin:0;text-transform:uppercase}.hivegpt-chat-wrapper .chat-header .closeIcon{align-items:center;background:transparent;border:none;border-radius:50%;display:inline-flex;font-size:18px;height:35px;justify-content:center;outline:none;padding:0;position:absolute;right:12px;top:16px;width:35px}.hivegpt-chat-wrapper .chat-main{display:flex;flex:1;flex-direction:column;justify-content:space-between;overflow-y:auto;width:100%}.hivegpt-chat-wrapper .chat-main .innerChat{overflow-y:auto;padding:20px 40px 10px;width:100%}.hivegpt-chat-wrapper .chat-main .ai h3{font-size:1.3rem!important}.hivegpt-chat-wrapper .chat-main .chat-box{max-width:96%;width:100%}.hivegpt-chat-wrapper .chat-main .chat-box .message{margin-left:50px;margin-top:10px;min-height:40px;padding:0 20px 0 0;position:relative}.hivegpt-chat-wrapper .chat-main .chat-box .message p{color:#000;color:#525252;font-family:Segoe UI,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:160%;margin:0;text-align:left}.hivegpt-chat-wrapper .chat-main .chat-box .message p a{color:#17235b!important;cursor:pointer!important;font-weight:700;text-decoration:underline}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta{align-items:end;bottom:-7px;display:inline-flex;gap:10px;grid-gap:10px;position:relative;right:-10px;z-index:5}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button{background:transparent;border:none;color:#566563;cursor:pointer;padding:0;transition:all .3s}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button i{display:inline-block}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button:hover{color:#17235b}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button.up:hover i{animation:thumbsUpAnimation .5s ease-in-out;animation-fill-mode:forwards}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button.down:hover i{animation:thumbsDownAnimation .5s ease-in-out;animation-fill-mode:forwards}.hivegpt-chat-wrapper .chat-main .chat{margin-bottom:20px}.hivegpt-chat-wrapper .chat-main .chat.user{text-align:right}.hivegpt-chat-wrapper .chat-main .chat.user .chat-box{margin-left:auto}.hivegpt-chat-wrapper .chat-main .chat.user .chat-box .message{background:linear-gradient(96deg,#8b4ead -10.61%,#761c79 84.59%);border-radius:20px 20px 0 20px;color:#fff}.hivegpt-chat-wrapper .chat-main .chat.user .chat-box .message p{color:#fff;text-align:left}.hivegpt-chat-wrapper .chat-main .chat.user .dateTime{text-align:right}.hivegpt-chat-wrapper .chat-main .chat.user .time-cta{justify-content:flex-end}.hivegpt-chat-wrapper .chat-main .chat .Icon_TimeSTamp{align-content:center;align-items:center;display:flex;justify-content:left;margin:0 -60px;width:auto}.hivegpt-chat-wrapper .chat-main .chat .dateTime{color:#333232;font-size:15px;font-style:normal;font-weight:300;line-height:140%}.hivegpt-chat-wrapper .chat-main .chat .dateTime span{color:#06f;font-size:15px;font-style:normal;font-weight:500;line-height:140%;margin-left:15px;margin-right:5px}.hivegpt-chat-wrapper .chat-main .chat:last-of-type{margin-bottom:0}.hivegpt-chat-wrapper .chatFooterWrapper{background:#fff;border:2px solid hsla(0,0%,85.5%,.5882352941176471);border-radius:10px;box-shadow:2px 0 5px #e1e1e1;margin:0 auto 15px;margin-top:10px!important;transition:all .5s;width:75%}.hivegpt-chat-wrapper .chatFooterWrapper:hover{border:2px solid hsla(0,0%,72.2%,.5882352941176471);box-shadow:2px 0 4px #ddd}.hivegpt-chat-wrapper .chatFooterWrapper .chat-footer-upt{padding:4px}.hivegpt-chat-wrapper .chatFooterWrapper .note{align-items:center;background:rgba(27,117,187,.050980392156862744);border-radius:15px;color:#000;display:inline-flex;font-size:12px;gap:8px;line-height:1;margin:0 auto 4px;padding:10px 25px}.hivegpt-chat-wrapper .chatFooterWrapper .note a{text-transform:capitalize}.hivegpt-chat-wrapper .chatFooterWrapper .note i{font-size:18px}.hivegpt-chat-wrapper .chatFooterWrapper .note i svg{height:18px;width:18px}.hivegpt-chat-wrapper .chatFooterWrapper .note span{flex:1;gap:4px;line-height:1.3}.hivegpt-chat-wrapper .chat-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:0;position:relative}.hivegpt-chat-wrapper .chat-footer .form-control{background:#fff!important;border:0;line-height:21px;outline:0;padding:10px;position:relative;width:100%}.hivegpt-chat-wrapper .chat-footer .form-control::-moz-placeholder{color:#6c7a78}.hivegpt-chat-wrapper .chat-footer .form-control::placeholder{color:#6c7a78}.hivegpt-chat-wrapper .chat-footer .form-control:focus{border-color:#e5ccbc}.hivegpt-chat-wrapper .chat-footer .cta-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px;position:absolute;right:15px;text-align:right}.hivegpt-chat-wrapper .chat-footer .cta-footer .btn{color:#000;font-weight:500;gap:8px;max-width:150px;padding:0}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-chat{align-items:center;background:transparent!important;border:none;border-radius:0;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);display:inline-flex;font-size:20px;height:auto;justify-content:center;width:auto}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-chat:hover{opacity:.8}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-again{background:#17235b;border:1px solid #17235b;color:#fff}.hivegpt-chat-wrapper .cta-faqs{align-items:flex-end;display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;margin-left:auto;max-width:80%;padding:10px 0 0}.hivegpt-chat-wrapper .cta-faqs .cta{background:transparent;border:1px solid #c9a893;border-radius:20px 20px 0 20px;color:#333;cursor:pointer;font-family:Segoe UI,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:160%;margin:0;min-height:44px;padding:12px 20px;text-align:left;text-decoration:none;transition:all .3s;white-space:pre-line}.spinner{align-items:center;display:flex;gap:2px;justify-content:center}.spinner>div{animation:bouncedelay 1.4s ease-in-out infinite;animation-fill-mode:both;background-color:#173330;border-radius:100%;display:inline-block;height:5px;width:5px}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.time-cta{align-items:center;display:flex;gap:8px;justify-content:start;margin-top:5px}@keyframes thumbsUpAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes thumbsDownAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (max-width:767px){.hivegpt-chat-wrapper .chat-main .innerChat{padding:0 24px 10px}.hivegpt-chat-wrapper .chat-footer{padding:10px 24px}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-chat{max-width:100%}.hivegpt-chat-wrapper .chat-footer .form-control{height:80px}.hivegpt-chat-wrapper .chat-header .closeIcon{height:28px;right:8px;top:8px;width:28px}.hivegpt-chat-wrapper .chat-header .closeIcon span{font-size:14px}.hivegpt-chat-wrapper .chat-header{padding:10px 24px}.hivegpt-chat-wrapper .chat-header h2{font-size:20px}.cta-faqs{padding:10px 0 0}}.body-overflow-hidden{overflow:hidden}.chat-button{align-items:center;background:#17235b;border:#17235b;border-radius:50%;color:#fff;display:inline-flex;font-size:24px;height:50px;justify-content:center;width:50px}textarea{caret-color:#000}.labelChat{font-size:14px;font-weight:400;margin:0 0 10px}.chatType h4{color:#566563;text-align:center}.chatType ul{align-items:center;background:#fff;border-radius:10px;box-shadow:0 .3px .9px rgba(0,0,0,.12),0 1.6px 3.6px rgba(0,0,0,.16);display:flex;justify-content:center;list-style:none;margin:0 0 20px;padding:4px}.chatType ul li{flex:1}.chatType ul li button{align-items:center;background:#fff;border:none;border-radius:10px;font-weight:600;min-height:48px;padding:.375rem;text-align:center;text-shadow:1px 0 rgba(0,0,0,.2);width:100%}.chatType ul li button.active{background:linear-gradient(96deg,#761c79 -10.61%,#761c79 84.59%);box-shadow:0 1px 2px 0 rgba(16,24,40,.05);color:#fff}.cta_suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:20px}.cta_suggestions button{background:#fff;border:1px solid #174ae4;border-radius:10px;box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.13),0 .3px .9px 0 rgba(0,0,0,.1);color:#1543cd;font-size:14px;font-weight:600;line-height:1.2;padding:8px 12px;position:relative;text-align:left;transition:all .3s}.cta_suggestions button:hover{background:#eff3ff}.balanced .chat-footer .cta-footer .cta-chat,.balanced .chat-main .chat.user .chat-box .message,.balanced .chatType ul li button.active{color:#000}.balanced .chat-main .innerChat .title p span{color:#06f}.balanced mat-drawer{background-image:linear-gradient(180deg,rgba(88,190,251,.05) 60%,rgba(0,102,255,.2) 96.27%)}.balanced .cta_suggestions button:hover{border:1px solid #06f}.precise .chat-footer .cta-footer .cta-chat,.precise .chat-main .chat.user .chat-box .message{background:linear-gradient(96deg,#69ca6d -10.61%,#4caf50 84.59%)}.precise .chatType ul li button.active{background:linear-gradient(96deg,#4caf50 -10.61%,#4caf50 84.59%);color:#fff}.precise .chat-main .innerChat .title p span{color:#4caf50}.precise mat-drawer{background-image:linear-gradient(180deg,rgba(76,175,80,.05) 60%,rgba(76,175,80,.3) 96.27%)}.precise .cta_suggestions button:hover{border:1px solid #4caf50}.title{margin-bottom:20px}.title h2{font-size:22px;margin:0}.title h2 span{align-items:center;color:#000;display:inline-flex;gap:10px}.title h2 i{color:#06f;font-size:30px;line-height:1}.title h2 i svg{height:30px;width:30px}.title p{font-weight:600;margin:0}.title p span{color:#06f}.agenda-items-wrapper{padding-bottom:15px;padding-top:15px}@media (max-width:576px){.list-view .session-detail-wrapper{border:none;flex-direction:column}}.card-background-session{background:#fff;border-radius:8px}.card-background-session .body-text-color{color:#111!important}.card-background-session h2{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:20px;margin-bottom:8px;overflow:hidden}.card-background-session .session-description{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#111!important;display:-webkit-box;font-size:14px;overflow:hidden}.card-background-session .color-secondary{color:#111!important}.card-background-session p{font-size:14px}.list-view .session-detail-wrapper .s27-btn-icon{background:transparent;border:transparent}.list-view .session-detail-wrapper{border-left:3px solid transparent;display:flex;margin-bottom:16px}.thumbnail{align-items:center;display:flex;height:160px;justify-content:center;min-width:160px;position:relative;width:160px}.thumbnail img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}@media (max-width:576px){.thumbnail{height:160px;min-height:unset;width:100%}}.thumbnail .play-btn{align-items:center;background-color:transparent;border:0;bottom:0;display:flex;font-size:60px;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%}.thumbnail .play-btn span{font-size:80px;text-shadow:0 0 14px rgba(74,74,74,.45)}.content{flex-grow:1}.actions{background-color:transparent!important}.speakers{margin-bottom:0;margin-top:10px;padding:0}.speakers li{align-items:unset;display:flex}.speakers li .content{font-size:12px!important}.speakers .image{border-radius:100%;height:40px;min-width:40px;overflow:hidden;width:40px}.speakers img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}.grid-2-cols{display:grid;grid-gap:15px;grid-template-columns:calc(55% - 10px) calc(50% - 10px);padding-right:20px}@media (max-width:768px){.grid-2-cols{grid-template-columns:calc(50% - 10px) calc(50% - 10px)}}@media (max-width:575px){.grid-3-cols{grid-template-columns:100%}}.quick-prompts-extended{align-items:flex-start!important;margin-left:0!important}.border-shape .s27-scroll::-webkit-scrollbar{border-radius:30px;width:3px}.border-shape .s27-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:30px}.border-shape .s27-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:30px}.box{display:table;height:275px;margin:10px 0;width:100%}.tiktokwrapper{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);height:100%}.tiktokwrapper .tiktokshell{background:#3d2b8f;border:2px solid #fff;border-radius:5px;box-shadow:0 0 6px #494949;height:100%;min-height:275px;min-width:160px;position:relative;width:100%}.tiktokwrapper .overlymask{background-image:url(https://e1cdn.social27.com/digitalevents/HiveGpt/screen-overlay.png);background-position:0 0;bottom:0;height:100%;left:0;position:absolute;width:100%;z-index:6}.tiktokwrapper .videoPhotobox{bottom:0;height:272px;left:0;overflow:hidden;position:absolute;width:auto;z-index:6}.tiktokwrapper .videoPhotobox video{-o-object-fit:cover;border-radius:0;cursor:pointer;height:270px;object-fit:cover;outline:0;transition:.3s ease-in-out;width:100%}.tiktokwrapper .videoPhotobox img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}.tiktokwrapper .playBtn{align-items:center;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;left:0;margin:0 auto;position:absolute;right:0;top:105px;transition:all 1s;width:40px;z-index:10}.tiktokwrapper .playBtn:hover{transform:scale(1.2)}.tiktokwrapper .noPhoto{align-items:center;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;left:0;margin:0 auto;position:absolute;right:0;top:105px;transition:all 1s;z-index:6}.tiktokwrapper .noPhoto h3{color:#fff;font-size:46px}.tiktokwrapper .onshell-content{bottom:10px;left:5px;position:absolute;z-index:10}.tiktokwrapper .onshell-content .title-shell{margin:0 10px}.tiktokwrapper .onshell-content h3{color:#fff;font-size:13px;font-weight:500}.tiktokwrapper .onshell-content .companyName{color:#eaeaea;font-size:12px;font-weight:400}.tiktokwrapper .onshell-content .button-shell button{background:#4e4e4e;border:none;border-radius:2px;color:#fff;font-size:11px;margin:0 1px;padding:4px 7px;text-transform:capitalize}.tiktokwrapper .onshell-content .Connectbtn{background:linear-gradient(149deg,#06f,#06f)!important}.skeleton-box{background-color:#dddbdd;display:inline-block;height:1em;overflow:hidden;position:relative}.skeleton-box:after{animation:shimmer 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);z-index:0}@keyframes shimmer{to{transform:translateX(100%)}}.blog-post__headline{font-size:1.25em;font-weight:700}.blog-post__meta{color:#6b6b6b;font-size:.85em}.o-media{display:flex}.o-media__body{flex-grow:1;margin-left:1em}.o-vertical-spacing>*+*{margin-top:.75em}.o-vertical-spacing--l>*+*{margin-top:2em}.copy{background:none;border:none;cursor:pointer;padding:5px;transition:transform .2s ease}.copy.active{transform:scale(1.1)}.copy svg{fill:#566563;height:18px;width:18px}.copyBox{background:#f7f7f7;border-radius:13px;color:#566563;display:flex;float:right;gap:12px;padding:5px 10px;position:relative;width:135px}.copyBox button{background:transparent;border:none;color:#566563;cursor:pointer;padding:0;transition:all .3s}.copyBox button i{display:inline-block}.copyBox button:hover{color:#17235b}.copyBox button.up:hover i{animation:thumbsUpAnimation .5s ease-in-out;animation-fill-mode:forwards}.copyBox button.down:hover i{animation:thumbsDownAnimation .5s ease-in-out;animation-fill-mode:forwards}.din{display:inline-flex}.chatFooterWrapper{align-items:center;background-color:#f5f5f5;border-top:1px solid #ccc;flex-direction:column;justify-content:center}.chat-footer{background:#fff;flex-direction:column;margin-bottom:10px}.chat-footer,.topinfo-containerbox{align-items:center;display:flex;width:100%}.topinfo-containerbox{background:#f9f9f9;border-bottom:1px solid #efefef;justify-content:space-between;margin:0;padding:5px 10px 8px}.agents_note_wrapper{display:flex;justify-content:space-around}.bottombox-wrapper{display:flex;padding:10px;width:100%}.dropdown-wrapper{margin-right:10px;position:relative}.dropdown-header{align-items:center;background:#fff;border:1px solid #ddd;border-radius:48px;color:#414141!important;cursor:pointer;display:flex;font-size:14px;margin-bottom:0;padding:.5rem 1.5rem;white-space:nowrap}.dropdown-header span{margin-right:8px}.dropdown-menu{background-color:#fff;border:1px solid #ededed;border-radius:5px;bottom:100%!important;box-shadow:0 2px 4px rgba(0,0,0,.1);display:block;left:0;margin-bottom:10px;max-height:200px;overflow-y:auto;padding:0;position:absolute;top:auto;width:230px;z-index:1000}.dropdown-menu label{cursor:pointer;display:block;font-size:16px;padding:5px 15px}.dropdown-menu label input{height:16px;width:16px}.dropdown-menu label:hover{background-color:#f0f0f0}.border-shape{flex-grow:1}.form-control-1{border:1px solid #ddd;border-radius:5px;padding:10px;width:100%}.cta-footer,.text-left .note-section{align-items:center;display:flex}.text-left .note-section{background:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-top:10px;max-width:800px;padding:10px;width:100%}.text-left .note{align-items:center;color:#555;display:flex}.text-left .note i{margin-right:8px}.text-left .note .text{font-size:14px}.card-container{display:flex;gap:15px}.custom-card{background:#fffefe;border:1px solid #ddd;border-radius:.25rem;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-bottom:10px;overflow:hidden;width:18rem}.custom-card .card-body{padding:10px}.custom-card .card-title{font-size:1.25rem;font-weight:700}.custom-card .card-text{font-size:1rem;text-align:left}.custom-card .btn-primary{background-color:#007bff;border:none;border-radius:.25rem}.custom-card .card-footer{background-color:#f8f9fa;color:#6c757d;padding:10px;text-align:center}.list-container{list-style:none;padding:0}.list-container li{background:#f5f5f5;border-radius:8px;font-size:13px;margin-bottom:5px;padding:6px 12px}.list-container li:hover{color:#06f;cursor:pointer}.collapsible-container{margin-bottom:5px;overflow:hidden;width:100%}.collapsible-header{cursor:pointer;display:flex;padding:15px}.collapsible-header .header-icon{font-size:20px;margin-right:10px}.collapsible-header .header-title{flex:1;font-size:18px}.collapsible-header .toggle-icon{font-size:18px;margin-left:18px}.collapsible-content{background-color:#f8f9fa;color:#333;padding:15px;width:100%}.collapsible-content.show{display:block}.researchingCard{margin:5px auto}.card-header{background:#eee;border-bottom:0;border-radius:8px 8px 0 0;display:flex!important;padding:8px 15px;width:auto}.icon{font-size:20px;line-height:5px}.rotate{transform:rotate(180deg)}.collapse{display:none}.uptList{background:rgba(245,222,179,.1411764705882353);border-radius:0 0 10px 10px;margin-bottom:20px!important}.list-group-item{color:#0f0f0f;font-size:15px;margin:1px 0;padding:0 18px}.sources-container{align-items:flex-start;display:flex;gap:15px}.source-card{background-color:#f0f3f5;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:15px;position:relative;transition:box-shadow .3s ease;width:100%}.popup{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.2);left:50%;opacity:0;padding:10px;position:absolute;top:100%;transform:translateX(-50%) translateY(-10px);transition:opacity .3s ease,transform .3s ease;visibility:hidden;white-space:normal;width:100%;z-index:10}.popup h5{font-size:14px;font-weight:600;line-height:1.2;margin:5px 0 10px}.popup p{font-size:12px;line-height:1.4;margin:0}.popup h5:hover{color:#007bff;cursor:pointer}.popup .source-url{color:#000;text-decoration:none}.popup .source-url:hover{color:#007bff;cursor:pointer;text-decoration:underline}.source-card:hover .popup{opacity:1;transform:translateX(-50%) translateY(-15px);visibility:visible}.source-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:scale(1.05)}.source-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:14px;font-weight:500;height:55px;line-height:1.5;overflow:hidden;text-align:left;text-overflow:ellipsis}.source-title img{margin-left:10px;width:20px}.source-url{align-items:center;color:#6c757d;display:flex;font-size:12px;text-align:left}.source-url img{border-radius:50%;height:16px;margin-right:5px;width:16px}.sourceDraweContainer .container{background-color:#fff;padding:20px}.sourceDraweContainer .sources-list{list-style:none;padding:0}.sourceDraweContainer .sources-list li{align-items:flex-start;display:flex;margin-bottom:15px}.sourceDraweContainer .sources-list input[type=checkbox]{flex-shrink:0;margin-right:15px;margin-top:8px}.sourceDraweContainer .source-content{background-color:#f5f2f2;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;flex:1;padding:12px}.sourceDraweContainer .source-content:hover{background:#ccc}.sourceDraweContainer .source-title{display:block;font-size:1rem;font-weight:500;height:auto!important;margin-bottom:4px}.sourceDraweContainer .source-description{display:block;font-size:.875rem}.sourceDraweContainer .image-container{align-items:center;display:flex;margin:10px 0}.sourceDraweContainer .image-container img{-o-object-fit:cover;border:1px solid #ddd;border-radius:50%;height:16px;margin-right:5px;object-fit:cover;width:16px}.sourceDraweContainer .image-container span{color:#555;font-size:13px}.closeButtonEditor{border:0;border-radius:100%;height:32px;padding:3px 0 0;position:absolute;right:10px;top:5px;width:32px}.closeButtonSource{background:none!important;border-color:transparent!important;box-shadow:none!important;color:inherit;cursor:pointer;float:right;margin-top:20px;transition:color .2s ease-in-out}.closeButtonSource.closeplaygroundbutton{display:none!important}.graph-img{background:hsla(0,0%,99.6%,.23137254901960785);border-radius:15px;padding:15px;width:90%}.chat-textarea{background-color:#fff;border:none;box-sizing:border-box;font-size:15px;height:30px;line-height:1.5;overflow-y:hidden;padding:10px;resize:none;transition:all 1s;width:100%}.chat-textarea:focus,.chat-textarea:hover{height:60px}.chat-textarea:focus{outline:none}.fixed-btn{background-color:#000;border:none;border-radius:8px 8px 0 0;color:#fff;cursor:pointer;font-size:16px;padding:5px 12px;position:fixed;right:-22px;top:46%;transform:translateY(-50%) rotate(270deg);transform-origin:center;transition:all .5s;z-index:1000000}.fixed-btn:hover{background-color:#5b5b5b}.fixed-btn-close{background-color:#000;border:none;border-radius:8px 8px 0 0;color:#fff;cursor:pointer;font-size:16px;padding:5px 16px;position:fixed;right:549px;top:46%;transform:translateY(-50%) rotate(270deg);transform-origin:center;transition:all .5s;z-index:1000000}.fixed-btn-close:hover{background-color:#5b5b5b}.btn.rotate{transform:rotate(-15deg)}.btn.rotate:hover{transform:rotate(0deg)}.btn.cta-chat{align-items:center;background:#f3f3f3;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;margin:0 auto;padding:5px;text-align:center;transition:all .5s;width:40px}.btn.cta-chat:hover{background:#d7d7d7;color:#666}.btn.cta-chat svg{vertical-align:middle}.chat-footer-upt{padding:4px}.workflowbox{align-items:center;border:1px solid transparent;border-radius:48px;color:#414141!important;cursor:pointer;display:flex;font-size:14px;margin-bottom:0;padding:.5rem 1.5rem;transition:all .5s;white-space:nowrap}.workflowbox:hover{background:#fff;border:1px solid #ddd}.workflowbox svg{margin:0 10px}.edit-boxDrawer{border-left:1px solid #ddd;box-shadow:1px 1px 15px hsla(0,0%,86.7%,.7686274509803922)!important}.edit-boxDrawer mat-drawer-content,ng-deep .edit-boxDrawer mat-drawer-content{margin-left:0!important;margin-right:0!important}.SearchTitle{font-size:16px!important;text-transform:capitalize}.exicution{background:#f9f9f9;margin:30px 0!important;padding:15px 20px}.new-conversationbutton{align-items:center;background:#f5f5f5;border:1px solid #e3e3e3;border-radius:10px;cursor:pointer;display:flex;font-size:14px;justify-content:space-around;padding:6px;position:absolute;right:88px;top:10px;transition:all .5s;width:120px;z-index:1000}.new-conversationbutton:hover{background:#eee}.NoteTxt{margin:0 auto}.NoteTxt .text{margin:0 5px}.form-container{width:100%}.progress-container{align-items:center;display:flex}.circular-loader{border:4px solid rgba(0,0,0,.1);border-radius:50%;box-sizing:border-box;height:50px;position:relative;width:50px}.loader-spinner{animation:rotate-loader 1s linear infinite;border:2px solid #2196f3;border-radius:50%;border-top-color:transparent;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;width:100%}.loader-text{color:#333;font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loader-label{color:#333;font-size:16px;margin-left:20px}.checkmark{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.checkmark-circle{animation:stroke .6s ease-in-out forwards;stroke:#4caf50;stroke-dasharray:166;stroke-dashoffset:166;stroke-width:4}.checkmark-check{animation:stroke-check .4s ease-in-out .4s forwards;stroke:#4caf50;stroke-dasharray:48;stroke-dashoffset:48;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes stroke-check{to{stroke-dashoffset:0}}@keyframes rotate-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes checkmark-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.circular-loader.completed .loader-spinner{animation:none;transform:rotate(1turn)}.icon-button{background-color:transparent;border:none;color:#333;cursor:pointer;font-size:24px}.icon-button:focus{outline:none}.icon-button:hover{color:#007bff}.modal{background-color:rgba(0,0,0,.4);display:block;height:100%;left:0;padding-top:0;position:fixed;top:0;width:100%;z-index:1000001}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);height:600px;margin:5% auto;padding:20px;position:relative;width:82%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.SearchTitle.user{font-size:30px!important;text-transform:none!important}.SearchTitle.user h2,.SearchTitle.user p{font-size:1.7rem!important}.title_chat{display:flex;margin:0;padding:0}.title_chat h2{align-items:center;display:flex;font-size:20px;gap:10px;margin:10px 0}.small-title{font-size:12px;margin:2px 0}.titleSection{margin:0}.titleSection h2{color:#000;font-size:20px;margin:0}.inputs-section{background-color:#f7f7f7;border-radius:5px;margin:0 0 10px;padding:10px 15px 0}.inputs-section h3{font-size:16px}.actions-section{background-color:#f9f9f9;border-radius:5px;height:500px;margin-bottom:20px;overflow-y:auto;padding:15px}.timeline{margin-bottom:20px;padding-left:40px;position:relative}.timeline:before{border-right:2px dashed #cecece;content:"";height:100%;left:19px;position:absolute}.timeline-item{margin-bottom:20px;position:relative}.timeline-item:before{background-color:#007bff;border-radius:50%;content:"";height:20px;left:-30px;position:absolute;top:0;width:20px;z-index:1}.timeline-item h4{color:#000;font-size:16px;font-weight:700;margin:0}.timeline-item pre{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:10px;white-space:pre-wrap}.timestamp-section{color:#666;font-style:normal;justify-content:space-between}.mic-btn{background-color:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5em;padding:10px}.mic-btn:active{background-color:#f66}.actions-section h3{font-size:16px}.close-wrapper{display:flex;justify-content:right;position:absolute;right:22px;top:0;width:100%}.close_pop{color:#aaa;cursor:pointer;font-size:30px;font-weight:400;justify-content:center}.close_pop,.user-Box{align-items:center;display:flex}.bards{position:absolute;right:0;top:20px}::ng-deep .code-container{margin:20px 0;position:relative}::ng-deep .copy-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;position:absolute;right:10px;top:10px}::ng-deep .copy-button:hover{background-color:#0056b3}::ng-deep .code_block.diff{background-color:#f8f8f8;border-left:4px solid #ccc;overflow:auto;padding:10px}::ng-deep .heading003{color:#06f;font-size:20px;font-weight:700}::ng-deep .listing{list-style:decimal;margin:0 25px;padding:0}.line{background-color:#e8e8e8;border-radius:15px;display:inline-block;height:15px;width:15px}.load-2 .line:last-child{animation:loadingB 1.5s 1s infinite;margin:5px 0}.load-2 .line:nth-last-child(2){animation:loadingB 1.5s .5s infinite;margin:5px 0}.load-2 .line:nth-last-child(3){animation:loadingB 1.5s 0s infinite;margin:5px 0}.load-1 .line:last-child{animation:loadingA 1.5s 1.2s infinite;margin:5px 0}.load-1 .line:nth-last-child(2){animation:loadingA 1.5s .8s infinite;margin:5px 0}.load-1 .line:nth-last-child(3){animation:loadingA 1.5s .2s infinite;margin:5px 0}@keyframes loadingB{0%{width:65px}50%{width:235px}to{width:65px}}@keyframes loadingA{0%{width:45px}50%{width:205px}to{width:45px}}.loaderbox{height:60px;margin:10px 0;position:relative}.loader-pkg{bottom:0;left:0;margin:0;top:0;width:250px}.loader--dot,.loader-pkg{height:20px;position:absolute}.loader--dot{animation-duration:3s;animation-iteration-count:infinite;animation-name:loader;animation-timing-function:ease-in-out;background-color:#1a6774;border-radius:100%;width:20px}.loader--dot:first-child{animation-delay:.5s;background-color:#618e93}.loader--dot:nth-child(5){animation-delay:.4s;background-color:#3fb0c3}.loader--dot:nth-child(4){animation-delay:.3s;background-color:#40b8cd}.loader--dot:nth-child(3){animation-delay:.2s;background-color:#ec8828}.loader--dot:nth-child(2){animation-delay:.1s;background-color:#fdc25d}.loader--dot:first-child{animation-delay:0s;background-color:#f4e3be}.loader--text{left:0;margin:0;position:absolute;top:200%;width:4rem}.loader--text:after{animation-duration:3s;animation-iteration-count:infinite;animation-name:loading-text;content:"Loading";font-weight:700}@keyframes loader{15%{transform:translateX(230px)}45%{transform:translateX(0)}65%{transform:translateX(230px)}95%{transform:translateX(0)}}@keyframes loading-text{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}::ng-deep .h1,::ng-deep h1{font-size:1.165rem}::ng-deep .h2,::ng-deep .h3,::ng-deep h2,::ng-deep h3{font-size:1.125rem}::ng-deep b,::ng-deep strong{font-weight:600}::ng-deep .loaderbox{height:60px;margin:10px 0;position:relative}::ng-deep .loader-pkg{bottom:0;height:20px;left:0;margin:0;position:absolute;top:0;width:250px}::ng-deep .loader--dot{animation-duration:3s;animation-iteration-count:infinite;animation-name:loader;animation-timing-function:ease-in-out;background-color:#1a6774;border-radius:100%;height:20px;position:absolute;width:20px}::ng-deep .loader--dot:first-child{animation-delay:.5s;background-color:#618e93}::ng-deep .loader--dot:nth-child(5){animation-delay:.4s;background-color:#3fb0c3}::ng-deep .loader--dot:nth-child(4){animation-delay:.3s;background-color:#40b8cd}::ng-deep .loader--dot:nth-child(3){animation-delay:.2s;background-color:#ec8828}::ng-deep .loader--dot:nth-child(2){animation-delay:.1s;background-color:#fdc25d}::ng-deep .loader--dot:first-child{animation-delay:0s;background-color:#f4e3be}::ng-deep .loader--text{left:0;margin:0;position:absolute;top:200%;width:4rem}::ng-deep .loader--text:after{animation-duration:3s;animation-iteration-count:infinite;animation-name:loading-text;content:"Loading";font-weight:700}']}]}],E.ctorParameters=function(){return[{type:s.FormBuilder},{type:L},{type:n.ChangeDetectorRef},{type:e.HttpClient},{type:o.DomSanitizer},{type:n.ElementRef},{type:n.Renderer2},{type:A},{type:I}]},E.propDecorators={chatMain:[{type:n.ViewChild,args:["chatMain"]}],myInput:[{type:n.ViewChild,args:["myInput"]}],closePlaygroundButtons:[{type:n.ViewChildren,args:["closeplaygroundbutton"]}],drawer:[{type:n.ViewChild,args:["drawer"]}],sourcesDrawer:[{type:n.ViewChild,args:["sourcesDrawer"]}],editorsDrawer:[{type:n.ViewChild,args:["editorsDrawer"]}],myTextarea:[{type:n.ViewChild,args:["myTextarea",{static:!1}]}],copilotName:[{type:n.Input}],firstName:[{type:n.Input}],lastName:[{type:n.Input}],apiKey:[{type:n.Input}],bgBubbleAi:[{type:n.Input}],bgBubbleUser:[{type:n.Input}],bgGradient:[{type:n.Input}],botName:[{type:n.Input}],botSkills:[{type:n.Input}],botId:[{type:n.Input}],orgId:[{type:n.Input}],closeButtonColor:[{type:n.Input}],closeButtonbgColor:[{type:n.Input}],credentials:[{type:n.Input}],dateTimeColor:[{type:n.Input}],dateTextColor:[{type:n.Input}],eventId:[{type:n.Input}],s27Token:[{type:n.Input}],eventName:[{type:n.Input}],botIcon:[{type:n.Input}],formFieldBgColor:[{type:n.Input}],formFieldTextColor:[{type:n.Input}],fullView:[{type:n.Input}],gradientColors:[{type:n.Input}],greeting:[{type:n.Input}],messageTextColorAi:[{type:n.Input}],messageTextColorUser:[{type:n.Input}],rules:[{type:n.Input}],sendButtonColor:[{type:n.Input}],sendButtonTextColor:[{type:n.Input}],showClose:[{type:n.Input}],thumbsDownMessages:[{type:n.Input}],thumbsUpMessage:[{type:n.Input}],timezone:[{type:n.Input}],unknownResponses:[{type:n.Input}],useOpenAi:[{type:n.Input}],userId:[{type:n.Input}],isDev:[{type:n.Input}],againButtonColor:[{type:n.Input}],againButtonTextColor:[{type:n.Input}],feedbackEvent:[{type:n.Output}],onCloseEvent:[{type:n.Output}],openPage:[{type:n.Output}],sessionActions:[{type:n.Output}],closeBot:[{type:n.Output}],connectWithUser:[{type:n.Output}],scheduleMeeting:[{type:n.Output}],refreshToken:[{type:n.Output}]};var _=function(){function t(){this.visible=!1}return t.prototype.toggle=function(){this.visible=!this.visible},t}();_.decorators=[{type:n.Component,args:[{selector:"hivegpt-chatbot",template:'<button mat-icon-button class="chat-button" color="primary" (click)="toggle()">\r\n <mat-icon>chat</mat-icon>\r\n</button>\r\n\r\n<ng-container *ngIf="visible">\r\n <hivegpt-chat-drawer\r\n [apiKey]="apiKey"\r\n [bgBubbleAi]="bgBubbleAi"\r\n [bgBubbleUser]="bgBubbleUser"\r\n [bgGradient]="bgGradient"\r\n [botName]="botName"\r\n [closeButtonbgColor]="closeButtonbgColor"\r\n [closeButtonColor]="closeButtonColor"\r\n [credentials]="credentials"\r\n [dateTextColor]="dateTextColor"\r\n [dateTimeColor]="dateTimeColor"\r\n [eventId]="eventId"\r\n [eventName]="eventName"\r\n [formFieldBgColor]="formFieldBgColor"\r\n [formFieldTextColor]="formFieldTextColor"\r\n [fullView]="fullView"\r\n [greeting]="greeting"\r\n [gradientColors]="gradientColors"\r\n [messageTextColorAi]="messageTextColorAi"\r\n [messageTextColorUser]="messageTextColorUser"\r\n [sendButtonColor]="sendButtonColor"\r\n [sendButtonTextColor]="sendButtonTextColor"\r\n [showClose]="showClose"\r\n [thumbsDownMessages]="thumbsDownMessages"\r\n [thumbsUpMessage]="thumbsUpMessage"\r\n [unknownResponses]="unknownResponses"\r\n [useOpenAi]="useOpenAi"\r\n [userId]="userId"\r\n [botId]="botId"\r\n >\r\n </hivegpt-chat-drawer>\r\n</ng-container>\r\n',styles:["::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#e5ccbc}.spinner{align-items:center;display:flex;gap:2px;justify-content:center}.spinner>div{animation:bouncedelay 1.4s ease-in-out infinite;animation-fill-mode:both;background-color:#173330;border-radius:100%;display:inline-block;height:5px;width:5px}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.chat-button{align-items:center;background:#17235b;border:#17235b;border-radius:50%;bottom:20px;color:#fff;display:inline-flex;font-size:24px;height:50px;justify-content:center;position:fixed;right:20px;width:50px}"]}]}],_.propDecorators={userId:[{type:n.Input}],apiKey:[{type:n.Input}],botName:[{type:n.Input}],botSkills:[{type:n.Input}],botId:[{type:n.Input}],closeButtonColor:[{type:n.Input}],gradientColors:[{type:n.Input}],greeting:[{type:n.Input}],sendButtonColor:[{type:n.Input}],useOpenAi:[{type:n.Input}],showClose:[{type:n.Input}],bgGradient:[{type:n.Input}],sendButtonTextColor:[{type:n.Input}],fullView:[{type:n.Input}],bgBubbleAi:[{type:n.Input}],bgBubbleUser:[{type:n.Input}],closeButtonbgColor:[{type:n.Input}],messageTextColorAi:[{type:n.Input}],messageTextColorUser:[{type:n.Input}],dateTimeColor:[{type:n.Input}],dateTextColor:[{type:n.Input}],formFieldBgColor:[{type:n.Input}],formFieldTextColor:[{type:n.Input}],thumbsUpMessage:[{type:n.Input}],thumbsDownMessages:[{type:n.Input}],timezone:[{type:n.Input}],eventName:[{type:n.Input}],credentials:[{type:n.Input}],unknownResponses:[{type:n.Input}],rules:[{type:n.Input}],eventId:[{type:n.Input}]};var F=function(){function t(t){this.sanitizer=t}return t.prototype.transform=function(t){return t?this.sanitizer.bypassSecurityTrustHtml(t):""},t}();F.decorators=[{type:n.Pipe,args:[{name:"safeHtml"}]}],F.ctorParameters=function(){return[{type:o.DomSanitizer}]};var M=function(){function t(t,e,o){this.doc=t,this.el=e,this.cdr=o,this.isMuted=!0,this.isFullscreen=!1,this.isFullscreenvideoPlaying=!1,this.connectWithUser=new n.EventEmitter,this.scheduleMeeting=new n.EventEmitter}return t.prototype.ngOnInit=function(){},t.prototype.toggleSound=function(t){var e=this;void 0===t&&(t=null),this.isMuted=null!=t?t:!this.isMuted,setTimeout((function(){var t=e.doc.getElementById(e.video.id.toString());t&&(t.muted=e.isMuted,e.video.isMuted=e.isMuted),e.cdr.markForCheck()}))},t.prototype.togglePlay=function(t,e){var n=this;this.videoObj.isPlaying=!this.videoObj.isPlaying,setTimeout((function(){t?(n.videoObj.isPlaying=!0,e.play(),document.getElementById("pause-btn").classList.add("hide-pause-btn"),n.toggleSound(!1)):(n.videoObj.isPlaying=!1,e.pause());n.cdr.markForCheck()}))},t.prototype.ngAfterViewInit=function(){var t=this;window.innerWidth<=576&&(this.observer=new IntersectionObserver((function(e){!0===e[0].isIntersecting?t.video.nativeElement.play():t.video.nativeElement.pause()}),{threshold:.75}),this.observer.observe(this.el.nativeElement))},t.prototype.toggleFullscreen=function(){this.isFullscreen=!this.isFullscreen,this.isFullscreen||this.fullscreenvideo.nativeElement.pause()},t.prototype.toggleFullscreenPlay=function(){this.isFullscreenvideoPlaying=!this.isFullscreenvideoPlaying,this.isFullscreenvideoPlaying?this.fullscreenvideo.nativeElement.play():this.fullscreenvideo.nativeElement.pause()},t.prototype.followUser=function(t){this.connectWithUser.emit(t)},t.prototype.checkPendingSentRequest=function(t){var e;return null===(e=this.myPendingSentRequests)||void 0===e?void 0:e.find((function(e){return e==t}))},t.prototype.canUnfollowUser=function(){return!1},t.prototype.canFollowUser=function(){return!0},t.prototype.getIniNames=function(t,e){return t||e?t&&e?t.charAt(0).toUpperCase()+e.charAt(0).toUpperCase():t.charAt(0).toUpperCase():""},t}();M.decorators=[{type:n.Component,args:[{selector:"app-video-player",template:'<div class="video-wrapper" >\r\n <div class="overlymask-video"></div>\r\n <video (click)="toggleFullscreen()" #video [loop]="true" [muted]="isMuted" [src]="videoObj.processedUrls || videoObj.url" playsinline\r\n [controls]="false"></video>\r\n <div class="main-controls" [class.no-opacity]="video.isPlaying">\r\n <button mat-icon-button *ngIf="!videoObj.isPlaying"\r\n attr.aria-label="Play Video"\r\n title="Play Video" class="play-pause-btn"\r\n (click)="togglePlay(true, video)">\r\n \x3c!-- <mat-icon alt="Play">play_arrow</mat-icon> --\x3e\r\n <span class="material-icons notranslate " aria-hidden="true">play_circle_outline</span>\r\n </button>\r\n\r\n <button mat-icon-button id="pause-btn" [hidden]="!videoObj.isPlaying" class="pause_btn play-pause-btn playing"\r\n title="Pause Video"\r\n [class.half-opacity]="video.isPlaying" (click)="togglePlay(false, video)">\r\n \x3c!-- <mat-icon alt="Pause">pause</mat-icon> --\x3e\r\n <span class="material-icons notranslate " aria-hidden="true">pause_circle_outline</span>\r\n </button>\r\n </div>\r\n <div class="video-actions">\r\n <button class="button-trasparent action" (click)="toggleSound()" title="Mute" *ngIf="isMuted">\r\n <span class="material-icons notranslate " aria-hidden="true">volume_off</span>\r\n </button>\r\n <button class="button-trasparent action" (click)="toggleSound()" title="Unmute" *ngIf="!isMuted">\r\n <span class="material-icons notranslate " aria-hidden="true">volume_up</span>\r\n </button>\r\n\r\n </div>\r\n</div>\r\n\r\n<div class="full-screen" *ngIf="isFullscreen" [ngClass]="{\'show\': isFullscreen}">\r\n <div class="video-wrapper">\r\n <video #fullscreenvideo (click)="toggleFullscreenPlay()" [loop]="true" [muted]="isMuted" [src]="videoObj.processedUrls || videoObj.url"\r\n playsinline [controls]="false"></video>\r\n <div (click)="toggleFullscreen()" class="close-btn">\r\n <span class="material-icons notranslate ">clear</span>\r\n </div>\r\n <div class="video-actions">\r\n <button *ngIf="!video.isPlaying" title="Play"\r\n class="material-icons notranslate body-text-color fs-h2 play position-absolute transparent-btn" (click)="togglePlay(true, video)">\r\n play_circle_outline\r\n </button>\r\n <button id="pause-btn" [hidden]="!videoObj.isPlaying" title="Pause"\r\n class="pause_btn material-icons body-text-color fs-h2 play position-absolute transparent-btn"\r\n [class.half-opacity]="video.isPlaying" (click)="togglePlay(false, video)">\r\n pause_circle_outline\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\n',styles:[".video-wrapper{position:relative}.video-wrapper video{-o-object-fit:cover;border-radius:5px;cursor:pointer;height:330px;object-fit:cover;outline:0;transition:.3s ease-in-out;width:100%}.video-wrapper .video-actions{display:flex;flex-direction:column;position:absolute;right:10px;top:10px}.video-wrapper .video-actions .action{color:#fff;cursor:pointer;margin-bottom:5px}.video-wrapper .author-details{bottom:18px;display:flex;flex-direction:column;justify-content:flex-start;left:12px;position:absolute;right:12px;transition:.3s ease-in-out}.video-wrapper .author-details .author-image{border-radius:50%;height:34px;margin-right:6px;overflow:hidden;width:34px}.video-wrapper .author-details .author-image img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}.video-wrapper .author-details .author-name,.video-wrapper .author-details .video-title{color:#fff;display:block;font-size:14px;mix-blend-mode:hard-light}.video-wrapper .connect-btn{bottom:20px;opacity:0;outline:0;position:absolute;text-align:center;transition:.3s ease-in-out;width:100%}@media only screen and (max-width:576px){.video-wrapper .connect-btn{opacity:1;right:20px;width:unset}}.video-wrapper .connect-btn button{margin:auto}.video-wrapper:hover .author-details{opacity:0}@media only screen and (max-width:576px){.video-wrapper:hover .author-details{opacity:1}}.video-wrapper:hover .connect-btn{opacity:1}.video-wrapper .half-opacity{opacity:.2}.video-wrapper .no-opacity{background-color:transparent}.like-btn{margin-bottom:20px;text-align:center;transition:.2s ease-in-out}.like-btn .count{font-size:16px;margin-left:3px}.like-btn span{cursor:pointer;font-size:30px}.like-btn:hover{transform:scale(1.1)}.like-btn.like{color:#025be7}.like-btn.dislike{color:#8d8d8d}.like-btn.info{color:#aeae3f}.full-screen.show{align-items:center;background:rgba(27,26,26,.9607843137254902);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.full-screen.show .video-wrapper video{height:270px;transform:none!important;transition:none;width:300px}.full-screen .close-btn{cursor:pointer;left:10px;position:absolute;top:10px}.full-screen .close-btn span{color:#fff}.main-controls{background-color:rgba(0,0,0,.3);bottom:0;left:0;right:0;top:0}.main-controls,.main-controls .play-pause-btn{align-items:center;display:flex;justify-content:center;position:absolute}.main-controls .play-pause-btn{background:none;border:none;color:#fff;line-height:0;top:34%}.main-controls .play-pause-btn.playing{cursor:pointer;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%)}.main-controls .play-pause-btn.playing span{color:#fff;text-shadow:0 0 6px rgba(47,47,47,.36)}.main-controls .play-pause-btn:focus{outline:none}.main-controls .play-pause-btn .material-icons{font-size:40px}.main-controls .play-pause-btn .mat-icon{height:auto;width:auto}.main-controls .half-opacity{opacity:.2}.main-controls .no-opacity{background-color:transparent}button.transparent-btn{background:transparent;border:0!important}.pause_btn{height:100%;opacity:.02!important;width:100%}.pause_btn:hover{background-color:rgba(0,0,0,.7411764705882353);opacity:1!important}.hide-pause-btn{opacity:0!important}.no-photo{align-items:center;display:flex;font-size:14px;height:35px;justify-content:center;width:35px}.overlymask-video{background-image:linear-gradient(hsla(0,0%,100%,.058823529411764705),rgba(0,0,0,.1803921568627451));background-position:0 bottom;height:275px;position:absolute;width:100%;z-index:0}"]}]}],M.ctorParameters=function(){return[{type:void 0,decorators:[{type:n.Inject,args:[d.DOCUMENT]}]},{type:n.ElementRef},{type:n.ChangeDetectorRef}]},M.propDecorators={currentUserId:[{type:n.Input}],user:[{type:n.Input}],eventId:[{type:n.Input}],videoObj:[{type:n.Input}],isDev:[{type:n.Input}],type:[{type:n.Input}],video:[{type:n.ViewChild,args:["video"]}],fullscreenvideo:[{type:n.ViewChild,args:["fullscreenvideo"]}],connectWithUser:[{type:n.Output}],scheduleMeeting:[{type:n.Output}]};var z=function(){function t(t,e){this.cdr=t,this.http=e,this.documentName="doc name",this.quillConfig={toolbar:[[{header:"1"},{header:"2"},{font:[]}],[{list:"ordered"},{list:"bullet"}],["bold","italic","underline"],["link"],["clean"]]}}return t.prototype.ngOnInit=function(){var t=this;this.environment=k,setTimeout((function(){t.isDocInEditMode?(console.log("In Edit mode"),t.filldataInForm()):console.log("In save mode")}),2500)},t.prototype.filldataInForm=function(){var t,e;this.documentContent&&(this.documentName=null===(t=this.documentContent)||void 0===t?void 0:t.name,this.editorContent=null===(e=this.documentContent)||void 0===e?void 0:e.content,this.cdr.detectChanges())},t.prototype.saveContent=function(){this.isDocInEditMode,this.saveContent_http().subscribe()},t.prototype.saveContent_http=function(){var t=this;console.log("API call function");var n=this.environment.AGENTS_API+"/ConversationDocuments?conversationId="+this.conversationId+"&botId="+this.botId,o=new e.HttpHeaders({"Content-Type":"application/json",apiKey:"WIz/qAm+EEmfOkFaUA/weA=="}),a={name:this.documentName,content:this.editorContent};return this.http.post(n,a,{headers:o}).pipe(i.switchMap((function(e){return t.cdr.markForCheck(),r.of(e)})),i.catchError((function(t){return console.error("Error fetching chatbot config: ",t),r.of(null)})))},t.prototype.updateContent_http=function(){var t=this;console.log("API call function");var n=this.environment.AGENTS_API+"/ConversationDocuments/rename?conversationId="+this.conversationId+"&botId="+this.botId,o=new e.HttpHeaders({"Content-Type":"application/json",apiKey:"WIz/qAm+EEmfOkFaUA/weA=="}),a={name:this.documentName,content:this.editorContent};return this.http.put(n,a,{headers:o}).pipe(i.switchMap((function(e){return t.cdr.markForCheck(),r.of(e)})),i.catchError((function(t){return console.error("Error fetching chatbot config: ",t),r.of(null)})))},t}();z.decorators=[{type:n.Component,args:[{selector:"lib-bot-html-editor",template:'<div style="padding: 12px">\r\n <div style="margin-top: 42px" class="form-group">\r\n <input [(ngModel)]="documentName" class="form-control" type="text" />\r\n <button (click)="saveContent()" class="save-btn">Save</button>\r\n </div>\r\n\r\n <quill-editor\r\n [(ngModel)]="editorContent"\r\n [modules]="quillConfig"\r\n ></quill-editor>\r\n</div>\r\n',styles:[".save-btn{background-color:#f0f0f0;border:none;color:#333;margin-top:22px;position:absolute;right:16px;width:56px}"]}]}],z.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:e.HttpClient}]},z.propDecorators={editorContent:[{type:n.Input}],isDocInEditMode:[{type:n.Input}],documentContent:[{type:n.Input}],conversationId:[{type:n.Input}],botId:[{type:n.Input}]};var D=function(){};D.decorators=[{type:n.NgModule,args:[{declarations:[_,E,M,F,z],imports:[d.CommonModule,p.MatIconModule,h.MatSidenavModule,s.FormsModule,u.QuillModule],exports:[_,E,M]}]}],t.ChatBotComponent=_,t.ChatDrawerComponent=E,t.HiveGptModule=D,t.ɵa=L,t.ɵb=A,t.ɵc=I,t.ɵd=S,t.ɵe=M,t.ɵf=F,t.ɵg=z,Object.defineProperty(t,"__esModule",{value:!0})}));
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/common/http"),require("@angular/core"),require("@angular/platform-browser"),require("rxjs"),require("rxjs/operators"),require("ngx-socket-io"),require("@angular/forms"),require("microsoft-cognitiveservices-speech-sdk"),require("marked"),require("@angular/common"),require("@angular/material/icon"),require("@angular/material/sidenav"),require("ngx-quill")):"function"==typeof define&&define.amd?define("@hivegpt/hiveai-angular",["exports","@angular/common/http","@angular/core","@angular/platform-browser","rxjs","rxjs/operators","ngx-socket-io","@angular/forms","microsoft-cognitiveservices-speech-sdk","marked","@angular/common","@angular/material/icon","@angular/material/sidenav","ngx-quill"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).hivegpt=t.hivegpt||{},t.hivegpt["hiveai-angular"]={}),t.ng.common.http,t.ng.core,t.ng.platformBrowser,t.rxjs,t.rxjs.operators,t.ngxSocketIo,t.ng.forms,t.SpeechSDK,t.marked,t.ng.common,t.ng.material.icon,t.ng.material.sidenav,t.ngxQuill)}(this,(function(t,e,n,o,r,i,a,s,c,l,d,p,h,u){"use strict";var g=function(t,e){return(g=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])})(t,e)};function f(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}g(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}Object.create;function m(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],o=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function b(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var o,r,i=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(t){r={error:t}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function v(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(b(arguments[e]));return t}Object.create;"function"==typeof SuppressedError&&SuppressedError;var x=function(t){var e=t.getHours()%12,n=t.getMinutes();return 0===e&&(e=12),(e<10?"0"+e:e)+":"+(n<10?"0"+n:n)+" "+(t.getHours()<12?"AM":"PM")},y=function(t){var e=new Date;if(t){var n={hour12:!0,hour:"numeric",minute:"numeric",timeZone:t};return e.toLocaleString("en-US",n)}return x(e)},w=function(t,e){var n={hour12:!0,hour:"numeric",minute:"numeric",timeZone:t};return new Date(e+"Z").toLocaleString("en-US",n)},k={USERS_API:"https://es-user.social27.com/api",BASE_URL:"https://agent-api.hivegpt.ai",AGENTS_API:"https://hive-ai.social27.com/api",API_KEY:"b621eb3f-0bd2-41d5-a48c-a8f8ab7d38f8",SocketUrl:"https://notif-v2-ws.social27.com/"},C={USERS_API:"https://pre-user.social27.com/api",BASE_URL:"https://agent-api.hivegpt.ai",AGENTS_API:"https://hive-ai.social27.com/api",API_KEY:"b621eb3f-0bd2-41d5-a48c-a8f8ab7d38f8",SocketUrl:"https://notif-v2-ws.social27.com/"},I=function(){function t(){this.storageKey="conversationKey",this.userSepecificNotification=new r.Subject}return t.prototype.generateKey=function(){return Math.floor((new Date).getTime()/1e3).toString(16)+"xxxxxxxxxxxxxxxx".replace(/[x]/g,(function(){return Math.floor(16*Math.random()).toString(16)}))},t.prototype.getKey=function(t,e){void 0===e&&(e=!1);var n="conversationKey_"+t,o=localStorage.getItem(n);return o&&!e||(o=this.generateKey(),localStorage.setItem(n,o)),o},t.prototype.sendValidatedUserData=function(t){this.userSepecificNotification.next(t)},t.prototype.getUserSpecificNotification=function(){return this.userSepecificNotification.asObservable()},t}();I.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new I},token:I,providedIn:"root"}),I.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],I.ctorParameters=function(){return[]};var S=function(t){function e(){var e=t.call(this,A)||this;return e.on("connect",(function(){console.log("Socket connected")})),e.on("disconnect",(function(){console.warn("Socket disconnected")})),e.on("connect_error",(function(t){console.error("Socket connection error:",t)})),e}return f(e,t),e}(a.Socket);S.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new S},token:S,providedIn:"root"}),S.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],S.ctorParameters=function(){return[]};var A={url:k.SocketUrl,options:{transports:["websocket","polling"],reconnection:!0,autoConnect:!0,upgrade:!0,reconnectionDelay:1e3,reconnectionDelayMax:5e3,reconnectionAttempts:1/0}},T=function(){function t(t,e){this.conversationService=t,this.notificationSocket=e,this.isCommonSocketInitialized=!1,this.isUserSpecificSocketInitialized=!1,this.isUserSpecificEventReleased=!0,this.messageQueue=[],this.releaseInterval=1e3,this.intervalSetup=!1,this.startReleasingMessages()}return t.prototype.isSocketInitialized=function(t){return t?this.isCommonSocketInitialized:this.isUserSpecificSocketInitialized&&!this.isUserSpecificEventReleased},t.prototype.disconnectSocketConnection=function(){this.notificationSocket.disconnect()},t.prototype.connectSocketConnection=function(){this.notificationSocket.connect()},t.prototype.registerUserSpecificHiveSocket=function(t,e,n){var o=this,r="Hive_AI_Notifs_"+t+"_"+e,i="Hive_AI_Notifs_"+n;this.notificationSocket.emit("joinData",{groupId:r}),this.notificationSocket.emit("joinData",{groupId:i}),this.notificationSocket.fromEvent("commonNotification").subscribe((function(t){console.log("Received commonNotification:",t),o.conversationService.sendValidatedUserData(t)}),(function(t){console.error("Error receiving commonNotification:",t)}))},t.prototype.startReleasingMessages=function(){var t=this;this.intervalSetup||(setInterval((function(){if(t.messageQueue.length>0){var e=t.messageQueue.shift();console.log("Releasing message from queue:",e)}}),this.releaseInterval),this.intervalSetup=!0)},t}();T.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new T(n.ɵɵinject(I),n.ɵɵinject(S))},token:T,providedIn:"root"}),T.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],T.ctorParameters=function(){return[{type:I},{type:S}]};var L=function(){function t(t){this.http=t,this.eventDescription=new r.Subject,this.bot_api="https://agent-api.hivegpt.ai/"}return t.prototype.fetchSpeechAuthorizationToken=function(t,n,o){var r=new e.HttpHeaders({"Content-Type":"application/json","x-api-key":n,"hive-bot-id":t,"domain-authority":o}),a=""+(this.bot_api+"speech/issue_token");return this.http.get(a,{headers:r}).pipe(i.map((function(t){return t.token})))},t.prototype.getWorkflowsByOrgId=function(t){var e=this.bot_api+"workflows"+"?org_id="+t;return this.http.get(e).pipe(i.map((function(t){return t})))},t.prototype.getWorkflowExecutionById=function(t){var e=this.bot_api+"workflows/execution/"+t;return this.http.get(e).pipe(i.map((function(t){return t})))},t}();L.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new L(n.ɵɵinject(e.HttpClient))},token:L,providedIn:"root"}),L.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],L.ctorParameters=function(){return[{type:e.HttpClient}]};var _=function(){function t(t,e,o,r,i,a,s,c,l){var d=this;this.fb=t,this.botService=e,this.cdr=o,this.http=r,this.sanitizer=i,this.elementRef=a,this.renderer=s,this.socketService=c,this.conversationService=l,this.bodyOverflowClass="body-overflow-hidden",this.isCollapsedTrue=!1,this.copilotName="HiveXGPT",this.feedbackEvent=new n.EventEmitter,this.onCloseEvent=new n.EventEmitter,this.openPage=new n.EventEmitter,this.sessionActions=new n.EventEmitter,this.closeBot=new n.EventEmitter,this.connectWithUser=new n.EventEmitter,this.scheduleMeeting=new n.EventEmitter,this.refreshToken=new n.EventEmitter,this.autogenKey="Autogen_eDJTtEU-NB0RtIpzq1w",this.addToMyAgendaAction="add_to_my_agenda",this.myUpcomingSessionAction="my_upcomming_session",this.connectOrFollowAction="connect_or_follow",this.aiResponse="",this.chatLog=[],this.decoder=new TextDecoder,this.feedbackDone=!1,this.greetingMsg="",this.hasBackdropValue=!1,this.input="",this.listenerAdded=!1,this.loading=!1,this.mode="over",this.quickPrompts=[],this.thumbsDownMsgIndex=0,this.userName="",this.showStartAgain=!1,this.isIOSDevice=!1,this.showFeedBackIconsIndex=null,this.temperature=1,this.speakers=[],this.currentWorkflowActionProgress=0,this.currentWorkflowAction="",this.recognizedText="",this.authorizationToken="",this.region="westeurope",this.isChatingWithAi=!1,this.readAllChunks=function(t){var e=t.getReader(),n=[];return e.closed.catch((function(t){t&&console.error("Error reading stream: ",t),d.isChatingWithAi=!1,d.scrollToBottom()})),new ReadableStream({start:function(t){return d.pump(t,e,n)}})},this.currentMessageForEditor="",this.currentIndexForEditor=-1,this.isDropdownOpen=!1,this.selectedAgents=[],this.allSelected=!1,this.isDocInEditMode=!1,this.isContentLoaded=!1,this.isCollapsed=!1,this.isCollapsedForGraph=!1,this.isCollapsedForFGraph=!1,this.dateTime={now:(new Date).toISOString()},this.currentSourcesList=[],this.isShowEditorButton=!0,this.isDrawerOpen=!0,this.chatMain=new n.ElementRef(null)}return t.prototype.ngOnChanges=function(t){t.s27Token&&t.s27Token.currentValue!=t.s27Token.previousValue&&(this.s27Token=t.s27Token.currentValue,console.log("isFetchDataFor: ",this.isFetchDataFor),console.log("msg: ",this.msg),console.log("chat: ",this.chat),this.is401&&(this.isFetchDataFor?this.fetchDataFor(this.msg,this.chat):this.fetchData(this.msg))),t.orgId&&t.orgId.currentValue!=t.orgId.previousValue&&t.orgId.currentValue&&this.initializeSocket()},t.prototype.ngOnInit=function(){var t=this;this.environment=this.isDev?C:k;var e=window.location.hostname;e.includes("pre-app.social27.com")?this.domainAuthorityValue="pre-prod-lite":e.includes("app.social27.com")?this.domainAuthorityValue="prod-lite":e.includes("hivegpt.io")&&(this.domainAuthorityValue="hivegpt"),this.changeTemperature(this.temperature),this.fetchBotConfig().subscribe((function(e){t.cdr.markForCheck(),t.fetchChatHistory().subscribe((function(e){t.loading=!1,t.mapChatHistory(e),t.cdr.markForCheck()}),(function(t){console.error("Error fetching chat history:",t)}))}),(function(t){console.error("Error fetching chat history:",t)})),this.cdr.markForCheck(),this.botService.fetchSpeechAuthorizationToken(this.botId,this.apiKey,this.domainAuthorityValue).subscribe((function(e){t.authorizationToken=e,t.initializeSpeechRecognizer(e)}))},t.prototype.initializeSocket=function(){var t=this;try{this.socketService.disconnectSocketConnection()}catch(t){}setTimeout((function(){t.socketService.connectSocketConnection(),setTimeout((function(){console.log("YES INIT");var e=t.conversationService.getKey(t.botId);t.socketService.registerUserSpecificHiveSocket(t.botId,e,t.orgId),setTimeout((function(){t.listenSockets()}),300)}),200)}),300)},t.prototype.listenSockets=function(){var t=this;this.eventSubscription&&this.eventSubscription.unsubscribe(),console.log("Listen Socket"),this.eventSubscription=this.conversationService.getUserSpecificNotification().subscribe((function(e){var n,o,r,i,a,s;if(console.log("Listen Socket response"),console.log(e),null===(o=null===(n=null==e?void 0:e.m)||void 0===n?void 0:n.OtherFields)||void 0===o?void 0:o.workflow_id){var c=null===(r=null==e?void 0:e.m)||void 0===r?void 0:r.OtherFields,l=c.percentage,d=c.output,p=c.action_name,h=c.current_action_name,u=c.workflow_execution_id,g=c.time_stamp;t.currentWorkflowActionProgress=l,t.currentWorkflowAction=p;var f=t.workflowExecutionDetails.Actions.findIndex((function(t){return t.Name==h}));-1!==f?(t.workflowExecutionDetails.Actions[f].Output=d,t.workflowExecutionDetails.Actions[f].InsertTimeStamp=w(t.timezone,g)):console.error("Action with name "+p+" not found"),t.currentWorkflowExecutionDetails=t.workflowExecutionDetails,100==t.currentWorkflowActionProgress&&(t.chatLog[t.chatLog.length-1].WorkflowExecutionId=u,t.isChatingWithAi=!1,t.executingWorkflow=!1),t.cdr.detectChanges()}else if(null===(i=null==e?void 0:e.m)||void 0===i?void 0:i.OtherFields){var m=null===(a=null==e?void 0:e.m)||void 0===a?void 0:a.OtherFields,b=(m.conversation_id,m.bot_id,m.message_id),v=m.answer,x=m.web_results,k=m.search_results,C=m.graphs,I=m.execution_graphs,S=m.suggestions;console.log("message_id1"),console.log(null===(s=null==e?void 0:e.m)||void 0===s?void 0:s.OtherFields);var A=t.chatLog.find((function(t){return t._id==b}));console.log(t.chatLog),A||(console.log("message_id2"),console.log(b),A={_id:b,type:"ai",time:y(t.timezone)},t.chatLog.push(A),t.showFeedBackIconsIndex=t.chatLog.length-1,console.log("message_id3"),console.log(b),t.cdr.detectChanges()),k&&Array.isArray(k)&&(console.log("Online Search Terms:",k),A.searchTerms=k,t.cdr.detectChanges()),x&&Array.isArray(x)&&(console.log("Web Results:",x),A.sourcesList=x,A.displayedSources=null==x?void 0:x.slice(0,3),A.remainingSources=null==x?void 0:x.slice(3),t.cdr.detectChanges()),v&&(t.isChatingWithAi=!1,console.log("Answer:",v),A.message=t.processMessageForDisplay(v),t.cdr.detectChanges(),t.scrollToBottom()),C&&Array.isArray(C)&&(console.log("Graphs:",C),A.graphs=C,t.cdr.detectChanges()),I&&Array.isArray(I)&&(console.log("Execution Graphs:",I),A.executionGraphs=I,t.cdr.detectChanges()),S&&Array.isArray(S)&&(console.log("suggestions:",S),A.relatedListItems=S,t.cdr.detectChanges())}else console.warn("OtherFields is missing in the response")}),(function(e){t.eventSubscription.unsubscribe(),console.error("Error in fetching data from socket",e)}))},t.prototype.initializeSocketAndListen=function(){},t.prototype.handleEvent=function(t,e){e},t.prototype.ngOnDestroy=function(){this.eventSubscription&&this.eventSubscription.unsubscribe(),this.socketService.disconnectSocketConnection()},t.prototype.changeTemperature=function(t){if(!this.loading){this.temperature=t;var e=document.querySelector(".hivegpt-chat-wrapper");switch(null==e||e.classList.remove("creative","balanced","precise"),t){case 0:null==e||e.classList.add("creative");break;case 1:null==e||e.classList.add("balanced");break;case 2:null==e||e.classList.add("precise")}}},t.prototype.onStartAgain=function(){this.loading||(this.showStartAgain=!1,this.chatLog=[],this.chatLog.push({type:"ai",message:this.greetingMsg,time:y(this.timezone)}),this.archieveMessages().subscribe())},t.prototype.archieveMessages=function(){var t=new e.HttpHeaders({"Content-Type":"application/json","x-api-key":this.apiKey,"hive-bot-id":this.botId,"domain-authority":this.domainAuthorityValue}),n=this.environment.BASE_URL+"/bot/clear-history/"+this.botId+"/"+this.userId;return this.http.post(n,{headers:t}).pipe(i.switchMap((function(t){return r.of(t)})),i.catchError((function(t){return r.of(null)})))},t.prototype.fetchBotConfig=function(){var t=this;this.loading=!0;var n=new e.HttpHeaders({"x-api-key":this.apiKey,"hive-bot-id":this.botId,"domain-authority":this.domainAuthorityValue}),o=this.environment.BASE_URL+"/bots?bot_id="+this.botId;return this.http.get(o,{headers:n}).pipe(i.switchMap((function(e){var n;return t.botName=e.Name,t.botIcon=e.Icon,t.botSkills=null==e?void 0:e.Skills,t.greetingMsg=e.Greeting,t.thumbsDownMessages=(null===(n=null==e?void 0:e.NegativeResponses)||void 0===n?void 0:n.length)?e.NegativeResponses:["We are sorry we've not been able to answer your question.<br/> However, our dedicated support team is happy to help. <span class='feedback-link' style='cursor: pointer; text-decoration: underline; font-weight: 700; color: #17235B;'><a href='mailto:support@social27.com' style='color: inherit; text-decoration: none;'>Please click here</a></span> and a human agent will assist you as soon as possible"],t.quickPrompts=e.QuickPrompts,t.cdr.markForCheck(),t.loading=!1,r.of(e)})),i.catchError((function(e){return console.error("Error fetching chatbot config: ",e),t.loading=!1,r.of(null)})))},t.prototype.fetchChatHistory=function(){this.loading=!0,this.conversationKey=this.conversationService.getKey(this.botId,!1);var t=this.environment.BASE_URL+"/conversations/"+this.conversationKey,n=new e.HttpHeaders({accept:"application/json","x-api-key":this.apiKey,"hive-bot-id":this.botId,"domain-authority":this.domainAuthorityValue});return this.http.get(t,{headers:n}).pipe(i.catchError(this.handleError("fetchConversation")))},t.prototype.handleError=function(t,e){return void 0===t&&(t="operation"),function(n){return console.error(t+" failed: "+n.message),r.of(e)}},t.prototype.mapChatHistory=function(t){var e,n=this;this.chatLog.push({type:"ai",message:this.greetingMsg,time:y(this.timezone)}),t&&(null===(e=null==t?void 0:t.Messages)||void 0===e?void 0:e.length)&&(null==t||t.Messages.forEach((function(t){if("user"==t.Type&&n.chatLog.push({type:"user",message:n.processMessageForDisplay(t.Text),time:w(n.timezone,t.InsertTimestamp),copied:!1,isCollapsedTrue:!1,WorkflowExecutionId:t.WorkflowExecutionId,_id:t._id}),"ai"==t.Type){var e=t.WebLinks||[],o=t.WebLinks.slice(0,3),r=t.WebLinks.slice(3);n.chatLog.push({type:"ai",message:n.processMessageForDisplay(t.Text),executionGraphs:t.ExecutionGraphs,graphs:t.Graphs,searchTerms:t.SearchTerms,sourcesList:e,displayedSources:o,remainingSources:r,time:w(n.timezone,t.InsertTimestamp),copied:!1,isCollapsedTrue:!1,_id:t._id}),n.showFeedBackIconsIndex=n.chatLog.length-1}})),this.showStartAgain=!0),this.scrollToBottom(),this.cdr.markForCheck()},t.prototype.processMessage=function(t){if(!(t&&(null==t?void 0:t.length)>0))return"";t=t.trim();var e=/\[([^[]+)]\(([^)]+)\)/g,n=/(?<!href=")\bhttps?:\/\/\S+(?<![.,])/gi;if(e.test(t)){var o=t.replace(e,'<a href="$2" target="_blank">$1</a>');return this.sanitizeHtml(o)}if(n.test(t)){o=t.replace(n,'<a href="$&" target="_blank">$&</a>');return this.sanitizeHtml(o)}return t=(t=(t=t.replace(/(?:\r\n|\r|\n)/g,"<br>")).replace(/\*\*(.*?)\*\*/g,"<strong>$1</strong>")).replace(/^(#{1,6})\s+(.*)$/gm,(function(t,e,n){var o=e.length;return"<h"+o+">"+n+"</h"+o+">"})),this.cdr.markForCheck(),this.sanitizeHtml(t)},t.prototype.ngAfterViewChecked=function(){var t=this;this.elementRef.nativeElement.querySelectorAll(".feedback-link").forEach((function(e){e.addEventListener("click",t.onFeedbackClick.bind(t,"zendesk"))}))},t.prototype.sanitizeHtml=function(t){return this.sanitizer.bypassSecurityTrustHtml(t)},t.prototype.onFeedbackClick=function(t){this.feedbackEvent.emit(t)},t.prototype.onClose=function(){this.renderer.removeClass(document.body,this.bodyOverflowClass),this.onCloseEvent.emit()},t.prototype.sendMessageWithTile=function(t){this.input=t,this.fetchData(),this.scrollToBottom()},t.prototype.fetchData=function(t){var e;if(void 0===t&&(t=null),this.input=t||(null===(e=this.input)||void 0===e?void 0:e.trim()),this.msg=this.input,this.input&&!this.loading){this.chatLog.push({type:"user",message:this.processMessageForDisplay(this.input),time:y(this.timezone),copied:!1,isCollapsedTrue:!1});try{var n=this.myInput.nativeElement;n.style.height="hidden",n.style.height="62px"}catch(t){}this.cdr.markForCheck(),this.aiResponse="",this.isChatingWithAi=!0,this.makeAskRequest(this.input,this.agents,this.conversationKey)}},t.prototype.fetchDataFor=function(t,e){var n=null==t?void 0:t.trim();if(n&&!this.loading){try{e.relatedListItems=[],this.cdr.detectChanges()}catch(t){}this.scrollToBottom(),this.chatLog.push({type:"user",message:this.processMessageForDisplay(n),time:y(this.timezone),copied:!1,isCollapsedTrue:!1}),this.cdr.markForCheck(),this.aiResponse="",this.isChatingWithAi=!0,this.makeAskRequest(n,this.agents,this.conversationKey,t,e)}},t.prototype.fetchSmallTalk=function(){var t=this;this.loading=!0,this.cdr.markForCheck();var e=this.environment.BASE_URL+"/bot/small-talk/"+this.botId+"/"+this.userId;this.http.get(e,{headers:{"x-api-key":this.apiKey,"hive-bot-id":this.botId,"domain-authority":this.domainAuthorityValue}}).pipe(i.catchError((function(t){return console.error("Error while fetching small talk:",t),r.of(null)}))).subscribe((function(e){t.loading=!1,t.cdr.markForCheck(),e&&e&&e.smallTalk&&(t.chatLog.push({type:"ai",message:t.processMessage(e.smallTalk),time:y(t.timezone),isFeedbackMsg:!0}),t.showFeedBackIconsIndex=t.chatLog.length-2,t.cdr.markForCheck())}))},t.prototype.pump=function(t,e,n){var o=this;e.read().then((function(r){var i,a,s,c,l=r.done,d=r.value,p=o.chatLog[o.chatLog.length-1];if(l)return p.message=o.processMessageForDisplay(p.message),o.chatLog.pop(),o.chatLog.push(p),(null==n?void 0:n.length)&&o.chatLog.push({type:"suggestions",suggestions:n}),t.close(),o.isChatingWithAi=!1,o.cdr.markForCheck(),void(o.showStartAgain=!0);var h=o.decoder.decode(d,{stream:!0});if(o.aiResponse+=h,"ai"===p.type){var u=o.aiResponse.match(/<sug>(.*?)<\/sug>/g);u&&u.forEach((function(t){o.aiResponse=o.aiResponse.replace(t,""),n.push(null==t?void 0:t.replace(/<\/?sug>/g,""))})),p.message=o.aiResponse,o.cdr.markForCheck()}else{o.isChatingWithAi=!1;var g=void 0;try{console.log("parsing json "),g=JSON.parse(JSON.parse(o.aiResponse))}catch(t){try{console.log("parsing json 2"),g=JSON.parse(o.aiResponse)}catch(t){}}if(console.log("parsing json done"),g&&(null===(i=null==g?void 0:g.section_id)||void 0===i?void 0:i.length)>0){if("company_search"!=g.section_id&&"user_search"!=g.section_id&&"industry_company_search"!=g.section_id||(o.fetchMyConnections().subscribe(),o.fetchPendingRequests().subscribe()),g.section_id==o.myUpcomingSessionAction){var f=[];null===(a=g.content)||void 0===a||a.forEach((function(t){f=v(f,t.speakers)})),(null==f?void 0:f.length)>0&&o.getSpeakersByStaffIds(f)}if(g.section_id==o.addToMyAgendaAction&&(null===(s=g.content)||void 0===s?void 0:s.length)>0&&o.openPage.next({sectionId:g.section_id,sessionIds:g.content}),g.section_id==o.connectOrFollowAction){var m=null===(c=g.content)||void 0===c?void 0:c.length;m>1?o.openPage.next({sectionId:"open_networking_drawer",search:g.content}):1==m&&o.openPage.next({sectionId:g.section_id,connetUserIds:[g.content[0].userId]})}"true"==g.is_open_page&&(o.openPage.next({sectionId:g.section_id,search:g.content}),o.isMobileBrowser()&&(g.message+='\n\n<a id="closeBotNow">Click Here</a> to see results.')),o.chatLog.push({type:"ai",message:g.message,action:g,time:y(o.timezone)}),o.isMobileBrowser()&&setTimeout((function(){o.addCloseBotClickEvent()}),500),o.aiResponse=""}else o.chatLog.push({type:"ai",message:o.aiResponse,time:y(o.timezone)});o.showFeedBackIconsIndex=o.chatLog.length-1,o.cdr.markForCheck()}o.scrollToBottom(),t.enqueue(d),o.pump(t,e,n)}))},t.prototype.submitFeedback=function(t,e){var n=this;console.log(e),this.feedbackDone=!0,this.showFeedBackIconsIndex=null;var o=this.conversationService.getKey(this.botId),r=this.environment.AGENTS_API+"/Conversation/coPilot/"+this.botId+"/conversation/"+o+"/helpful-response";fetch(r,{method:"POST",headers:{"Content-Type":"application/json",apiKey:"Conversation_WIz/qAm+EEmfOkFaUA/weA==","hive-bot-id":this.botId,"domain-authority":this.domainAuthorityValue},body:JSON.stringify({messageId:e._id,isHelpful:t})}).then((function(){if(t)return n.chatLog.push({type:"ai",message:n.thumbsUpMessage||"Great. May I assist you with anything else?",time:y(n.timezone),isFeedbackMsg:!0}),n.scrollToBottom(),n.cdr.markForCheck(),n.feedbackDone=!1,void(n.showFeedBackIconsIndex=null);n.chatLog.push({type:"ai",message:n.processMessage(n.thumbsDownMessages[n.thumbsDownMsgIndex]),time:y(n.timezone),isFeedbackMsg:!0}),n.thumbsDownMsgIndex=(n.thumbsDownMsgIndex+1)%n.thumbsDownMessages.length,n.scrollToBottom(),n.cdr.markForCheck(),n.feedbackDone=!1,n.showFeedBackIconsIndex=null}))},t.prototype.handleKeydown=function(t){"Enter"!==t.key||t.shiftKey||(t.preventDefault(),this.handleSubmit(t))},t.prototype.handleSubmit=function(t){this.fetchData(),this.scrollToBottom()},t.prototype.handleUpClick=function(t){this.feedbackDone||(this.submitFeedback(!0,this.chatLog[t]),this.chatLog[t].liked=!this.chatLog[t].liked,this.chatLog[t].unliked&&(this.chatLog[t].unliked=!this.chatLog[t].unliked),this.cdr.markForCheck())},t.prototype.handleDownClick=function(t){this.feedbackDone||(this.submitFeedback(!1,this.chatLog[t]),this.chatLog[t].unliked=!this.chatLog[t].unliked,this.chatLog[t].liked&&(this.chatLog[t].liked=!this.chatLog[t].liked))},t.prototype.copyText=function(t,e){var n=this,o=document.getElementById(t),r=document.createElement("textarea");r.value=o.innerText,document.body.appendChild(r),r.select(),document.execCommand("copy"),document.body.removeChild(r),this.chatLog[e].copied=!0,this.cdr.detectChanges(),setTimeout((function(){n.chatLog[e].copied=!1,n.cdr.detectChanges()}),2e3)},t.prototype.handleCopyClick=function(t){this.chatLog[t].message,this.copyText("messageText_"+t,t)},t.prototype.sanitizeHTML=function(t){var e=(new DOMParser).parseFromString(t,"text/html"),n=document.createDocumentFragment();Array.from(e.body.childNodes).forEach((function(t){n.appendChild(t.cloneNode(!0))}));var o=document.createElement("div");return o.appendChild(n),o.querySelectorAll("script").forEach((function(t){return t.remove()})),o.innerHTML},t.prototype.handleEditorClick=function(t){var e=this;-1==this.currentIndexForEditor?(this.currentIndexForEditor=t,this.currentMessageForEditor=this.sanitizeHTML(this.chatLog[t].message),this.currentMessageForEditor=this.currentMessageForEditor.replace("SafeValue must use [property]=binding:",""),this.cdr.detectChanges()):this.currentIndexForEditor==t?(this.currentMessageForEditor+=this.sanitizeHTML(this.chatLog[t].message),this.currentMessageForEditor=this.currentMessageForEditor.replace("SafeValue must use [property]=binding:",""),this.cdr.detectChanges()):(this.currentIndexForEditor=t,this.currentMessageForEditor=this.sanitizeHTML(this.chatLog[t].message),this.currentMessageForEditor=this.currentMessageForEditor.replace("SafeValue must use [property]=binding:",""),this.cdr.detectChanges()),this.chatLog[t].isEditor=!0,this.cdr.detectChanges(),setTimeout((function(){e.chatLog[t].isEditor=!1,e.cdr.detectChanges()}),2e3),this.editorsDrawer.open();var n=document.getElementById("botcloseplaygroundbutton");n&&(n.style.display="none"),this.cdr.detectChanges()},t.prototype.scrollToBottom=function(){var t=this,e=0,n=setInterval((function(){t.chatMain.nativeElement.scrollTop=t.chatMain.nativeElement.scrollHeight,e++>5&&clearInterval(n)}),5)},t.prototype.handleAction=function(t){console.info("incoming action from the chatbot AI"),console.info(t),null==t||t.content},t.prototype.ngAfterViewInit=function(){var t=this;this.drawer.opened&&this.setBodyOverflow(),this.drawer.openedChange.subscribe((function(e){e?t.setBodyOverflow():t.removeBodyOverflow()})),this.drawer.openedChange.subscribe((function(e){e&&setTimeout((function(){t.myTextarea&&t.myTextarea.nativeElement&&t.myTextarea.nativeElement.focus()}))}))},t.prototype.setBodyOverflow=function(){this.renderer.addClass(document.body,this.bodyOverflowClass)},t.prototype.removeBodyOverflow=function(){this.renderer.removeClass(document.body,this.bodyOverflowClass)},t.prototype.getSpeakersByStaffIds=function(t){var e=this,n=this.environment.USERS_API+"/events/"+this.eventId+"/users/get-by-staff-ids";fetch(n,{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer your_token_here"},body:JSON.stringify(t)}).then((function(t){if(t.ok)return t.json();throw new Error("Network response was not ok.")})).then((function(t){(null==t?void 0:t.length)>0&&(t.forEach((function(t){e.speakers[t.id]=t})),e.cdr.markForCheck())})).catch((function(t){console.error("Error fetching data:",t),e.loading=!1}))},t.prototype.performSessionAction=function(t,e){this.sessionActions.next({sessionId:t,action:e})},t.prototype.addCloseBotClickEvent=function(){var t=this,e=this.elementRef.nativeElement.querySelector("#closeBotNow");e&&this.renderer.listen(e,"click",(function(){t.closeBot.next()}))},t.prototype.isMobileBrowser=function(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)},t.prototype.connectToUser=function(t){var e=this;this.connectWithUser.emit({connect:!this.canDisconnect(t),userId:t}),setTimeout((function(){e.fetchMyConnections().subscribe((function(t){e.cdr.markForCheck()})),e.fetchPendingRequests().subscribe((function(t){e.cdr.markForCheck()}))}),500)},t.prototype.scheduleMeetingWithUser=function(t){this.scheduleMeeting.emit(t)},t.prototype.canConnect=function(t){return!(this.canDisconnect(t)||this.pendingRequests.find((function(e){return e==t})))},t.prototype.canDisconnect=function(t){return this.myConnections.find((function(e){return e.userId==t}))},t.prototype.fetchPendingRequests=function(){var t=this,n=new e.HttpHeaders({"Content-Type":"application/json",apiKey:this.autogenKey});return this.http.get(this.environment.USERS_API+"/events/"+this.eventId+"/connection-requests/autogen/pending-sent-requests?userId="+this.userId,{headers:n}).pipe(i.switchMap((function(e){return t.pendingRequests=e,t.cdr.markForCheck(),r.of(e)})),i.catchError((function(t){return console.error("Error fetching pending requests: ",t),r.of(null)})))},t.prototype.fetchMyConnections=function(){var t=this,n=new e.HttpHeaders({"Content-Type":"application/json",apiKey:this.autogenKey});return this.http.get(this.environment.USERS_API+"/events/"+this.eventId+"/users-connections/autogen?userId="+this.userId,{headers:n}).pipe(i.switchMap((function(e){return t.myConnections=e,t.cdr.markForCheck(),r.of(e)})),i.catchError((function(t){return console.error("Error fetching pending requests: ",t),r.of(null)})))},t.prototype.toggleDropdown=function(){this.agents||this.fetchAgents(),this.isDropdownOpen=!this.isDropdownOpen,this.cdr.detectChanges()},t.prototype.onSelectAll=function(t){var e;null===(e=this.agents)||void 0===e||e.forEach((function(t){return t.selected=!1})),this.cdr.detectChanges()},t.prototype.onAgentChange=function(t){var e=this.agents.filter((function(e){return e.id==t.id}));e&&e.length>0&&(e[0].selected=!e[0].selected,this.cdr.detectChanges()),this.cdr.detectChanges()},t.prototype.areAllSelected=function(){var t;return null===(t=this.agents)||void 0===t?void 0:t.every((function(t){return!t.selected}))},t.prototype.getDropdownHeaderText=function(){var t,e=null===(t=this.agents)||void 0===t?void 0:t.filter((function(t){return t.selected}));return e?e&&0===(null==e?void 0:e.length)?"All Agents":(null==e?void 0:e.length)>1?(null==e?void 0:e.length)+" Agents Selected":(null==e?void 0:e.length)+" Agent Selected":"All Agents"},t.prototype.fetchAgents_http=function(){var t=this;this.loading=!0;var n=this.environment.AGENTS_API+"/CoPilot/"+this.botId+"/active-agents",o=new e.HttpHeaders({"Content-Type":"application/json"});return this.http.post(n,{},{headers:o}).pipe(i.switchMap((function(e){return e&&(t.agents=e.map((function(t){return Object.assign(Object.assign({},t),{selected:!1})}))),t.cdr.markForCheck(),r.of(e)})),i.catchError((function(t){return console.error("Error fetching chatbot config: ",t),r.of(null)})))},t.prototype.fetchContent_http=function(){var t=this;this.isDocInEditMode=!1,this.isContentLoaded=!1,console.log("API call function"),this.loading=!0;var n=this.conversationService.getKey(this.botId);this.conversationId=n;var o=this.environment.AGENTS_API+"/ConversationDocuments?conversationId="+n+"&botId="+this.botId,a=new e.HttpHeaders({"Content-Type":"application/json",apiKey:"WIz/qAm+EEmfOkFaUA/weA==","domain-authority":this.domainAuthorityValue});return this.http.get(o,{headers:a}).pipe(i.switchMap((function(e){return e&&(t.isDocInEditMode=!0,t.documentContent=e,console.log("Get API callled success"),t.isContentLoaded=!0,console.log(e)),t.cdr.markForCheck(),r.of(e)})),i.catchError((function(e){return console.error("Error fetching chatbot config DJ: ",e),t.isDocInEditMode=!1,t.isContentLoaded=!0,404==(null==e?void 0:e.status)&&(console.log("dash"),t.isDocInEditMode=!1,t.isContentLoaded=!0),r.of(null)})))},t.prototype.fetchAgents=function(){this.fetchAgents_http().subscribe()},t.prototype.fetchEditorContent=function(){this.fetchContent_http().subscribe()},t.prototype.processMessageForDisplay=function(t){try{var e=new l.Renderer;e.link=function(t,e,n){return'<a href="'+t+'" title="'+(e||"")+'" target="_blank">'+n+"</a>"};var n=l.parse(t,{renderer:e});return this.sanitizer.bypassSecurityTrustHtml(n)}catch(t){return console.error("Error processing markdown:",t),""}},t.prototype.prepareHtml=function(t){var e=this;if(!(t&&t.length>0))return console.error("Input Markdown is null or empty"),"";var n=t.replace(/^(#{1,6})\s+(.*)$/gm,(function(t,e,n){var o=e.length;return 3===o?"<h3><strong>"+n+"</strong></h3>":4===o?"<h4><strong>"+n+"</strong></h4>":"<strong>"+n+"</strong>"}));return n=(n=(n=(n=(n=(n=(n=n.replace(/```(\w+)?\n([\s\S]*?)```/g,(function(t,n,o){var r=e.escapeHtml(o);return'\n <div class="code-container">\n <button id="copy-button" class="copy-button" (click)="copyToClipboard(\'`'+r+'`\')">Copy</button>\n <pre class="code_block diff"><code class="language-'+(n||"plaintext")+'">'+r+"</code></pre>\n </div>"}))).replace(/`([^`]+)`/g,"<code>$1</code>")).replace(/\*\*(.*?)\*\*/g,"<strong>$1</strong>")).replace(/^\d+\.\s+(.*)$/gm,"<li>$1</li>")).replace(/^\-\s+(.*)$/gm,"<li>$1</li>")).replace(/\[([^\]]+)]\(([^)]+)\)/g,'<a href="$2" target="_blank">$1</a>')).replace(/(?:\r\n|\r|\n)/g,"<br>")},t.prototype.escapeHtml=function(t){return t.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")},t.prototype.copyToClipboard=function(t){navigator.clipboard.writeText(t).then((function(){alert("Code copied to clipboard!")}),(function(t){console.error("Could not copy text: ",t)}))},t.prototype.toggleCollapse=function(){this.isCollapsed=!this.isCollapsed,this.cdr.detectChanges()},t.prototype.toggleCollapseGraph=function(){this.isCollapsedForGraph=!this.isCollapsedForGraph,this.cdr.detectChanges()},t.prototype.toggleCollapseFGraph=function(){this.isCollapsedForFGraph=!this.isCollapsedForFGraph,this.cdr.detectChanges()},t.prototype.getDomainName=function(t){try{return new URL(t).hostname.replace(/^www\./,"")}catch(t){return"unknown"}},t.prototype.getFaviconUrl=function(t){return"https://www.google.com/s2/favicons?sz=128&domain="+this.getDomainName(t)},t.prototype.onCardClick=function(t){this.currentSourcesList=t,this.cdr.detectChanges(),this.sourcesDrawer.open();var e=document.getElementById("botcloseplaygroundbutton");e&&(e.style.display="none")},t.prototype.openOuterEditor=function(){this.fetchEditorContent(),this.editorsDrawer.open(),this.isDrawerOpen=!0,this.isShowEditorButton=!1,this.cdr.detectChanges();var t=document.getElementById("botcloseplaygroundbutton");t&&(t.style.display="none")},t.prototype.onCloseEditor=function(){this.editorsDrawer.close(),this.isDrawerOpen=!1,this.isShowEditorButton=!0,this.cdr.detectChanges(),this.onDrawerClosed()},t.prototype.onCloseSource=function(){this.sourcesDrawer.close(),this.isDrawerOpen=!1,this.cdr.detectChanges(),this.onDrawerClosed()},t.prototype.onDrawerClosed=function(){var t=this;setTimeout((function(){t.isDrawerOpen=!0,t.cdr.detectChanges();var e=document.getElementById("botcloseplaygroundbutton");e&&(e.style.display="block")}),800)},t.prototype.toggleDrawer=function(t){this.isDrawerOpen=t,this.cdr.detectChanges(),this.updateButtonVisibility()},t.prototype.updateButtonVisibility=function(){var t=document.getElementById("botcloseplaygroundbutton");t&&(t.style.display=this.isDrawerOpen?"block":"none")},t.prototype.openLinkInNewTab=function(t){window.open(t,"_blank")},t.prototype.adjustTextareaHeight=function(t){try{"Enter"!==t.key||t.shiftKey||t.preventDefault()}catch(t){}var e=t.target;e.style.height="auto",e.style.height=e.scrollHeight+"px",e.scrollHeight>150?(e.style.height="150px",e.style.overflowY="auto"):e.style.overflowY="hidden"},t.prototype.toggleWorkflows=function(t){var e=this;void 0===t&&(t=null),this.checkForCop29BotId()||this.botService.getWorkflowsByOrgId(this.orgId).subscribe((function(n){e.orgWorkflows=n,e.isWorkflowOpen=null==t?!e.isWorkflowOpen:t,e.isWorkflowOpen||(e.selectedWorkflow=null,e.openWorkflowInput=!1),e.cdr.detectChanges()}))},t.prototype.initializeForm=function(){var t,e,n={};(null===(e=null===(t=this.selectedWorkflow)||void 0===t?void 0:t.Trigger)||void 0===e?void 0:e.InputSchema)&&this.selectedWorkflow.Trigger.InputSchema.forEach((function(t){n[t.InputId]=[t.Value||"",t.Required?s.Validators.required:null]})),this.workflowForm=this.fb.group(n)},t.prototype.onWorkflowSelected=function(t){this.selectedWorkflow=t,this.initializeForm(),this.isWorkflowOpen=!1,this.openWorkflowInput=!0},t.prototype.onWorkflowSubmit=function(){document.getElementById("allChats");if(this.workflowForm.valid){console.log(this.workflowForm.value);var t=this.prepareHtml(this.generateMarkdown(this.selectedWorkflow.Name,this.workflowForm.value));try{this.chatLog[this.chatLog.length-1].showWorkflowExecutionLoader=!1,this.chatLog[this.chatLog.length-2].showWorkflowExecutionLoader=!1}catch(t){}this.chatLog.push({type:"user",message:t,time:y(this.timezone),copied:!1,isCollapsedTrue:!1,showWorkflowExecutionLoader:!0}),console.log(t),this.currentWorkflowActionProgress=0,this.currentWorkflowAction="Executing "+this.selectedWorkflow.Actions[0].Name,this.isChatingWithAi=!0,this.executingWorkflow=!0,this.workflowExecutionDetails={Actions:this.selectedWorkflow.Actions,Inputs:this.workflowForm.value,workflowInputs:this.workflowForm.value,WorkflowName:this.selectedWorkflow.Name},this.currentWorkflowExecutionDetails=this.workflowExecutionDetails,this.scrollToBottom(),this.cdr.detectChanges(),this.makeAskRequest(t,this.agents,this.conversationKey,"",null,this.selectedWorkflow._id,this.workflowForm.value)}},t.prototype.makeAskRequest_fetch=function(t,e,n,o,r,i,a){var s,c=this,l=this.environment.BASE_URL+"/ai/ask",d={user_question:t,user_id:this.userId,bot_id:this.botId,message_id:this.conversationService.generateKey(),agents:null!==(s=null==e?void 0:e.filter((function(t){return t.selected})).map((function(t){return t.id})))&&void 0!==s?s:[],conversation_id:n,first_name:this.firstName,last_name:this.lastName};i&&(d.workflow_id=i,d.workflow_inputs=a),fetch(l,{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer "+this.s27Token,"x-api-key":this.apiKey,"hive-bot-id":this.botId,"domain-authority":this.domainAuthorityValue},body:JSON.stringify(d)}).then((function(t){return 401===t.status||403===t.status?(c.is401=!0,c.refreshToken.emit(),o&&r&&(c.msg=o,c.chat=r,c.isFetchDataFor=!0)):c.is401=!1,t.json()})).then((function(t){console.log(t)})).catch((function(t){console.error("Error: ",t),c.isChatingWithAi=!1})),this.input="",this.selectedWorkflow=null,this.openWorkflowInput=!1,this.isWorkflowOpen=!1,this.scrollToBottom(),this.cdr.markForCheck()},t.prototype.makeAskRequest=function(t,n,o,r,i,a,s){var c,l=this,d=this.environment.BASE_URL+"/ai/ask",p={user_question:t,user_id:this.userId,bot_id:this.botId,message_id:this.conversationService.generateKey(),agents:null!==(c=null==n?void 0:n.filter((function(t){return t.selected})).map((function(t){return t.id})))&&void 0!==c?c:[],conversation_id:o,first_name:this.firstName,last_name:this.lastName};a&&(p.workflow_id=a,p.workflow_inputs=s);var h=new e.HttpHeaders({"Content-Type":"application/json","x-api-key":this.apiKey,"hive-bot-id":this.botId,"domain-authority":this.domainAuthorityValue});this.http.post(d,p,{headers:h}).subscribe({next:function(t){console.log(t)},error:function(t){console.error("Error: ",t),l.isChatingWithAi=!1}}),this.input="",this.selectedWorkflow=null,this.openWorkflowInput=!1,this.isWorkflowOpen=!1,this.scrollToBottom(),this.cdr.markForCheck()},t.prototype.generateMarkdown=function(t,e){var n,o,r,i,a="## "+t+"\n",s=function(t,e){i=(null===(r=c.selectedWorkflow.Trigger.InputSchema.find((function(e){return e.InputId===t})))||void 0===r?void 0:r.Label)||t,a+="- **"+i+"**: "+e+"\n"},c=this;try{for(var l=m(Object.entries(e)),d=l.next();!d.done;d=l.next()){var p=b(d.value,2);s(p[0],p[1])}}catch(t){n={error:t}}finally{try{d&&!d.done&&(o=l.return)&&o.call(l)}finally{if(n)throw n.error}}return a},t.prototype.showWorkflowHistoryDetails=function(t){var e=this;if(!t)return this.workflowExecutionDetails=this.currentWorkflowExecutionDetails,this.showWorkflowExecutionDetails=!0,void this.cdr.detectChanges();this.botService.getWorkflowExecutionById(t).subscribe((function(t){t&&t.Actions&&Array.isArray(t.Actions)&&(t.Actions=t.Actions.map((function(t){return t.InsertTimeStamp&&(t.InsertTimeStamp=w(e.timezone,t.InsertTimeStamp)),t}))),t.InsertTimeStamp=w(e.timezone,t.InsertTimeStamp),e.workflowExecutionDetails=t,e.showWorkflowExecutionDetails=!0,e.cdr.detectChanges()}))},t.prototype.closeModal=function(){this.showWorkflowExecutionDetails=!1},t.prototype.objectToArray=function(t){return Object.keys(t).map((function(e){return{key:e,value:t[e]}}))},t.prototype.startNewConversation=function(){var t=this;this.conversationKey=this.conversationService.getKey(this.botId,!0),this.chatLog=[this.chatLog[0]],this.isChatingWithAi=!1,setTimeout((function(){t.initializeSocket()}),200),this.scrollToBottom(),this.cdr.detectChanges()},t.prototype.initializeSpeechRecognizer=function(t){var e=this;this.speechConfig=c.SpeechConfig.fromAuthorizationToken(t,this.region);var n=c.AudioConfig.fromDefaultMicrophoneInput();this.recognizer=new c.SpeechRecognizer(this.speechConfig,n),this.recognizer.recognizing=function(t,n){n.result.reason===c.ResultReason.RecognizingSpeech&&(e.input=n.result.text,console.log("Recognizing: "+n.result.text),e.cdr.markForCheck())},this.recognizer.recognized=function(t,n){n.result.reason===c.ResultReason.RecognizedSpeech&&(e.input=n.result.text,console.log("Recognized: "+n.result.text),e.toggleRecording(),e.cdr.markForCheck())},this.recognizer.canceled=function(t,e){console.error("Canceled: ",e.errorDetails)},this.recognizer.sessionStopped=function(t,n){console.log("Session stopped."),e.recognizer.stopContinuousRecognitionAsync(),e.fetchData()}},t.prototype.toggleRecording=function(){this.isRecording=!this.isRecording,this.isRecording?this.startRecognition():this.stopRecognition()},t.prototype.startRecognition=function(){this.recognizer.startContinuousRecognitionAsync()},t.prototype.stopRecognition=function(){this.recognizer.stopContinuousRecognitionAsync()},t.prototype.checkForCop29BotId=function(){return"66fa3f276c5d71e2717bfea8"==this.botId},t.prototype.getLatestTime=function(t){return t||(new Date).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})},t}();_.decorators=[{type:n.Component,args:[{selector:"hivegpt-chat-drawer-package",template:'<button *ngIf="isShowEditorButton && !checkForCop29BotId()" (click)="openOuterEditor()" class="fixed-btn">\r\n <span style="font-size: 12px" class="material-icons notranslate">\r\n create\r\n </span>\r\n Editor\r\n</button>\r\n\r\n<button *ngIf="!isShowEditorButton" (click)="onCloseEditor()" class="fixed-btn-close">\r\n <span style="font-size: 12px" class="material-icons notranslate">\r\n close\r\n </span>\r\n Close\r\n</button>\r\n\r\n<mat-drawer-container class="hivegpt-chat-wrapper" [ngClass]="{ \'mat-drawer-container-has-open\': isDrawerOpen }"\r\n [class.ios-device]="isIOSDevice" [hasBackdrop]="hasBackdropValue">\r\n <mat-drawer class="drawer" #drawer [position]="\'start\'" [mode]="\'over\'" opened="true"\r\n [class.full-width-drawer]="fullView" [style.background]="\r\n \'linear-gradient(\' + (bgGradient ? bgGradient.join(\', \') : \'\') + \')\'\r\n ">\r\n <mat-drawer-content>\r\n <div class="chat-main">\r\n \x3c!-- <div class="chat-header">\r\n <h2> --\x3e\r\n \x3c!-- {{eventName}} --\x3e\r\n \x3c!-- </h2> --\x3e\r\n \x3c!-- <button class="closeIcon" (click)="onClose()">\r\n <span class="material-symbols-outlined">\r\n close\r\n </span>\r\n </button> --\x3e\r\n \x3c!-- </div> --\x3e\r\n\r\n <div class="innerChat" #chatMain>\r\n <div (click)="startNewConversation()" class="new-conversationbutton">\r\n New Chat <span><svg xmlns="http://www.w3.org/2000/svg" width="14.061" height="14.261"\r\n viewBox="0 0 14.061 14.261">\r\n <path id="Path_164" data-name="Path 164"\r\n d="M10.146,5.075H4.531A1.544,1.544,0,0,0,3,6.631v7.262A1.544,1.544,0,0,0,4.531,15.45h7.146a1.544,1.544,0,0,0,1.531-1.556V8.187m-7.146,4.15L15.25,3m0,0H11.677M15.25,3V6.631"\r\n transform="translate(-2.25 -1.939)" fill="none" stroke="#06f" stroke-linecap="round"\r\n stroke-linejoin="round" stroke-width="1.5" />\r\n </svg>\r\n\r\n </span>\r\n </div>\r\n <div class="sticky-header-chat">\r\n <div class="title_chat">\r\n <h2>\r\n <span>\r\n {{ botName }}\r\n <svg *ngIf="!checkForCop29BotId()" xmlns="http://www.w3.org/2000/svg" width="31.499" height="31.501"\r\n viewBox="0 0 31.499 31.501">\r\n <path id="Icon_ion-shield-checkmark" data-name="Icon ion-shield-checkmark"\r\n d="M33.685,7.83a1.125,1.125,0,0,0-.925-1.036,49.227,49.227,0,0,1-14.3-4.444,1.125,1.125,0,0,0-.927,0A49.226,49.226,0,0,1,3.24,6.794,1.125,1.125,0,0,0,2.315,7.83a27.621,27.621,0,0,0,1.718,11.9A24.572,24.572,0,0,0,9.07,27.641a25.712,25.712,0,0,0,8.513,6.028,1.125,1.125,0,0,0,.844,0,25.712,25.712,0,0,0,8.513-6.028,24.572,24.572,0,0,0,5.027-7.911,27.621,27.621,0,0,0,1.718-11.9Zm-9.211,5.281-7.791,9a1.125,1.125,0,0,1-.8.389h-.046a1.125,1.125,0,0,1-.788-.322L11.587,18.79a1.125,1.125,0,1,1,1.575-1.607l2.6,2.552,7.01-8.1a1.125,1.125,0,0,1,1.7,1.472Z"\r\n transform="translate(-2.25 -2.25)" fill="#06f" />\r\n </svg>\r\n </span>\r\n <span *ngIf="!checkForCop29BotId()">\r\n <p class="small-title">AI-powered <span>copilot</span></p>\r\n </span>\r\n </h2>\r\n </div>\r\n <div class="chatType" style="display: none">\r\n <h4 class="labelChat">Choose a conversation style</h4>\r\n <ul>\r\n <li (click)="changeTemperature(0)">\r\n <button [ngClass]="{ active: temperature === 0 }">\r\n <span class="top-section-title"> More Creative </span>\r\n </button>\r\n </li>\r\n <li (click)="changeTemperature(1)" class="fdssfd">\r\n <button [ngClass]="{ active: temperature === 1 }">\r\n <span class="top-section-title"> More Balanced </span>\r\n </button>\r\n </li>\r\n <li (click)="changeTemperature(2)">\r\n <button [ngClass]="{ active: temperature === 2 }">\r\n <span class="top-section-title"> More Precise </span>\r\n </button>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \x3c!-- chattype --\x3e\r\n <div id="allChats" class="chat bot" *ngFor="let chat of chatLog; let i = index">\r\n <div class="chat-box">\r\n <div class="message">\r\n <div class="time-cta" [ngClass]="{\r\n \'time-cta din\': showFeedBackIconsIndex === i,\r\n \'time-cta\': showFeedBackIconsIndex != i\r\n }">\r\n <div class="Icon_TimeSTamp" *ngIf="chat?.type === \'ai\'">\r\n \x3c!-- <img [src]="botIcon" [alt]="botName || \'Assistant\'" /> --\x3e\r\n <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44">\r\n <g id="Group_121" data-name="Group 121" transform="translate(4843 -371)">\r\n <g id="Ellipse_18" data-name="Ellipse 18" transform="translate(-4843 371)" fill="#fcfcfc"\r\n stroke="#dfdfdf" stroke-width="1">\r\n <circle cx="22" cy="22" r="22" stroke="none" />\r\n <circle cx="22" cy="22" r="21.5" fill="none" />\r\n </g>\r\n <g id="Group_120" data-name="Group 120" transform="translate(-4835.141 378.855)">\r\n <g id="Group_1" data-name="Group 1" transform="translate(7.29 0)">\r\n <path id="Path_1" data-name="Path 1"\r\n d="M93.774,41.324,98.757,44.2v5.753l-4.983,2.877-4.983-2.877V44.2l4.983-2.877m0-2.034L87.03,43.183V50.97l6.744,3.893,6.744-3.893V43.183L93.774,39.29Z"\r\n transform="translate(-87.03 -39.29)" fill="gray" />\r\n </g>\r\n <g id="Group_2" data-name="Group 2" transform="translate(0 12.717)">\r\n <path id="Path_2" data-name="Path 2"\r\n d="M52.374,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L45.63,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"\r\n transform="translate(-45.63 -111.51)" fill="gray" />\r\n </g>\r\n <g id="Group_3" data-name="Group 3" transform="translate(14.793 12.717)">\r\n <path id="Path_3" data-name="Path 3"\r\n d="M136.384,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L129.64,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"\r\n transform="translate(-129.64 -111.51)" fill="gray" />\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n\r\n <div class="dateTime" [style.color]="dateTimeColor ? \'\' : \'\'">\r\n <span>{{ \'Assistant\' }}</span> {{ chat?.time }}\r\n </div>\r\n </div>\r\n\r\n <div class="Icon_TimeSTamp" *ngIf="chat?.type === \'user\'">\r\n <div class="user-Box">\r\n <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44">\r\n <g id="Ellipse_17" data-name="Ellipse 17" fill="#fcfcfc" stroke="#dfdfdf" stroke-width="1">\r\n <circle cx="22" cy="22" r="22" stroke="none" />\r\n <circle cx="22" cy="22" r="21.5" fill="none" />\r\n </g>\r\n <path id="Icon_grommet-user-expert" data-name="Icon grommet-user-expert"\r\n d="M14.24,20.443a9.472,9.472,0,1,0-9.472-9.472,9.472,9.472,0,0,0,9.472,9.472Zm10.329,5.225c-1.957-3.347-6.516-5.225-10.329-5.225-3.145,0-8.046.805-10.761,5.225"\r\n transform="translate(7.976 8.416)" fill="none" stroke="gray" stroke-width="1.5" />\r\n </svg>\r\n\r\n <div class="dateTime"><span>You</span> {{ chat?.time }}\r\n </div>\r\n </div>\r\n <div class="bards">\r\n <div class="bars" *ngIf="chat?.WorkflowExecutionId || chat?.showWorkflowExecutionLoader">\r\n <button class="icon-button" (click)="showWorkflowHistoryDetails(chat.WorkflowExecutionId)">\r\n <i class="fas fa-bars"></i>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class="researchingCard">\r\n <div *ngIf="\r\n (chat?.searchTerms && chat?.searchTerms.length > 0) ||\r\n (chat?.sourcesList && chat?.sourcesList.length > 0)\r\n " class="card-header d-flex align-items-center" (click)="toggleCollapse()">\r\n <span class="icon"><i class="bx bx-plus-circle bx-sm"></i></span>\r\n <span class="ml-2">Researching\r\n <i id="toggleIcon" class="toggle-icon ml-2 fa" [ngClass]="{\r\n \'fa-chevron-down\': isCollapsed,\r\n \'fa-chevron-up\': !isCollapsed\r\n }"></i></span>\r\n </div>\r\n <div *ngIf="chat?.searchTerms && chat?.searchTerms.length > 0" [ngClass]="{ collapse: isCollapsed }">\r\n <ul class="list-group list-group-flush uptList">\r\n <li *ngFor="let term of chat?.searchTerms" class="list-group-item">\r\n Searching for\r\n <strong>{{ term }}</strong>\r\n </li>\r\n </ul>\r\n\r\n <h5 class="mt-2" *ngIf="chat?.sourcesList && chat?.sourcesList.length > 0">\r\n <i class="bx bx-unite"></i> Sources\r\n </h5>\r\n <div class="sources-container" *ngIf="chat?.sourcesList && chat?.sourcesList.length > 0">\r\n <div class="source-card" *ngFor="\r\n let source of chat?.displayedSources;\r\n let i = index\r\n ">\r\n <div>\r\n <div class="source-title">{{ source.title }}</div>\r\n <div class="source-url">\r\n <img class="relative block" [src]="getFaviconUrl(source.link)"\r\n [alt]="getDomainName(source.link) + \' favicon\'" />\r\n {{ getDomainName(source.link) }}\r\n </div>\r\n <div class="popup">\r\n <div class="source-url" (click)="openLinkInNewTab(source.link)">\r\n <img class="relative block" [src]="getFaviconUrl(source.link)"\r\n [alt]="getDomainName(source.link) + \' favicon\'" />\r\n {{ getDomainName(source.link) }}\r\n </div>\r\n <h5 (click)="openLinkInNewTab(source.link)">\r\n {{ source.title }}\r\n </h5>\r\n <p (click)="openLinkInNewTab(source.link)">\r\n {{ source.desc }}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n <ng-container *ngIf="\r\n chat?.remainingSources &&\r\n chat?.remainingSources.length > 0\r\n ">\r\n <div class="source-card" (click)="onCardClick(chat?.sourcesList)">\r\n <div>\r\n <div class="source-title">\r\n <img *ngFor="\r\n let source of chat?.remainingSources;\r\n let i = index\r\n " class="relative block" [src]="getFaviconUrl(source.link)"\r\n [alt]="getDomainName(source.link) + \' favicon\'" />\r\n </div>\r\n <div class="source-url">\r\n View {{ chat?.remainingSources.length }} more\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf="chat?.type === \'ai\' || chat?.type === \'user\'" [ngStyle]="{\r\n background:\r\n chat?.type === \'ai\' && bgBubbleAi\r\n ? \'\'\r\n : chat?.type === \'user\' && bgBubbleUser\r\n ? \'\'\r\n : \'\'\r\n }">\r\n <div id="messageText_{{ i }}">\r\n <p *ngIf="chat?.type === \'ai\' || chat?.type === \'user\'" [ngClass]="{\r\n \'SearchTitle ai\': chat?.type === \'ai\',\r\n \'SearchTitle user\': chat?.type === \'user\'\r\n }" [ngStyle]="{\r\n background: chat?.type === \'ai\' && messageTextColorAi ? messageTextColorAi : (chat?.type === \'user\' && messageTextColorUser ? messageTextColorUser : \'defaultBackground\'),\r\n color: chat?.type === \'ai\' && messageTextColorAi ? messageTextColorAi : (chat?.type === \'user\' && messageTextColorUser ? messageTextColorUser : \'defaultColor\')\r\n }" [innerHTML]="chat?.message">\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div class="progress-container" *ngIf="chat?.showWorkflowExecutionLoader">\r\n <div class="circular-loader">\r\n <div class="loader-spinner" *ngIf="currentWorkflowActionProgress < 100"\r\n [ngStyle]="{ \'transform\': \'rotate(\' + (percentage * 3.6) + \'deg)\' }">\r\n </div>\r\n <div class="checkmark" *ngIf="currentWorkflowActionProgress == 100">\r\n <svg viewBox="0 0 52 52">\r\n <circle class="checkmark-circle" cx="26" cy="26" r="25" fill="none" />\r\n <path class="checkmark-check" fill="none" d="M14 27l7 7 16-16" />\r\n </svg>\r\n </div>\r\n\r\n <div class="loader-text" *ngIf="currentWorkflowActionProgress < 100">{{\r\n currentWorkflowActionProgress\r\n }}%</div>\r\n </div>\r\n <div class="loader-label">\r\n {{currentWorkflowAction}}...\r\n </div>\r\n </div>\r\n\r\n <div class="exicution mt-2" *ngIf="\r\n chat?.type === \'ai\' &&\r\n chat?.graphs &&\r\n chat?.graphs.length > 0\r\n ">\r\n <h5 *ngIf="chat?.type === \'ai\'">\r\n <i class="bx bx-network-chart"></i> Graphs\r\n <i (click)="toggleCollapseFGraph()" class="toggle-icon ml-2 fa" [ngClass]="{\r\n \'fas fa-chevron-down\': isCollapsedForFGraph,\r\n \'fas fa-chevron-up\': !isCollapsedForFGraph\r\n }"></i>\r\n </h5>\r\n <img *ngFor="let image of chat?.graphs" class="graph-img"\r\n [ngClass]="{ collapse: isCollapsedForFGraph }" [src]="image" alt="" />\r\n </div>\r\n <ng-container *ngIf="!checkForCop29BotId()">\r\n <div class="exicution mt-2" *ngIf="\r\n chat?.type === \'ai\' &&\r\n chat?.executionGraphs &&\r\n chat?.executionGraphs?.length > 0\r\n ">\r\n <h5 *ngIf="chat?.type === \'ai\'">\r\n <i class="bx bx-network-chart"></i> Execution Path Diagram\r\n For Data Visualization Workflow\r\n <i (click)="toggleCollapseGraph()" class="toggle-icon ml-2 fa" [ngClass]="{\r\n \'fas fa-chevron-down\': isCollapsedForGraph,\r\n \'fas fa-chevron-up\': !isCollapsedForGraph\r\n }"></i>\r\n </h5>\r\n <img *ngFor="let image of chat?.executionGraphs" class="graph-img"\r\n [ngClass]="{ collapse: isCollapsedForGraph }" [src]="image" alt="" />\r\n </div>\r\n </ng-container>\r\n <div class="cta" *ngIf="showFeedBackIconsIndex === i">\r\n <div class="copyBox" title="Copy">\r\n <button title="{{ chat?.copied ? \'Copied!\' : \'Copy\' }}" class="copy" [class.active]="chat?.copied"\r\n (click)="handleCopyClick(i)">\r\n <i *ngIf="chat?.copied">\r\n <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7L19.59 5.59L9 16.17Z" fill="#566563" />\r\n </svg>\r\n </i>\r\n\r\n <i *ngIf="!chat?.copied">\r\n <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M19.24 2H8.84C8.14 2 7.58 2.56 7.58 3.26V16.84C7.58 17.54 8.14 18.1 8.84 18.1H19.24C19.94 18.1 20.5 17.54 20.5 16.84V3.26C20.5 2.56 19.94 2 19.24 2ZM19.24 16.84H8.84V3.26H19.24V16.84ZM4.74 6.52C4.04 6.52 3.48 7.08 3.48 7.78V20.36C3.48 21.06 4.04 21.62 4.74 21.62H15.14C15.84 21.62 16.4 21.06 16.4 20.36V18.88H14.96V20.36H4.74V7.78H6.18V6.52H4.74Z"\r\n fill="#566563" />\r\n </svg>\r\n </i>\r\n </button>\r\n\r\n <button *ngIf="!checkForCop29BotId()" class="up copy"\r\n title="{{ chat?.isEditor ? \'Added!\' : \'Add to editor\' }}" (click)="handleEditorClick(i)">\r\n <svg *ngIf="!chat?.isEditor" xmlns="http://www.w3.org/2000/svg" width="20.152" height="20.152"\r\n viewBox="0 0 20.152 20.152">\r\n <g id="Icon_feather-edit" data-name="Icon feather-edit" transform="translate(-2.5 -2.166)">\r\n <path id="Path_166" data-name="Path 166"\r\n d="M11.5,6H4.889A1.889,1.889,0,0,0,3,7.889v13.22A1.889,1.889,0,0,0,4.889,23h13.22A1.889,1.889,0,0,0,20,21.108V14.5"\r\n transform="translate(0 -1.179)" fill="none" stroke="#393939" stroke-linecap="round"\r\n stroke-linejoin="round" stroke-width="1" />\r\n <path id="Path_167" data-name="Path 167"\r\n d="M21.915,3.4a2,2,0,0,1,2.833,2.833l-8.971,8.971L12,16.152l.944-3.777Z"\r\n transform="translate(-3.334 0)" fill="none" stroke="#393939" stroke-linecap="round"\r\n stroke-linejoin="round" stroke-width="1" />\r\n </g>\r\n </svg>\r\n\r\n <i *ngIf="chat?.isEditor">\r\n <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7L19.59 5.59L9 16.17Z" fill="#566563" />\r\n </svg>\r\n </i>\r\n </button>\r\n\r\n <button class="up copy" title="Like" [class.active]="chat?.liked" (click)="handleUpClick(i)">\r\n <i *ngIf="chat?.liked">\r\n <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M8.38989 18.4902V8.33022C8.38989 7.93022 8.50989 7.54022 8.72989 7.21022L11.4599 3.15022C11.8899 2.50022 12.9599 2.04022 13.8699 2.38022C14.8499 2.71022 15.4999 3.81022 15.2899 4.79022L14.7699 8.06022C14.7299 8.36022 14.8099 8.63022 14.9799 8.84022C15.1499 9.03022 15.3999 9.15022 15.6699 9.15022H19.7799C20.5699 9.15022 21.2499 9.47022 21.6499 10.0302C22.0299 10.5702 22.0999 11.2702 21.8499 11.9802L19.3899 19.4702C19.0799 20.7102 17.7299 21.7202 16.3899 21.7202H12.4899C11.8199 21.7202 10.8799 21.4902 10.4499 21.0602L9.16989 20.0702C8.67989 19.7002 8.38989 19.1102 8.38989 18.4902Z"\r\n fill="#17235B" />\r\n <path\r\n d="M5.21 6.37988H4.18C2.63 6.37988 2 6.97988 2 8.45988V18.5199C2 19.9999 2.63 20.5999 4.18 20.5999H5.21C6.76 20.5999 7.39 19.9999 7.39 18.5199V8.45988C7.39 6.97988 6.76 6.37988 5.21 6.37988Z"\r\n fill="#17235B" />\r\n </svg>\r\n </i>\r\n <i *ngIf="!chat?.liked">\r\n <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M10.4037 20.9264L10.381 20.9038L10.3557 20.8843L7.72165 18.85L8.02965 18.4516L10.7161 20.5315C10.9228 20.7195 11.2181 20.8517 11.4962 20.9377C11.7978 21.0309 12.1451 21.09 12.4801 21.09H16.2801C16.8572 21.09 17.4266 20.8625 17.8751 20.5306C18.3159 20.2044 18.6912 19.7385 18.8305 19.1997L21.2428 11.8732C21.4379 11.3309 21.4287 10.749 21.0965 10.2887C20.7583 9.81377 20.1844 9.58999 19.5801 9.58999H15.5801C15.2031 9.58999 14.8615 9.43143 14.6276 9.16215L14.627 9.16142C14.3873 8.88649 14.2756 8.51549 14.3345 8.11501L14.8322 4.9195C14.9978 4.1052 14.4664 3.24596 13.7053 2.98804C13.3277 2.85165 12.9297 2.89129 12.61 2.99839C12.2949 3.10396 11.9772 3.30172 11.7881 3.57673L11.7881 3.57671L11.7851 3.58107L7.96352 9.26689L7.55454 8.99314L11.3751 3.30891L11.3755 3.30836C11.8763 2.56103 13.0109 2.19028 13.8726 2.51744L13.8834 2.52151L13.8943 2.52509C14.9044 2.8564 15.556 3.98765 15.3317 5.01314L15.3284 5.02805L15.326 5.04314L14.836 8.19314L14.836 8.19313L14.8351 8.19928C14.8184 8.31642 14.7981 8.60268 15.0138 8.84924L15.0248 8.86177L15.0366 8.87354C15.1833 9.02026 15.3817 9.09999 15.5901 9.09999H19.5901C20.4308 9.09999 21.1176 9.44886 21.5113 10.0079L21.5124 10.0095C21.8964 10.5502 21.9908 11.2849 21.7202 12.0291L21.7175 12.0365L21.7151 12.044L19.3251 19.324L19.3198 19.34L19.3156 19.3564C19.0058 20.5707 17.6766 21.6 16.2801 21.6H12.4801C12.2411 21.6 11.8403 21.5625 11.4297 21.4512C11.0123 21.338 10.6406 21.1633 10.4037 20.9264Z"\r\n fill="#566563" stroke="#566563" />\r\n <path\r\n d="M5.37988 20.4999H4.37988C3.52442 20.4999 2.98559 20.2982 2.65822 19.9825C2.33437 19.6702 2.12988 19.1614 2.12988 18.3499V8.5499C2.12988 7.73843 2.33437 7.22962 2.65822 6.91731C2.98559 6.6016 3.52442 6.3999 4.37988 6.3999H5.37988C6.23534 6.3999 6.77418 6.6016 7.10155 6.91731C7.4254 7.22962 7.62988 7.73843 7.62988 8.5499V18.3499C7.62988 19.1614 7.4254 19.6702 7.10155 19.9825C6.77418 20.2982 6.23534 20.4999 5.37988 20.4999ZM4.37988 6.8999C4.0934 6.8999 3.83578 6.9164 3.61382 6.96689C3.38745 7.01838 3.16822 7.11196 2.99258 7.2876C2.81559 7.46459 2.72807 7.67966 2.68301 7.89002C2.63948 8.09318 2.62988 8.31967 2.62988 8.5499V18.3499C2.62988 18.5801 2.63948 18.8066 2.68301 19.0098C2.72807 19.2201 2.81559 19.4352 2.99258 19.6122C3.16822 19.7878 3.38745 19.8814 3.61382 19.9329C3.83578 19.9834 4.0934 19.9999 4.37988 19.9999H5.37988C5.66637 19.9999 5.92398 19.9834 6.14595 19.9329C6.37232 19.8814 6.59155 19.7878 6.76719 19.6122C6.94418 19.4352 7.0317 19.2201 7.07676 19.0098C7.12028 18.8066 7.12988 18.5801 7.12988 18.3499V8.5499C7.12988 8.31967 7.12028 8.09318 7.07676 7.89002C7.0317 7.67966 6.94418 7.46459 6.76719 7.2876C6.59155 7.11196 6.37232 7.01838 6.14595 6.96689C5.92398 6.9164 5.66637 6.8999 5.37988 6.8999H4.37988Z"\r\n fill="#566563" stroke="#566563" />\r\n </svg>\r\n </i>\r\n </button>\r\n <button class="down copy" title="Dislike" [class.active]="chat?.unliked"\r\n (click)="handleDownClick(i)">\r\n <i *ngIf="chat?.unliked">\r\n <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M15.61 5.50002V15.66C15.61 16.06 15.49 16.45 15.27 16.78L12.54 20.84C12.11 21.49 11.04 21.95 10.13 21.61C9.15002 21.28 8.50002 20.18 8.71002 19.2L9.23002 15.93C9.27002 15.63 9.19002 15.36 9.02002 15.15C8.85002 14.96 8.60002 14.84 8.33002 14.84H4.22002C3.43002 14.84 2.75002 14.52 2.35002 13.96C1.97002 13.42 1.90002 12.72 2.15002 12.01L4.61002 4.52002C4.92002 3.28002 6.27002 2.27002 7.61002 2.27002H11.51C12.18 2.27002 13.12 2.50002 13.55 2.93002L14.83 3.92002C15.32 4.30002 15.61 4.88002 15.61 5.50002Z"\r\n fill="#17235B" />\r\n\r\n <path\r\n d="M18.7901 17.6099H19.8201C21.3701 17.6099 22.0001 17.0099 22.0001 15.5299V5.4799C22.0001 3.9999 21.3701 3.3999 19.8201 3.3999H18.7901C17.2401 3.3999 16.6101 3.9999 16.6101 5.4799V15.5399C16.6101 17.0099 17.2401 17.6099 18.7901 17.6099Z"\r\n fill="#17235B" />\r\n </svg>\r\n </i>\r\n\r\n <i *ngIf="!chat?.unliked">\r\n <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M10.1237 21.481L10.1148 21.4778L10.1059 21.4748C9.09577 21.1435 8.44416 20.0122 8.66849 18.9867L8.67175 18.9718L8.6741 18.9568L9.1641 15.8068L9.16413 15.8068L9.16501 15.8006C9.18175 15.6835 9.20207 15.3972 8.98633 15.1507L8.97536 15.1381L8.96359 15.1263C8.81687 14.9796 8.61841 14.8999 8.41004 14.8999H4.41004C3.56937 14.8999 2.88252 14.551 2.48884 13.992L2.4877 13.9904C2.10371 13.4497 2.00931 12.715 2.27994 11.9708L2.28263 11.9634L2.28509 11.9559L4.67509 4.67586L4.68035 4.65985L4.68451 4.64353C4.99418 3.42996 6.33271 2.3999 7.72004 2.3999H11.52C11.7591 2.3999 12.1599 2.43736 12.5704 2.54872C12.9878 2.66194 13.3596 2.83655 13.5965 3.07346L13.6191 3.09608L13.6444 3.11563L16.2785 5.14986L15.9705 5.54825L13.2875 3.47111C13.0799 3.2763 12.7837 3.1413 12.5061 3.05412C12.2031 2.95897 11.8551 2.8999 11.52 2.8999H7.72004C7.1429 2.8999 6.57353 3.12735 6.12508 3.45926C5.68428 3.78551 5.30892 4.25142 5.16963 4.79019L2.75738 12.1167C2.56223 12.659 2.57147 13.2409 2.90366 13.7012C3.24183 14.1761 3.81578 14.3999 4.42004 14.3999H8.42004C8.79702 14.3999 9.13867 14.5585 9.37252 14.8277L9.37315 14.8285C9.61286 15.1034 9.72457 15.4745 9.66568 15.875C9.6656 15.8755 9.66552 15.8761 9.66544 15.8766L9.16795 19.0704C9.00242 19.8841 9.53299 20.7428 10.2933 21.0013C10.6685 21.1391 11.0675 21.0978 11.3857 20.9917C11.7001 20.8869 12.0218 20.6898 12.2121 20.4132L12.2121 20.4132L12.215 20.4088L16.0351 14.7253L16.4472 15.0045L12.6251 20.691L12.6249 20.6912C12.259 21.2361 11.5347 21.5999 10.8 21.5999C10.5668 21.5999 10.3358 21.5596 10.1237 21.481Z"\r\n fill="#566563" stroke="#566563" />\r\n <path\r\n d="M19.6201 17.6H18.6201C17.7647 17.6 17.2258 17.3983 16.8985 17.0826C16.5746 16.7703 16.3701 16.2615 16.3701 15.45V5.65C16.3701 4.83853 16.5746 4.32972 16.8985 4.0174C17.2258 3.7017 17.7647 3.5 18.6201 3.5H19.6201C20.4756 3.5 21.0144 3.7017 21.3418 4.0174C21.6656 4.32972 21.8701 4.83853 21.8701 5.65V15.45C21.8701 16.2615 21.6656 16.7703 21.3418 17.0826C21.0144 17.3983 20.4756 17.6 19.6201 17.6ZM18.6201 4C18.3336 4 18.076 4.01649 17.8541 4.06699C17.6277 4.11848 17.4085 4.21206 17.2328 4.3877C17.0558 4.56469 16.9683 4.77976 16.9232 4.99011C16.8797 5.19328 16.8701 5.41977 16.8701 5.65V15.45C16.8701 15.6802 16.8797 15.9067 16.9232 16.1099C16.9683 16.3202 17.0558 16.5353 17.2328 16.7123C17.4085 16.8879 17.6277 16.9815 17.8541 17.033C18.076 17.0835 18.3336 17.1 18.6201 17.1H19.6201C19.9066 17.1 20.1642 17.0835 20.3862 17.033C20.6126 16.9815 20.8318 16.8879 21.0074 16.7123C21.1844 16.5353 21.2719 16.3202 21.317 16.1099C21.3605 15.9067 21.3701 15.6802 21.3701 15.45V5.65C21.3701 5.41977 21.3605 5.19328 21.317 4.99011C21.2719 4.77976 21.1844 4.56469 21.0074 4.3877C20.8318 4.21206 20.6126 4.11848 20.3862 4.06699C20.1642 4.01649 19.9066 4 19.6201 4H18.6201Z"\r\n fill="#566563" stroke="#566563" />\r\n </svg>\r\n </i>\r\n </button>\r\n </div>\r\n </div>\r\n <div class="Related mt-2" *ngIf="\r\n showFeedBackIconsIndex === i &&\r\n chat?.relatedListItems &&\r\n chat?.relatedListItems.length > 0\r\n ">\r\n <h5 *ngIf="chat?.type === \'ai\'">\r\n <i class="bx bx-list-check"></i> Related\r\n </h5>\r\n <div class="card-container" *ngIf="chat?.type === \'ai\'">\r\n <ul class="list-container">\r\n <ng-container *ngFor="let item of chat?.relatedListItems">\r\n <li (click)="fetchDataFor(item, chat)">{{ item }}</li>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n\r\n\r\n </div>\r\n\r\n <div class="cta-faqs quick-prompts-extended" *ngIf="i == 0 && quickPrompts?.length">\r\n \x3c!-- <div *ngFor="let tile of quickPrompts" class="cta"\r\n (click)="sendMessageWithTile(tile.prompt)">\r\n Q: {{ tile.text }}\r\n </div> --\x3e\r\n <div class="cta_suggestions">\r\n <button *ngFor="let tile of quickPrompts" (click)="sendMessageWithTile(tile.prompt)">\r\n <ng-container *ngIf="tile">{{ tile.text }}</ng-container>\r\n </button>\r\n </div>\r\n </div>\r\n <div class="chat bot" *ngIf="i == 0 && botSkills">\r\n <div class="chat-box">\r\n <div class="message">\r\n <p [innerHTML]="processMessageForDisplay(botSkills)"></p>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf="chat?.suggestions?.length">\r\n <h4 class="labelChat">\r\n Here are some things EventsGPT Copilot can help you do:\r\n </h4>\r\n <div class="cta_suggestions">\r\n <button *ngFor="let suggestion of chat?.suggestions" (click)="sendMessageWithTile(suggestion)">\r\n <ng-container *ngIf="suggestion">{{\r\n suggestion\r\n }}</ng-container>\r\n </button>\r\n </div>\r\n </div>\r\n <div *ngIf="\r\n chat?.action?.section_id == \'company_search\' ||\r\n chat?.action?.section_id == \'user_search\' ||\r\n chat?.action?.section_id == \'industry_company_search\'\r\n ">\r\n <div class="box">\r\n <div class="tiktokwrapper">\r\n <div class="tiktokshell" *ngFor="let user of chat?.action.users">\r\n <div class="videoPhotobox">\r\n <ng-conatiner *ngIf="user?.photoPath && !user.userVideosModel">\r\n <img [src]="user?.photoPath" />\r\n </ng-conatiner>\r\n <ng-conatiner *ngIf="user.userVideosModel">\r\n <app-video-player *ngIf="user?.userVideosModel" [isDev]="isDev" [currentUserId]="userId"\r\n [videoObj]="user?.userVideosModel" [user]="user" [eventId]="eventId" type="1">\r\n </app-video-player>\r\n </ng-conatiner>\r\n </div>\r\n\r\n <div class="noPhoto" *ngIf="!user?.photoPath && !user.userVideosModel">\r\n <h3>\r\n {{ user.firstName | slice: 0:1\r\n }}{{ user.lastName | slice: 0:1 }}\r\n </h3>\r\n </div>\r\n <div class="overlymask" *ngIf="!user.userVideosModel"></div>\r\n <div class="onshell-content">\r\n <div class="title-shell">\r\n <h3>{{ user.firstName }} {{ user.lastName }}</h3>\r\n <h3 class="companyName">{{ user.company }}</h3>\r\n </div>\r\n <div class="button-shell">\r\n <button class="Connectbtn" (click)="connectToUser(user.userId)">\r\n {{\r\n canConnect(user.userId)\r\n ? \'Connect\'\r\n : canDisconnect(user.userId)\r\n ? \'Disconnect\'\r\n : \'Request\r\n Sent\'\r\n }}\r\n </button>\r\n <button class="schedulebtn" (click)="scheduleMeetingWithUser(user)">\r\n Schedule\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf="chat?.action?.section_id == myUpcomingSessionAction">\r\n <div class="agenda-items-wrapper" class="agenda-items-wrapper">\r\n <div class="list-view">\r\n <div class="session-detail-wrapper card-background-session"\r\n *ngFor="let upcomingSession of chat?.action.content">\r\n <div class="thumbnail">\r\n <img alt="Introduction to the Imaging Radar Academy"\r\n src="https://s27media.azureedge.net/8008/profile_pic/453cea2c-feba-11ed-8c0b-00155d025b0a.png"\r\n class="" />\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n \x3c!----\x3e<button class="play-btn color-primary"\r\n title="Play Session: Introduction to the Imaging Radar Academy">\r\n <span class="material-icons notranslate">\r\n play_circle_outline\r\n </span>\r\n \x3c!----\x3e\r\n </button>\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n </div>\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n <div class="content p-3">\r\n <div class="d-flex justify-content-between align-items-center">\r\n <div class="d-flex flex-column">\r\n <p class="fs-xs mb-0 body-text-color">\r\n {{\r\n upcomingSession.dateTimeRange.start\r\n | date\r\n : \'MM-dd-yyyy\r\n HH:mm\'\r\n : \'UTC\'\r\n }}\r\n -\r\n {{\r\n upcomingSession.dateTimeRange.end\r\n | date: \'MM-dd-yyyy HH:mm\':\'UTC\'\r\n }}\r\n {{ upcomingSession.timeZone.id }}\r\n </p>\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n \x3c!-- <p class="fs-xs mb-2 color-secondary" title="Session Type: Generative AI">Generative AI </p> --\x3e\r\n \x3c!----\x3e\r\n </div>\r\n <div class="d-flex align-items-center actions px-2">\r\n \x3c!----\x3e\r\n <button (click)="\r\n performSessionAction(\r\n upcomingSession.id,\r\n \'view-session\'\r\n )\r\n " class="s27-btn-icon body-text-color"\r\n title="View Session Information: Introduction to the Imaging Radar Academy">\r\n <span class="material-icons notranslate">\r\n remove_red_eye\r\n </span>\r\n </button>\r\n\r\n <button (click)="\r\n performSessionAction(\r\n upcomingSession.id,\r\n \'add-to-agenda\'\r\n )\r\n " class="s27-btn-icon body-text-color">\r\n <span class="material-icons notranslate"\r\n title="Add Session: Introduction to the Imaging Radar Academy to My agendaa">\r\n event_available\r\n </span>\r\n </button>\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n\r\n <button (click)="\r\n performSessionAction(upcomingSession.id, \'play\')\r\n " class="s27-btn-icon body-text-color" title="Copy session link to share">\r\n <span class="material-icons notranslate">\r\n play_circle_outline\r\n </span>\r\n </button>\r\n \x3c!----\x3e\r\n </div>\r\n </div>\r\n <h2 class="body-text-color">\r\n {{ upcomingSession.title }}\r\n </h2>\r\n <div class="session-description color-secondary"\r\n [innerHTML]="sanitizeHtml(upcomingSession.description)">\r\n </div>\r\n <ul class="speakers grid-2-cols" *ngFor="let speakerId of upcomingSession.speakers">\r\n <li class="">\r\n <div class="image" title="Blair Wunderlich">\r\n <img alt="Blair Wunderlich" [src]="speakers[speakerId]?.photoPath" class="" />\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n \x3c!----\x3e\r\n </div>\r\n \x3c!----\x3e\r\n <div class="content pl-3" style="text-transform: none">\r\n <div class="mb-0 body-text-color fs-xs fw-500">\r\n {{ speakers[speakerId]?.firstName }}\r\n {{ speakers[speakerId]?.lastName }}\r\n </div>\r\n <div class="color-secondary fs-xxs">\r\n {{ speakers[speakerId]?.jobTitle }}\r\n </div>\r\n <div class="color-secondary fs-xxs">\r\n {{ speakers[speakerId]?.company }}\r\n </div>\r\n </div>\r\n \x3c!----\x3e\r\n </li>\r\n </ul>\r\n \x3c!----\x3e\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class="chat bot" *ngIf="isChatingWithAi && !executingWorkflow">\r\n <div class="chat-box">\r\n <div class="message">\r\n <div class="time-cta">\r\n <div class="Icon_TimeSTamp">\r\n <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44">\r\n <g id="Group_121" data-name="Group 121" transform="translate(4843 -371)">\r\n <g id="Ellipse_18" data-name="Ellipse 18" transform="translate(-4843 371)" fill="#fcfcfc"\r\n stroke="#dfdfdf" stroke-width="1">\r\n <circle cx="22" cy="22" r="22" stroke="none" />\r\n <circle cx="22" cy="22" r="21.5" fill="none" />\r\n </g>\r\n <g id="Group_120" data-name="Group 120" transform="translate(-4835.141 378.855)">\r\n <g id="Group_1" data-name="Group 1" transform="translate(7.29 0)">\r\n <path id="Path_1" data-name="Path 1"\r\n d="M93.774,41.324,98.757,44.2v5.753l-4.983,2.877-4.983-2.877V44.2l4.983-2.877m0-2.034L87.03,43.183V50.97l6.744,3.893,6.744-3.893V43.183L93.774,39.29Z"\r\n transform="translate(-87.03 -39.29)" fill="gray" />\r\n </g>\r\n <g id="Group_2" data-name="Group 2" transform="translate(0 12.717)">\r\n <path id="Path_2" data-name="Path 2"\r\n d="M52.374,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L45.63,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"\r\n transform="translate(-45.63 -111.51)" fill="gray" />\r\n </g>\r\n <g id="Group_3" data-name="Group 3" transform="translate(14.793 12.717)">\r\n <path id="Path_3" data-name="Path 3"\r\n d="M136.384,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L129.64,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"\r\n transform="translate(-129.64 -111.51)" fill="gray" />\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n <div class="dateTime" [style.color]="dateTimeColor ? \'\' : \'\'">\r\n <span> {{ \'Assistant\' }}</span> {{ this.getLatestTime(chat?.time)}}\r\n </div>\r\n </div>\r\n </div>\r\n <div class="loaderbox">\r\n <div class=\'loader-pkg\'>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class="chat bot" *ngIf="loading">\r\n <div class="chat-box">\r\n <div class="message">\r\n\r\n\r\n <div class="time-cta">\r\n <div class="Icon_TimeSTamp">\r\n <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44">\r\n <g id="Group_121" data-name="Group 121" transform="translate(4843 -371)">\r\n <g id="Ellipse_18" data-name="Ellipse 18" transform="translate(-4843 371)" fill="#fcfcfc"\r\n stroke="#dfdfdf" stroke-width="1">\r\n <circle cx="22" cy="22" r="22" stroke="none" />\r\n <circle cx="22" cy="22" r="21.5" fill="none" />\r\n </g>\r\n <g id="Group_120" data-name="Group 120" transform="translate(-4835.141 378.855)">\r\n <g id="Group_1" data-name="Group 1" transform="translate(7.29 0)">\r\n <path id="Path_1" data-name="Path 1"\r\n d="M93.774,41.324,98.757,44.2v5.753l-4.983,2.877-4.983-2.877V44.2l4.983-2.877m0-2.034L87.03,43.183V50.97l6.744,3.893,6.744-3.893V43.183L93.774,39.29Z"\r\n transform="translate(-87.03 -39.29)" fill="gray" />\r\n </g>\r\n <g id="Group_2" data-name="Group 2" transform="translate(0 12.717)">\r\n <path id="Path_2" data-name="Path 2"\r\n d="M52.374,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L45.63,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"\r\n transform="translate(-45.63 -111.51)" fill="gray" />\r\n </g>\r\n <g id="Group_3" data-name="Group 3" transform="translate(14.793 12.717)">\r\n <path id="Path_3" data-name="Path 3"\r\n d="M136.384,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L129.64,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"\r\n transform="translate(-129.64 -111.51)" fill="gray" />\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n <div class="dateTime" [style.color]="dateTimeColor ? \'\' : \'\'">\r\n <span>{{ \'Loading ...\' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class="loaderbox">\r\n <div class=\'loader-pkg\'>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n <div class=\'loader--dot\'></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \x3c!-- <div #chatMain></div> --\x3e\r\n <div *ngIf="openWorkflowInput && selectedWorkflow && !executingWorkflow" class="chatFooterWrapper">\r\n \x3c!-- new UI for Chat Message Section by Amit --\x3e\r\n <div class="chat-footer-upt">\r\n <div class="topinfo-containerbox">\r\n <div class="agents_note_wrapper">\r\n <div>\r\n <h6>{{selectedWorkflow?.Name}}</h6>\r\n {{selectedWorkflow?.Description}}\r\n </div>\r\n </div>\r\n\r\n <div class="agents_note_wrapper">\r\n <button mat-icon-button class="closeButtonSource" (click)="toggleWorkflows(false)">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class="bottombox-wrapper">\r\n \x3c!-- here i need to loop through all the input fields selectedWorkflow.Trigger.InputSchema and render the input fields --\x3e\r\n \x3c!-- Form for Workflow Inputs --\x3e\r\n <form [formGroup]="workflowForm" (ngSubmit)="onWorkflowSubmit()" class="form-container">\r\n <div *ngFor="let input of selectedWorkflow?.Trigger?.InputSchema" class="form-group">\r\n <label>{{ input.Label }}</label>\r\n\r\n \x3c!-- Handle Text Input or Text Area based on requirement --\x3e\r\n <textarea *ngIf="input.Type === \'string\'" formControlName="{{input.InputId}}"\r\n [placeholder]="input.Placeholder" [rows]="2" [required]="input.Required"\r\n class="form-control"></textarea>\r\n\r\n \x3c!-- Dropdown for Select Options --\x3e\r\n <select *ngIf="input.Type === \'select\'" formControlName="{{input.InputId}}" class="form-control">\r\n <option *ngFor="let option of input.Options" [value]="option.Value">{{\r\n option.Label }}</option>\r\n </select>\r\n </div>\r\n\r\n \x3c!-- Submit button aligned to the right --\x3e\r\n <div class="form-group">\r\n <button type="submit" class="btn btn-primary submit-button">Submit</button>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n\r\n\r\n \x3c!-- new UI for Chat Message Section by Amit --\x3e\r\n </div>\r\n <div *ngIf="!openWorkflowInput" class="chatFooterWrapper">\r\n \x3c!-- new UI for Chat Message Section by Amit --\x3e\r\n <div class="chat-footer-upt">\r\n <div class="topinfo-containerbox" *ngIf="!checkForCop29BotId()">\r\n <div class="agents_note_wrapper">\r\n\r\n <div class="agents-dropdown-wrapper">\r\n <div class="dropdown-wrapper" (click)="toggleDropdown()">\r\n <div class="dropdown-header">\r\n <span>{{ getDropdownHeaderText() }}</span>\r\n <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor"\r\n stroke-width="2" viewBox="0 0 24 24">\r\n <path d="M19 9l-7 7-7-7" />\r\n </svg>\r\n </div>\r\n <div class="dropdown-menu" *ngIf="isDropdownOpen">\r\n <label (click)="onSelectAll()">\r\n <input type="checkbox" [checked]="areAllSelected()" />\r\n All\r\n </label>\r\n <label *ngFor="let agent of agents" (click)="onAgentChange(agent)">\r\n <input type="checkbox" [(ngModel)]="agent.selected" />\r\n {{ agent.agentName }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n\r\n <div class="agents_note_wrapper">\r\n\r\n <div class="agents-dropdown-wrapper">\r\n <div class="dropdown-wrapper" (click)="toggleWorkflows()">\r\n <div class="dropdown-header">\r\n <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256"\r\n class="h-5 w-5" height="1.3em" width="1.3em" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M245.66,74.34l-32-32a8,8,0,0,0-11.32,11.32L220.69,72H192a74.49,74.49,0,0,0-28.35,6.73c-13.62,6.29-30.83,19.71-35.54,48-5.32,31.94-29.1,39.22-41,40.86a40,40,0,1,0,.18,16.06A71.65,71.65,0,0,0,108.13,178C121.75,172,139,158.6,143.89,129.31,150.65,88.77,190.34,88,192,88h28.69l-18.35,18.34a8,8,0,0,0,11.32,11.32l32-32A8,8,0,0,0,245.66,74.34ZM48,200a24,24,0,1,1,24-24A24,24,0,0,1,48,200Z">\r\n </path>\r\n </svg> \r\n Workflows\r\n </div>\r\n <div class="dropdown-menu" *ngIf="isWorkflowOpen">\r\n <label *ngFor="let orgWorkflow of orgWorkflows" (click)="onWorkflowSelected(orgWorkflow)">\r\n {{ orgWorkflow.Name }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n\r\n </div>\r\n <div class="bottombox-wrapper">\r\n \x3c!-- <input [disabled]="isChatingWithAi" type="text" class="form-control-1 s27-scroll"\r\n \r\n placeholder="Ask anything..." [style.background]="formFieldBgColor ? formFieldBgColor : \'\'"\r\n [style.color]="formFieldTextColor ? formFieldTextColor : \'\'" [(ngModel)]="input"\r\n (keyup.enter)="handleSubmit()" #myInput /> --\x3e\r\n <textarea [disabled]="isChatingWithAi" class="form-control-1 s27-scroll chat-textarea"\r\n placeholder="Ask anything..." [(ngModel)]="input" (keydown)="handleKeydown($event)"\r\n (input)="adjustTextareaHeight($event)" #myInput></textarea>\r\n\r\n <button (click)="toggleRecording()" class="btn cta-chat mr-1">\r\n <svg *ngIf="!isRecording" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512"\r\n height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">\r\n \x3c!-- Mic Icon --\x3e\r\n <path\r\n d="M256 320c53 0 96-43 96-96V96c0-53-43-96-96-96s-96 43-96 96v128c0 53 43 96 96 96zm144-96h-16c0 66.27-52.73 120-120 120s-120-53.73-120-120h-16c-17.67 0-32 14.33-32 32v32c0 53.87 38.13 100.64 91.21 112.27C210.13 457.77 231.58 464 256 464s45.87-6.23 65.79-17.73C374.87 388.64 416 341.87 416 288v-32c0-17.67-14.33-32-32-32z">\r\n </path>\r\n </svg>\r\n <svg *ngIf="isRecording" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24"\r\n height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">\r\n \x3c!-- Square Stop Icon --\x3e\r\n <path d="M5 5h14v14H5z"></path>\r\n </svg>\r\n </button>\r\n\r\n\r\n <button class="btn cta-chat rotate" (click)="handleSubmit()"\r\n [style.background]="sendButtonColor ? sendButtonColor : \'\'"\r\n [style.color]="sendButtonTextColor ? sendButtonTextColor : \'\'">\r\n <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em"\r\n width="1em" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M476.59 227.05l-.16-.07L49.35 49.84A23.56 23.56 0 0027.14 52 24.65 24.65 0 0016 72.59v113.29a24 24 0 0019.52 23.57l232.93 43.07a4 4 0 010 7.86L35.53 303.45A24 24 0 0016 327v113.31A23.57 23.57 0 0026.59 460a23.94 23.94 0 0013.22 4 24.55 24.55 0 009.52-1.93L476.4 285.94l.19-.09a32 32 0 000-58.8z">\r\n </path>\r\n </svg>\r\n \x3c!-- SEND --\x3e\r\n </button>\r\n </div>\r\n </div>\r\n\r\n\r\n \x3c!-- new UI for Chat Message Section by Amit --\x3e\r\n </div>\r\n\r\n <div class="NoteTxt">\r\n <div class="note">\r\n <svg xmlns="http://www.w3.org/2000/svg" width="12.882" height="12.883" viewBox="0 0 12.882 12.883">\r\n <path id="Icon_ion-shield-checkmark" data-name="Icon ion-shield-checkmark"\r\n d="M15.106,4.532a.46.46,0,0,0-.378-.424A20.132,20.132,0,0,1,8.881,2.291a.46.46,0,0,0-.379,0A20.132,20.132,0,0,1,2.655,4.108a.46.46,0,0,0-.378.424A11.3,11.3,0,0,0,2.98,9.4a10.049,10.049,0,0,0,2.06,3.235A10.516,10.516,0,0,0,8.521,15.1a.46.46,0,0,0,.345,0,10.516,10.516,0,0,0,3.481-2.465A10.049,10.049,0,0,0,14.4,9.4,11.3,11.3,0,0,0,15.106,4.532Zm-3.767,2.16L8.153,10.373a.46.46,0,0,1-.328.159H7.806a.46.46,0,0,1-.322-.131L6.069,9.014a.46.46,0,1,1,.644-.657L7.777,9.4,10.644,6.09a.46.46,0,0,1,.7.6Z"\r\n transform="translate(-2.25 -2.25)" fill="#06f" />\r\n </svg>\r\n\r\n\r\n <span class="text">Your personal or company information is kept\r\n private and secure\r\n within this chat.</span>\r\n </div>\r\n </div>\r\n </mat-drawer-content>\r\n </mat-drawer>\r\n <mat-drawer class="drawer edit-boxDrawer" style="width: 45%" #sourcesDrawer [position]="\'end\'" [mode]="\'over\'"\r\n [style.background]="\r\n \'linear-gradient(\' + (bgGradient ? bgGradient.join(\', \') : \'\') + \')\'\r\n ">\r\n <mat-drawer-content>\r\n <div class="sourceDraweContainer">\r\n <div class="container-fluid">\r\n <button mat-icon-button class="closeButtonSource" (click)="onCloseSource()">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n <h1>{{ currentSourcesList?.length }} Sources</h1>\r\n \x3c!-- <p>Tell me about latest news from Mistral about AI agents announcement done this month</p> --\x3e\r\n <hr />\r\n <ul class="sources-list">\r\n <li *ngFor="let item of currentSourcesList; let si = index">\r\n \x3c!-- <input type="checkbox" id="source1"> --\x3e\r\n <div class="source-content" (click)="openLinkInNewTab(item.link)">\r\n <label for="source1">\r\n <span class="source-title"><span class="ml-1">{{ si + 1\r\n }}.</span>{{ item.title }}</span>\r\n <span class="image-container">\r\n <img class="relative block" [src]="getFaviconUrl(item.link)"\r\n [alt]="getDomainName(item.link) + \' favicon\'" />\r\n <span> {{ getDomainName(item.link) }}</span>\r\n </span>\r\n <span class="source-description">{{ item.desc }}</span>\r\n </label>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </mat-drawer-content>\r\n </mat-drawer>\r\n <mat-drawer class="drawer edit-boxDrawer" style="width: 45%" #editorsDrawer [position]="\'end\'" [mode]="\'push\'"\r\n [style.background]="\r\n \'linear-gradient(\' + (bgGradient ? bgGradient.join(\', \') : \'\') + \')\'\r\n ">\r\n <mat-drawer-content>\r\n <lib-bot-html-editor *ngIf="isContentLoaded" [editorContent]="currentMessageForEditor"\r\n [isDocInEditMode]="isDocInEditMode" [documentContent]="documentContent" [conversationId]="conversationId"\r\n [botId]="botId"></lib-bot-html-editor>\r\n </mat-drawer-content>\r\n </mat-drawer>\r\n</mat-drawer-container>\r\n\r\n\r\n<div *ngIf="showWorkflowExecutionDetails" class="modal">\r\n <div class="modal-content">\r\n <div class="close-wrapper"><span class="close_pop" (click)="closeModal()">×</span></div>\r\n <div class="titleSection">\r\n \x3c!-- Workflow Title --\x3e\r\n <h2>{{ workflowExecutionDetails.WorkflowName }}</h2>\r\n \x3c!-- Workflow Title --\x3e\r\n </div>\r\n \x3c!-- Inputs Section --\x3e\r\n <div class="inputs-section">\r\n <h3>Inputs</h3>\r\n <ul>\r\n <li *ngFor="let input of objectToArray(workflowExecutionDetails.Inputs)">\r\n {{ input.key }}: {{ input.value }}\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n \x3c!-- Actions Section (Displayed as Timeline) --\x3e\r\n <div class="actions-section">\r\n <h3>Agent Actions</h3>\r\n <div class="timeline">\r\n <div *ngFor="let action of workflowExecutionDetails.Actions" class="timeline-item">\r\n <div class="timestamp-section">\r\n <h4>{{ action.ActionName || action.Name }}</h4>\r\n <p><strong></strong> {{\r\n action.InsertTimeStamp }}</p>\r\n </div>\r\n <p [innerHTML]="processMessageForDisplay(action.Output)"></p>\r\n \x3c!-- <pre>{{ action.Output }}</pre> --\x3e\r\n </div>\r\n </div>\r\n </div>\r\n\r\n \x3c!-- Insert Timestamp --\x3e\r\n <div class="timestamp-section">\r\n <p><strong>Inserted At:</strong> {{\r\n workflowExecutionDetails.InsertTimeStamp }}</p>\r\n </div>\r\n </div>\r\n</div>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:['@import url("https://e1cdn.social27.com/digitalevents/liteversion/fonts/segoe-ui/stylesheet.css");.sticky-header-chat{background:#fff;border-bottom:1px solid #ddd;padding:0 0 10px;position:sticky;top:-21px;transition:all 1s;z-index:100}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#e5ccbc}body{overflow:hidden}.ios-device .drawer .chat-footer .form-control{font-size:16px}.hivegpt-chat-wrapper{background:transparent!important;height:100%;inset:0;opacity:0;position:fixed;visibility:hidden;z-index:999999}.hivegpt-chat-wrapper.mat-drawer-container-has-open{background:transparent!important;opacity:1;transition:all .3s;visibility:visible;z-index:999999}.hivegpt-chat-wrapper .mat-drawer:not(.mat-drawer-side){box-shadow:none}.hivegpt-chat-wrapper mat-drawer{background-color:#fff!important;background-image:none!important;width:100%}.hivegpt-chat-wrapper mat-drawer.full-width-drawer{max-width:100%}.hivegpt-chat-wrapper .mat-drawer-content{display:flex;flex-direction:column}.hivegpt-chat-wrapper .chat-header{padding:16px 40px;width:100%}.hivegpt-chat-wrapper .chat-header h2{font-family:Segoe UI,sans-serif;font-size:36px;font-weight:500;letter-spacing:-.72px;line-height:108%;margin:0;text-transform:uppercase}.hivegpt-chat-wrapper .chat-header .closeIcon{align-items:center;background:transparent;border:none;border-radius:50%;display:inline-flex;font-size:18px;height:35px;justify-content:center;outline:none;padding:0;position:absolute;right:12px;top:16px;width:35px}.hivegpt-chat-wrapper .chat-main{display:flex;flex:1;flex-direction:column;justify-content:space-between;overflow-y:auto;width:100%}.hivegpt-chat-wrapper .chat-main .innerChat{overflow-y:auto;padding:20px 40px 10px;width:100%}.hivegpt-chat-wrapper .chat-main .ai h3{font-size:1.3rem!important}.hivegpt-chat-wrapper .chat-main .chat-box{max-width:96%;width:100%}.hivegpt-chat-wrapper .chat-main .chat-box .message{margin-left:50px;margin-top:10px;min-height:40px;padding:0 20px 0 0;position:relative}.hivegpt-chat-wrapper .chat-main .chat-box .message p{color:#000;color:#525252;font-family:Segoe UI,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:160%;margin:0;text-align:left}.hivegpt-chat-wrapper .chat-main .chat-box .message p a{color:#17235b!important;cursor:pointer!important;font-weight:700;text-decoration:underline}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta{align-items:end;bottom:-7px;display:inline-flex;gap:10px;grid-gap:10px;position:relative;right:-10px;z-index:5}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button{background:transparent;border:none;color:#566563;cursor:pointer;padding:0;transition:all .3s}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button i{display:inline-block}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button:hover{color:#17235b}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button.up:hover i{animation:thumbsUpAnimation .5s ease-in-out;animation-fill-mode:forwards}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button.down:hover i{animation:thumbsDownAnimation .5s ease-in-out;animation-fill-mode:forwards}.hivegpt-chat-wrapper .chat-main .chat{margin-bottom:20px}.hivegpt-chat-wrapper .chat-main .chat.user{text-align:right}.hivegpt-chat-wrapper .chat-main .chat.user .chat-box{margin-left:auto}.hivegpt-chat-wrapper .chat-main .chat.user .chat-box .message{background:linear-gradient(96deg,#8b4ead -10.61%,#761c79 84.59%);border-radius:20px 20px 0 20px;color:#fff}.hivegpt-chat-wrapper .chat-main .chat.user .chat-box .message p{color:#fff;text-align:left}.hivegpt-chat-wrapper .chat-main .chat.user .dateTime{text-align:right}.hivegpt-chat-wrapper .chat-main .chat.user .time-cta{justify-content:flex-end}.hivegpt-chat-wrapper .chat-main .chat .Icon_TimeSTamp{align-content:center;align-items:center;display:flex;justify-content:left;margin:0 -60px;width:auto}.hivegpt-chat-wrapper .chat-main .chat .dateTime{color:#333232;font-size:15px;font-style:normal;font-weight:300;line-height:140%}.hivegpt-chat-wrapper .chat-main .chat .dateTime span{color:#06f;font-size:15px;font-style:normal;font-weight:500;line-height:140%;margin-left:15px;margin-right:5px}.hivegpt-chat-wrapper .chat-main .chat:last-of-type{margin-bottom:0}.hivegpt-chat-wrapper .chatFooterWrapper{background:#fff;border:2px solid hsla(0,0%,85.5%,.5882352941176471);border-radius:10px;box-shadow:2px 0 5px #e1e1e1;margin:0 auto 15px;margin-top:10px!important;transition:all .5s;width:75%}.hivegpt-chat-wrapper .chatFooterWrapper:hover{border:2px solid hsla(0,0%,72.2%,.5882352941176471);box-shadow:2px 0 4px #ddd}.hivegpt-chat-wrapper .chatFooterWrapper .chat-footer-upt{padding:4px}.hivegpt-chat-wrapper .chatFooterWrapper .note{align-items:center;background:rgba(27,117,187,.050980392156862744);border-radius:15px;color:#000;display:inline-flex;font-size:12px;gap:8px;line-height:1;margin:0 auto 4px;padding:10px 25px}.hivegpt-chat-wrapper .chatFooterWrapper .note a{text-transform:capitalize}.hivegpt-chat-wrapper .chatFooterWrapper .note i{font-size:18px}.hivegpt-chat-wrapper .chatFooterWrapper .note i svg{height:18px;width:18px}.hivegpt-chat-wrapper .chatFooterWrapper .note span{flex:1;gap:4px;line-height:1.3}.hivegpt-chat-wrapper .chat-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:0;position:relative}.hivegpt-chat-wrapper .chat-footer .form-control{background:#fff!important;border:0;line-height:21px;outline:0;padding:10px;position:relative;width:100%}.hivegpt-chat-wrapper .chat-footer .form-control::-moz-placeholder{color:#6c7a78}.hivegpt-chat-wrapper .chat-footer .form-control::placeholder{color:#6c7a78}.hivegpt-chat-wrapper .chat-footer .form-control:focus{border-color:#e5ccbc}.hivegpt-chat-wrapper .chat-footer .cta-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px;position:absolute;right:15px;text-align:right}.hivegpt-chat-wrapper .chat-footer .cta-footer .btn{color:#000;font-weight:500;gap:8px;max-width:150px;padding:0}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-chat{align-items:center;background:transparent!important;border:none;border-radius:0;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);display:inline-flex;font-size:20px;height:auto;justify-content:center;width:auto}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-chat:hover{opacity:.8}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-again{background:#17235b;border:1px solid #17235b;color:#fff}.hivegpt-chat-wrapper .cta-faqs{align-items:flex-end;display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;margin-left:auto;max-width:80%;padding:10px 0 0}.hivegpt-chat-wrapper .cta-faqs .cta{background:transparent;border:1px solid #c9a893;border-radius:20px 20px 0 20px;color:#333;cursor:pointer;font-family:Segoe UI,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:160%;margin:0;min-height:44px;padding:12px 20px;text-align:left;text-decoration:none;transition:all .3s;white-space:pre-line}.spinner{align-items:center;display:flex;gap:2px;justify-content:center}.spinner>div{animation:bouncedelay 1.4s ease-in-out infinite;animation-fill-mode:both;background-color:#173330;border-radius:100%;display:inline-block;height:5px;width:5px}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.time-cta{align-items:center;display:flex;gap:8px;justify-content:start;margin-top:5px}@keyframes thumbsUpAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes thumbsDownAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (max-width:767px){.hivegpt-chat-wrapper .chat-main .innerChat{padding:0 24px 10px}.hivegpt-chat-wrapper .chat-footer{padding:10px 24px}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-chat{max-width:100%}.hivegpt-chat-wrapper .chat-footer .form-control{height:80px}.hivegpt-chat-wrapper .chat-header .closeIcon{height:28px;right:8px;top:8px;width:28px}.hivegpt-chat-wrapper .chat-header .closeIcon span{font-size:14px}.hivegpt-chat-wrapper .chat-header{padding:10px 24px}.hivegpt-chat-wrapper .chat-header h2{font-size:20px}.cta-faqs{padding:10px 0 0}}.body-overflow-hidden{overflow:hidden}.chat-button{align-items:center;background:#17235b;border:#17235b;border-radius:50%;color:#fff;display:inline-flex;font-size:24px;height:50px;justify-content:center;width:50px}textarea{caret-color:#000}.labelChat{font-size:14px;font-weight:400;margin:0 0 10px}.chatType h4{color:#566563;text-align:center}.chatType ul{align-items:center;background:#fff;border-radius:10px;box-shadow:0 .3px .9px rgba(0,0,0,.12),0 1.6px 3.6px rgba(0,0,0,.16);display:flex;justify-content:center;list-style:none;margin:0 0 20px;padding:4px}.chatType ul li{flex:1}.chatType ul li button{align-items:center;background:#fff;border:none;border-radius:10px;font-weight:600;min-height:48px;padding:.375rem;text-align:center;text-shadow:1px 0 rgba(0,0,0,.2);width:100%}.chatType ul li button.active{background:linear-gradient(96deg,#761c79 -10.61%,#761c79 84.59%);box-shadow:0 1px 2px 0 rgba(16,24,40,.05);color:#fff}.cta_suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:20px}.cta_suggestions button{background:#fff;border:1px solid #174ae4;border-radius:10px;box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.13),0 .3px .9px 0 rgba(0,0,0,.1);color:#1543cd;font-size:14px;font-weight:600;line-height:1.2;padding:8px 12px;position:relative;text-align:left;transition:all .3s}.cta_suggestions button:hover{background:#eff3ff}.balanced .chat-footer .cta-footer .cta-chat,.balanced .chat-main .chat.user .chat-box .message,.balanced .chatType ul li button.active{color:#000}.balanced .chat-main .innerChat .title p span{color:#06f}.balanced mat-drawer{background-image:linear-gradient(180deg,rgba(88,190,251,.05) 60%,rgba(0,102,255,.2) 96.27%)}.balanced .cta_suggestions button:hover{border:1px solid #06f}.precise .chat-footer .cta-footer .cta-chat,.precise .chat-main .chat.user .chat-box .message{background:linear-gradient(96deg,#69ca6d -10.61%,#4caf50 84.59%)}.precise .chatType ul li button.active{background:linear-gradient(96deg,#4caf50 -10.61%,#4caf50 84.59%);color:#fff}.precise .chat-main .innerChat .title p span{color:#4caf50}.precise mat-drawer{background-image:linear-gradient(180deg,rgba(76,175,80,.05) 60%,rgba(76,175,80,.3) 96.27%)}.precise .cta_suggestions button:hover{border:1px solid #4caf50}.title{margin-bottom:20px}.title h2{font-size:22px;margin:0}.title h2 span{align-items:center;color:#000;display:inline-flex;gap:10px}.title h2 i{color:#06f;font-size:30px;line-height:1}.title h2 i svg{height:30px;width:30px}.title p{font-weight:600;margin:0}.title p span{color:#06f}.agenda-items-wrapper{padding-bottom:15px;padding-top:15px}@media (max-width:576px){.list-view .session-detail-wrapper{border:none;flex-direction:column}}.card-background-session{background:#fff;border-radius:8px}.card-background-session .body-text-color{color:#111!important}.card-background-session h2{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:20px;margin-bottom:8px;overflow:hidden}.card-background-session .session-description{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#111!important;display:-webkit-box;font-size:14px;overflow:hidden}.card-background-session .color-secondary{color:#111!important}.card-background-session p{font-size:14px}.list-view .session-detail-wrapper .s27-btn-icon{background:transparent;border:transparent}.list-view .session-detail-wrapper{border-left:3px solid transparent;display:flex;margin-bottom:16px}.thumbnail{align-items:center;display:flex;height:160px;justify-content:center;min-width:160px;position:relative;width:160px}.thumbnail img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}@media (max-width:576px){.thumbnail{height:160px;min-height:unset;width:100%}}.thumbnail .play-btn{align-items:center;background-color:transparent;border:0;bottom:0;display:flex;font-size:60px;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%}.thumbnail .play-btn span{font-size:80px;text-shadow:0 0 14px rgba(74,74,74,.45)}.content{flex-grow:1}.actions{background-color:transparent!important}.speakers{margin-bottom:0;margin-top:10px;padding:0}.speakers li{align-items:unset;display:flex}.speakers li .content{font-size:12px!important}.speakers .image{border-radius:100%;height:40px;min-width:40px;overflow:hidden;width:40px}.speakers img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}.grid-2-cols{display:grid;grid-gap:15px;grid-template-columns:calc(55% - 10px) calc(50% - 10px);padding-right:20px}@media (max-width:768px){.grid-2-cols{grid-template-columns:calc(50% - 10px) calc(50% - 10px)}}@media (max-width:575px){.grid-3-cols{grid-template-columns:100%}}.quick-prompts-extended{align-items:flex-start!important;margin-left:0!important}.border-shape .s27-scroll::-webkit-scrollbar{border-radius:30px;width:3px}.border-shape .s27-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:30px}.border-shape .s27-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:30px}.box{display:table;height:275px;margin:10px 0;width:100%}.tiktokwrapper{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);height:100%}.tiktokwrapper .tiktokshell{background:#3d2b8f;border:2px solid #fff;border-radius:5px;box-shadow:0 0 6px #494949;height:100%;min-height:275px;min-width:160px;position:relative;width:100%}.tiktokwrapper .overlymask{background-image:url(https://e1cdn.social27.com/digitalevents/HiveGpt/screen-overlay.png);background-position:0 0;bottom:0;height:100%;left:0;position:absolute;width:100%;z-index:6}.tiktokwrapper .videoPhotobox{bottom:0;height:272px;left:0;overflow:hidden;position:absolute;width:auto;z-index:6}.tiktokwrapper .videoPhotobox video{-o-object-fit:cover;border-radius:0;cursor:pointer;height:270px;object-fit:cover;outline:0;transition:.3s ease-in-out;width:100%}.tiktokwrapper .videoPhotobox img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}.tiktokwrapper .playBtn{align-items:center;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;left:0;margin:0 auto;position:absolute;right:0;top:105px;transition:all 1s;width:40px;z-index:10}.tiktokwrapper .playBtn:hover{transform:scale(1.2)}.tiktokwrapper .noPhoto{align-items:center;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;left:0;margin:0 auto;position:absolute;right:0;top:105px;transition:all 1s;z-index:6}.tiktokwrapper .noPhoto h3{color:#fff;font-size:46px}.tiktokwrapper .onshell-content{bottom:10px;left:5px;position:absolute;z-index:10}.tiktokwrapper .onshell-content .title-shell{margin:0 10px}.tiktokwrapper .onshell-content h3{color:#fff;font-size:13px;font-weight:500}.tiktokwrapper .onshell-content .companyName{color:#eaeaea;font-size:12px;font-weight:400}.tiktokwrapper .onshell-content .button-shell button{background:#4e4e4e;border:none;border-radius:2px;color:#fff;font-size:11px;margin:0 1px;padding:4px 7px;text-transform:capitalize}.tiktokwrapper .onshell-content .Connectbtn{background:linear-gradient(149deg,#06f,#06f)!important}.skeleton-box{background-color:#dddbdd;display:inline-block;height:1em;overflow:hidden;position:relative}.skeleton-box:after{animation:shimmer 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);z-index:0}@keyframes shimmer{to{transform:translateX(100%)}}.blog-post__headline{font-size:1.25em;font-weight:700}.blog-post__meta{color:#6b6b6b;font-size:.85em}.o-media{display:flex}.o-media__body{flex-grow:1;margin-left:1em}.o-vertical-spacing>*+*{margin-top:.75em}.o-vertical-spacing--l>*+*{margin-top:2em}.copy{background:none;border:none;cursor:pointer;padding:5px;transition:transform .2s ease}.copy.active{transform:scale(1.1)}.copy svg{fill:#566563;height:18px;width:18px}.copyBox{background:#f7f7f7;border-radius:13px;color:#566563;display:flex;float:right;gap:12px;padding:5px 10px;position:relative;width:135px}.copyBox button{background:transparent;border:none;color:#566563;cursor:pointer;padding:0;transition:all .3s}.copyBox button i{display:inline-block}.copyBox button:hover{color:#17235b}.copyBox button.up:hover i{animation:thumbsUpAnimation .5s ease-in-out;animation-fill-mode:forwards}.copyBox button.down:hover i{animation:thumbsDownAnimation .5s ease-in-out;animation-fill-mode:forwards}.din{display:inline-flex}.chatFooterWrapper{align-items:center;background-color:#f5f5f5;border-top:1px solid #ccc;flex-direction:column;justify-content:center}.chat-footer{background:#fff;flex-direction:column;margin-bottom:10px}.chat-footer,.topinfo-containerbox{align-items:center;display:flex;width:100%}.topinfo-containerbox{background:#f9f9f9;border-bottom:1px solid #efefef;justify-content:space-between;margin:0;padding:5px 10px 8px}.agents_note_wrapper{display:flex;justify-content:space-around}.bottombox-wrapper{display:flex;padding:10px;width:100%}.dropdown-wrapper{margin-right:10px;position:relative}.dropdown-header{align-items:center;background:#fff;border:1px solid #ddd;border-radius:48px;color:#414141!important;cursor:pointer;display:flex;font-size:14px;margin-bottom:0;padding:.5rem 1.5rem;white-space:nowrap}.dropdown-header span{margin-right:8px}.dropdown-menu{background-color:#fff;border:1px solid #ededed;border-radius:5px;bottom:100%!important;box-shadow:0 2px 4px rgba(0,0,0,.1);display:block;left:0;margin-bottom:10px;max-height:200px;overflow-y:auto;padding:0;position:absolute;top:auto;width:230px;z-index:1000}.dropdown-menu label{cursor:pointer;display:block;font-size:16px;padding:5px 15px}.dropdown-menu label input{height:16px;width:16px}.dropdown-menu label:hover{background-color:#f0f0f0}.border-shape{flex-grow:1}.form-control-1{border:1px solid #ddd;border-radius:5px;padding:10px;width:100%}.cta-footer,.text-left .note-section{align-items:center;display:flex}.text-left .note-section{background:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-top:10px;max-width:800px;padding:10px;width:100%}.text-left .note{align-items:center;color:#555;display:flex}.text-left .note i{margin-right:8px}.text-left .note .text{font-size:14px}.card-container{display:flex;gap:15px}.custom-card{background:#fffefe;border:1px solid #ddd;border-radius:.25rem;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-bottom:10px;overflow:hidden;width:18rem}.custom-card .card-body{padding:10px}.custom-card .card-title{font-size:1.25rem;font-weight:700}.custom-card .card-text{font-size:1rem;text-align:left}.custom-card .btn-primary{background-color:#007bff;border:none;border-radius:.25rem}.custom-card .card-footer{background-color:#f8f9fa;color:#6c757d;padding:10px;text-align:center}.list-container{list-style:none;padding:0}.list-container li{background:#f5f5f5;border-radius:8px;font-size:13px;margin-bottom:5px;padding:6px 12px}.list-container li:hover{color:#06f;cursor:pointer}.collapsible-container{margin-bottom:5px;overflow:hidden;width:100%}.collapsible-header{cursor:pointer;display:flex;padding:15px}.collapsible-header .header-icon{font-size:20px;margin-right:10px}.collapsible-header .header-title{flex:1;font-size:18px}.collapsible-header .toggle-icon{font-size:18px;margin-left:18px}.collapsible-content{background-color:#f8f9fa;color:#333;padding:15px;width:100%}.collapsible-content.show{display:block}.researchingCard{margin:5px auto}.card-header{background:#eee;border-bottom:0;border-radius:8px 8px 0 0;display:flex!important;padding:8px 15px;width:auto}.icon{font-size:20px;line-height:5px}.rotate{transform:rotate(180deg)}.collapse{display:none}.uptList{background:rgba(245,222,179,.1411764705882353);border-radius:0 0 10px 10px;margin-bottom:20px!important}.list-group-item{color:#0f0f0f;font-size:15px;margin:1px 0;padding:0 18px}.sources-container{align-items:flex-start;display:flex;gap:15px}.source-card{background-color:#f0f3f5;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:15px;position:relative;transition:box-shadow .3s ease;width:100%}.popup{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.2);left:50%;opacity:0;padding:10px;position:absolute;top:100%;transform:translateX(-50%) translateY(-10px);transition:opacity .3s ease,transform .3s ease;visibility:hidden;white-space:normal;width:100%;z-index:10}.popup h5{font-size:14px;font-weight:600;line-height:1.2;margin:5px 0 10px}.popup p{font-size:12px;line-height:1.4;margin:0}.popup h5:hover{color:#007bff;cursor:pointer}.popup .source-url{color:#000;text-decoration:none}.popup .source-url:hover{color:#007bff;cursor:pointer;text-decoration:underline}.source-card:hover .popup{opacity:1;transform:translateX(-50%) translateY(-15px);visibility:visible}.source-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:scale(1.05)}.source-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:14px;font-weight:500;height:55px;line-height:1.5;overflow:hidden;text-align:left;text-overflow:ellipsis}.source-title img{margin-left:10px;width:20px}.source-url{align-items:center;color:#6c757d;display:flex;font-size:12px;text-align:left}.source-url img{border-radius:50%;height:16px;margin-right:5px;width:16px}.sourceDraweContainer .container{background-color:#fff;padding:20px}.sourceDraweContainer .sources-list{list-style:none;padding:0}.sourceDraweContainer .sources-list li{align-items:flex-start;display:flex;margin-bottom:15px}.sourceDraweContainer .sources-list input[type=checkbox]{flex-shrink:0;margin-right:15px;margin-top:8px}.sourceDraweContainer .source-content{background-color:#f5f2f2;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;flex:1;padding:12px}.sourceDraweContainer .source-content:hover{background:#ccc}.sourceDraweContainer .source-title{display:block;font-size:1rem;font-weight:500;height:auto!important;margin-bottom:4px}.sourceDraweContainer .source-description{display:block;font-size:.875rem}.sourceDraweContainer .image-container{align-items:center;display:flex;margin:10px 0}.sourceDraweContainer .image-container img{-o-object-fit:cover;border:1px solid #ddd;border-radius:50%;height:16px;margin-right:5px;object-fit:cover;width:16px}.sourceDraweContainer .image-container span{color:#555;font-size:13px}.closeButtonEditor{border:0;border-radius:100%;height:32px;padding:3px 0 0;position:absolute;right:10px;top:5px;width:32px}.closeButtonSource{background:none!important;border-color:transparent!important;box-shadow:none!important;color:inherit;cursor:pointer;float:right;margin-top:20px;transition:color .2s ease-in-out}.closeButtonSource.closeplaygroundbutton{display:none!important}.graph-img{background:hsla(0,0%,99.6%,.23137254901960785);border-radius:15px;padding:15px;width:90%}.chat-textarea{background-color:#fff;border:none;box-sizing:border-box;font-size:15px;height:30px;line-height:1.5;overflow-y:hidden;padding:10px;resize:none;transition:all 1s;width:100%}.chat-textarea:focus,.chat-textarea:hover{height:60px}.chat-textarea:focus{outline:none}.fixed-btn{background-color:#000;border:none;border-radius:8px 8px 0 0;color:#fff;cursor:pointer;font-size:16px;padding:5px 12px;position:fixed;right:-22px;top:46%;transform:translateY(-50%) rotate(270deg);transform-origin:center;transition:all .5s;z-index:1000000}.fixed-btn:hover{background-color:#5b5b5b}.fixed-btn-close{background-color:#000;border:none;border-radius:8px 8px 0 0;color:#fff;cursor:pointer;font-size:16px;padding:5px 16px;position:fixed;right:549px;top:46%;transform:translateY(-50%) rotate(270deg);transform-origin:center;transition:all .5s;z-index:1000000}.fixed-btn-close:hover{background-color:#5b5b5b}.btn.rotate{transform:rotate(-15deg)}.btn.rotate:hover{transform:rotate(0deg)}.btn.cta-chat{align-items:center;background:#f3f3f3;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;margin:0 auto;padding:5px;text-align:center;transition:all .5s;width:40px}.btn.cta-chat:hover{background:#d7d7d7;color:#666}.btn.cta-chat svg{vertical-align:middle}.chat-footer-upt{padding:4px}.workflowbox{align-items:center;border:1px solid transparent;border-radius:48px;color:#414141!important;cursor:pointer;display:flex;font-size:14px;margin-bottom:0;padding:.5rem 1.5rem;transition:all .5s;white-space:nowrap}.workflowbox:hover{background:#fff;border:1px solid #ddd}.workflowbox svg{margin:0 10px}.edit-boxDrawer{border-left:1px solid #ddd;box-shadow:1px 1px 15px hsla(0,0%,86.7%,.7686274509803922)!important}.edit-boxDrawer mat-drawer-content,ng-deep .edit-boxDrawer mat-drawer-content{margin-left:0!important;margin-right:0!important}.SearchTitle{font-size:16px!important;text-transform:capitalize}.exicution{background:#f9f9f9;margin:30px 0!important;padding:15px 20px}.new-conversationbutton{align-items:center;background:#f5f5f5;border:1px solid #e3e3e3;border-radius:10px;cursor:pointer;display:flex;font-size:14px;justify-content:space-around;padding:6px;position:absolute;right:88px;top:10px;transition:all .5s;width:120px;z-index:1000}.new-conversationbutton:hover{background:#eee}.NoteTxt{margin:0 auto}.NoteTxt .text{margin:0 5px}.form-container{width:100%}.progress-container{align-items:center;display:flex}.circular-loader{border:4px solid rgba(0,0,0,.1);border-radius:50%;box-sizing:border-box;height:50px;position:relative;width:50px}.loader-spinner{animation:rotate-loader 1s linear infinite;border:2px solid #2196f3;border-radius:50%;border-top-color:transparent;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;width:100%}.loader-text{color:#333;font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loader-label{color:#333;font-size:16px;margin-left:20px}.checkmark{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.checkmark-circle{animation:stroke .6s ease-in-out forwards;stroke:#4caf50;stroke-dasharray:166;stroke-dashoffset:166;stroke-width:4}.checkmark-check{animation:stroke-check .4s ease-in-out .4s forwards;stroke:#4caf50;stroke-dasharray:48;stroke-dashoffset:48;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes stroke-check{to{stroke-dashoffset:0}}@keyframes rotate-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes checkmark-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.circular-loader.completed .loader-spinner{animation:none;transform:rotate(1turn)}.icon-button{background-color:transparent;border:none;color:#333;cursor:pointer;font-size:24px}.icon-button:focus{outline:none}.icon-button:hover{color:#007bff}.modal{background-color:rgba(0,0,0,.4);display:block;height:100%;left:0;padding-top:0;position:fixed;top:0;width:100%;z-index:1000001}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);height:600px;margin:5% auto;padding:20px;position:relative;width:82%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.SearchTitle.user{font-size:30px!important;text-transform:none!important}.SearchTitle.user h2,.SearchTitle.user p{font-size:1.7rem!important}.title_chat{display:flex;margin:0;padding:0}.title_chat h2{align-items:center;display:flex;font-size:20px;gap:10px;margin:10px 0}.small-title{font-size:12px;margin:2px 0}.titleSection{margin:0}.titleSection h2{color:#000;font-size:20px;margin:0}.inputs-section{background-color:#f7f7f7;border-radius:5px;margin:0 0 10px;padding:10px 15px 0}.inputs-section h3{font-size:16px}.actions-section{background-color:#f9f9f9;border-radius:5px;height:500px;margin-bottom:20px;overflow-y:auto;padding:15px}.timeline{margin-bottom:20px;padding-left:40px;position:relative}.timeline:before{border-right:2px dashed #cecece;content:"";height:100%;left:19px;position:absolute}.timeline-item{margin-bottom:20px;position:relative}.timeline-item:before{background-color:#007bff;border-radius:50%;content:"";height:20px;left:-30px;position:absolute;top:0;width:20px;z-index:1}.timeline-item h4{color:#000;font-size:16px;font-weight:700;margin:0}.timeline-item pre{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:10px;white-space:pre-wrap}.timestamp-section{color:#666;font-style:normal;justify-content:space-between}.mic-btn{background-color:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5em;padding:10px}.mic-btn:active{background-color:#f66}.actions-section h3{font-size:16px}.close-wrapper{display:flex;justify-content:right;position:absolute;right:22px;top:0;width:100%}.close_pop{color:#aaa;cursor:pointer;font-size:30px;font-weight:400;justify-content:center}.close_pop,.user-Box{align-items:center;display:flex}.bards{position:absolute;right:0;top:20px}::ng-deep .code-container{margin:20px 0;position:relative}::ng-deep .copy-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;position:absolute;right:10px;top:10px}::ng-deep .copy-button:hover{background-color:#0056b3}::ng-deep .code_block.diff{background-color:#f8f8f8;border-left:4px solid #ccc;overflow:auto;padding:10px}::ng-deep .heading003{color:#06f;font-size:20px;font-weight:700}::ng-deep .listing{list-style:decimal;margin:0 25px;padding:0}.line{background-color:#e8e8e8;border-radius:15px;display:inline-block;height:15px;width:15px}.load-2 .line:last-child{animation:loadingB 1.5s 1s infinite;margin:5px 0}.load-2 .line:nth-last-child(2){animation:loadingB 1.5s .5s infinite;margin:5px 0}.load-2 .line:nth-last-child(3){animation:loadingB 1.5s 0s infinite;margin:5px 0}.load-1 .line:last-child{animation:loadingA 1.5s 1.2s infinite;margin:5px 0}.load-1 .line:nth-last-child(2){animation:loadingA 1.5s .8s infinite;margin:5px 0}.load-1 .line:nth-last-child(3){animation:loadingA 1.5s .2s infinite;margin:5px 0}@keyframes loadingB{0%{width:65px}50%{width:235px}to{width:65px}}@keyframes loadingA{0%{width:45px}50%{width:205px}to{width:45px}}.loaderbox{height:60px;margin:10px 0;position:relative}.loader-pkg{bottom:0;left:0;margin:0;top:0;width:250px}.loader--dot,.loader-pkg{height:20px;position:absolute}.loader--dot{animation-duration:3s;animation-iteration-count:infinite;animation-name:loader;animation-timing-function:ease-in-out;background-color:#1a6774;border-radius:100%;width:20px}.loader--dot:first-child{animation-delay:.5s;background-color:#618e93}.loader--dot:nth-child(5){animation-delay:.4s;background-color:#3fb0c3}.loader--dot:nth-child(4){animation-delay:.3s;background-color:#40b8cd}.loader--dot:nth-child(3){animation-delay:.2s;background-color:#ec8828}.loader--dot:nth-child(2){animation-delay:.1s;background-color:#fdc25d}.loader--dot:first-child{animation-delay:0s;background-color:#f4e3be}.loader--text{left:0;margin:0;position:absolute;top:200%;width:4rem}.loader--text:after{animation-duration:3s;animation-iteration-count:infinite;animation-name:loading-text;content:"Loading";font-weight:700}@keyframes loader{15%{transform:translateX(230px)}45%{transform:translateX(0)}65%{transform:translateX(230px)}95%{transform:translateX(0)}}@keyframes loading-text{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}::ng-deep .h1,::ng-deep h1{font-size:1.165rem}::ng-deep .h2,::ng-deep .h3,::ng-deep h2,::ng-deep h3{font-size:1.125rem}::ng-deep b,::ng-deep strong{font-weight:600}::ng-deep .loaderbox{height:60px;margin:10px 0;position:relative}::ng-deep .loader-pkg{bottom:0;height:20px;left:0;margin:0;position:absolute;top:0;width:250px}::ng-deep .loader--dot{animation-duration:3s;animation-iteration-count:infinite;animation-name:loader;animation-timing-function:ease-in-out;background-color:#1a6774;border-radius:100%;height:20px;position:absolute;width:20px}::ng-deep .loader--dot:first-child{animation-delay:.5s;background-color:#618e93}::ng-deep .loader--dot:nth-child(5){animation-delay:.4s;background-color:#3fb0c3}::ng-deep .loader--dot:nth-child(4){animation-delay:.3s;background-color:#40b8cd}::ng-deep .loader--dot:nth-child(3){animation-delay:.2s;background-color:#ec8828}::ng-deep .loader--dot:nth-child(2){animation-delay:.1s;background-color:#fdc25d}::ng-deep .loader--dot:first-child{animation-delay:0s;background-color:#f4e3be}::ng-deep .loader--text{left:0;margin:0;position:absolute;top:200%;width:4rem}::ng-deep .loader--text:after{animation-duration:3s;animation-iteration-count:infinite;animation-name:loading-text;content:"Loading";font-weight:700}']}]}],_.ctorParameters=function(){return[{type:s.FormBuilder},{type:L},{type:n.ChangeDetectorRef},{type:e.HttpClient},{type:o.DomSanitizer},{type:n.ElementRef},{type:n.Renderer2},{type:T},{type:I}]},_.propDecorators={chatMain:[{type:n.ViewChild,args:["chatMain"]}],myInput:[{type:n.ViewChild,args:["myInput"]}],closePlaygroundButtons:[{type:n.ViewChildren,args:["closeplaygroundbutton"]}],drawer:[{type:n.ViewChild,args:["drawer"]}],sourcesDrawer:[{type:n.ViewChild,args:["sourcesDrawer"]}],editorsDrawer:[{type:n.ViewChild,args:["editorsDrawer"]}],myTextarea:[{type:n.ViewChild,args:["myTextarea",{static:!1}]}],copilotName:[{type:n.Input}],firstName:[{type:n.Input}],lastName:[{type:n.Input}],apiKey:[{type:n.Input}],bgBubbleAi:[{type:n.Input}],bgBubbleUser:[{type:n.Input}],bgGradient:[{type:n.Input}],botName:[{type:n.Input}],botSkills:[{type:n.Input}],botId:[{type:n.Input}],orgId:[{type:n.Input}],closeButtonColor:[{type:n.Input}],closeButtonbgColor:[{type:n.Input}],credentials:[{type:n.Input}],dateTimeColor:[{type:n.Input}],dateTextColor:[{type:n.Input}],eventId:[{type:n.Input}],s27Token:[{type:n.Input}],eventName:[{type:n.Input}],botIcon:[{type:n.Input}],formFieldBgColor:[{type:n.Input}],formFieldTextColor:[{type:n.Input}],fullView:[{type:n.Input}],gradientColors:[{type:n.Input}],greeting:[{type:n.Input}],messageTextColorAi:[{type:n.Input}],messageTextColorUser:[{type:n.Input}],rules:[{type:n.Input}],sendButtonColor:[{type:n.Input}],sendButtonTextColor:[{type:n.Input}],showClose:[{type:n.Input}],thumbsDownMessages:[{type:n.Input}],thumbsUpMessage:[{type:n.Input}],timezone:[{type:n.Input}],unknownResponses:[{type:n.Input}],useOpenAi:[{type:n.Input}],userId:[{type:n.Input}],isDev:[{type:n.Input}],againButtonColor:[{type:n.Input}],againButtonTextColor:[{type:n.Input}],feedbackEvent:[{type:n.Output}],onCloseEvent:[{type:n.Output}],openPage:[{type:n.Output}],sessionActions:[{type:n.Output}],closeBot:[{type:n.Output}],connectWithUser:[{type:n.Output}],scheduleMeeting:[{type:n.Output}],refreshToken:[{type:n.Output}]};var E=function(){function t(){this.visible=!1}return t.prototype.toggle=function(){this.visible=!this.visible},t}();E.decorators=[{type:n.Component,args:[{selector:"hivegpt-chatbot",template:'<button mat-icon-button class="chat-button" color="primary" (click)="toggle()">\r\n <mat-icon>chat</mat-icon>\r\n</button>\r\n\r\n<ng-container *ngIf="visible">\r\n <hivegpt-chat-drawer\r\n [apiKey]="apiKey"\r\n [bgBubbleAi]="bgBubbleAi"\r\n [bgBubbleUser]="bgBubbleUser"\r\n [bgGradient]="bgGradient"\r\n [botName]="botName"\r\n [closeButtonbgColor]="closeButtonbgColor"\r\n [closeButtonColor]="closeButtonColor"\r\n [credentials]="credentials"\r\n [dateTextColor]="dateTextColor"\r\n [dateTimeColor]="dateTimeColor"\r\n [eventId]="eventId"\r\n [eventName]="eventName"\r\n [formFieldBgColor]="formFieldBgColor"\r\n [formFieldTextColor]="formFieldTextColor"\r\n [fullView]="fullView"\r\n [greeting]="greeting"\r\n [gradientColors]="gradientColors"\r\n [messageTextColorAi]="messageTextColorAi"\r\n [messageTextColorUser]="messageTextColorUser"\r\n [sendButtonColor]="sendButtonColor"\r\n [sendButtonTextColor]="sendButtonTextColor"\r\n [showClose]="showClose"\r\n [thumbsDownMessages]="thumbsDownMessages"\r\n [thumbsUpMessage]="thumbsUpMessage"\r\n [unknownResponses]="unknownResponses"\r\n [useOpenAi]="useOpenAi"\r\n [userId]="userId"\r\n [botId]="botId"\r\n >\r\n </hivegpt-chat-drawer>\r\n</ng-container>\r\n',styles:["::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#e5ccbc}.spinner{align-items:center;display:flex;gap:2px;justify-content:center}.spinner>div{animation:bouncedelay 1.4s ease-in-out infinite;animation-fill-mode:both;background-color:#173330;border-radius:100%;display:inline-block;height:5px;width:5px}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.chat-button{align-items:center;background:#17235b;border:#17235b;border-radius:50%;bottom:20px;color:#fff;display:inline-flex;font-size:24px;height:50px;justify-content:center;position:fixed;right:20px;width:50px}"]}]}],E.propDecorators={userId:[{type:n.Input}],apiKey:[{type:n.Input}],botName:[{type:n.Input}],botSkills:[{type:n.Input}],botId:[{type:n.Input}],closeButtonColor:[{type:n.Input}],gradientColors:[{type:n.Input}],greeting:[{type:n.Input}],sendButtonColor:[{type:n.Input}],useOpenAi:[{type:n.Input}],showClose:[{type:n.Input}],bgGradient:[{type:n.Input}],sendButtonTextColor:[{type:n.Input}],fullView:[{type:n.Input}],bgBubbleAi:[{type:n.Input}],bgBubbleUser:[{type:n.Input}],closeButtonbgColor:[{type:n.Input}],messageTextColorAi:[{type:n.Input}],messageTextColorUser:[{type:n.Input}],dateTimeColor:[{type:n.Input}],dateTextColor:[{type:n.Input}],formFieldBgColor:[{type:n.Input}],formFieldTextColor:[{type:n.Input}],thumbsUpMessage:[{type:n.Input}],thumbsDownMessages:[{type:n.Input}],timezone:[{type:n.Input}],eventName:[{type:n.Input}],credentials:[{type:n.Input}],unknownResponses:[{type:n.Input}],rules:[{type:n.Input}],eventId:[{type:n.Input}]};var F=function(){function t(t){this.sanitizer=t}return t.prototype.transform=function(t){return t?this.sanitizer.bypassSecurityTrustHtml(t):""},t}();F.decorators=[{type:n.Pipe,args:[{name:"safeHtml"}]}],F.ctorParameters=function(){return[{type:o.DomSanitizer}]};var M=function(){function t(t,e,o){this.doc=t,this.el=e,this.cdr=o,this.isMuted=!0,this.isFullscreen=!1,this.isFullscreenvideoPlaying=!1,this.connectWithUser=new n.EventEmitter,this.scheduleMeeting=new n.EventEmitter}return t.prototype.ngOnInit=function(){},t.prototype.toggleSound=function(t){var e=this;void 0===t&&(t=null),this.isMuted=null!=t?t:!this.isMuted,setTimeout((function(){var t=e.doc.getElementById(e.video.id.toString());t&&(t.muted=e.isMuted,e.video.isMuted=e.isMuted),e.cdr.markForCheck()}))},t.prototype.togglePlay=function(t,e){var n=this;this.videoObj.isPlaying=!this.videoObj.isPlaying,setTimeout((function(){t?(n.videoObj.isPlaying=!0,e.play(),document.getElementById("pause-btn").classList.add("hide-pause-btn"),n.toggleSound(!1)):(n.videoObj.isPlaying=!1,e.pause());n.cdr.markForCheck()}))},t.prototype.ngAfterViewInit=function(){var t=this;window.innerWidth<=576&&(this.observer=new IntersectionObserver((function(e){!0===e[0].isIntersecting?t.video.nativeElement.play():t.video.nativeElement.pause()}),{threshold:.75}),this.observer.observe(this.el.nativeElement))},t.prototype.toggleFullscreen=function(){this.isFullscreen=!this.isFullscreen,this.isFullscreen||this.fullscreenvideo.nativeElement.pause()},t.prototype.toggleFullscreenPlay=function(){this.isFullscreenvideoPlaying=!this.isFullscreenvideoPlaying,this.isFullscreenvideoPlaying?this.fullscreenvideo.nativeElement.play():this.fullscreenvideo.nativeElement.pause()},t.prototype.followUser=function(t){this.connectWithUser.emit(t)},t.prototype.checkPendingSentRequest=function(t){var e;return null===(e=this.myPendingSentRequests)||void 0===e?void 0:e.find((function(e){return e==t}))},t.prototype.canUnfollowUser=function(){return!1},t.prototype.canFollowUser=function(){return!0},t.prototype.getIniNames=function(t,e){return t||e?t&&e?t.charAt(0).toUpperCase()+e.charAt(0).toUpperCase():t.charAt(0).toUpperCase():""},t}();M.decorators=[{type:n.Component,args:[{selector:"app-video-player",template:'<div class="video-wrapper" >\r\n <div class="overlymask-video"></div>\r\n <video (click)="toggleFullscreen()" #video [loop]="true" [muted]="isMuted" [src]="videoObj.processedUrls || videoObj.url" playsinline\r\n [controls]="false"></video>\r\n <div class="main-controls" [class.no-opacity]="video.isPlaying">\r\n <button mat-icon-button *ngIf="!videoObj.isPlaying"\r\n attr.aria-label="Play Video"\r\n title="Play Video" class="play-pause-btn"\r\n (click)="togglePlay(true, video)">\r\n \x3c!-- <mat-icon alt="Play">play_arrow</mat-icon> --\x3e\r\n <span class="material-icons notranslate " aria-hidden="true">play_circle_outline</span>\r\n </button>\r\n\r\n <button mat-icon-button id="pause-btn" [hidden]="!videoObj.isPlaying" class="pause_btn play-pause-btn playing"\r\n title="Pause Video"\r\n [class.half-opacity]="video.isPlaying" (click)="togglePlay(false, video)">\r\n \x3c!-- <mat-icon alt="Pause">pause</mat-icon> --\x3e\r\n <span class="material-icons notranslate " aria-hidden="true">pause_circle_outline</span>\r\n </button>\r\n </div>\r\n <div class="video-actions">\r\n <button class="button-trasparent action" (click)="toggleSound()" title="Mute" *ngIf="isMuted">\r\n <span class="material-icons notranslate " aria-hidden="true">volume_off</span>\r\n </button>\r\n <button class="button-trasparent action" (click)="toggleSound()" title="Unmute" *ngIf="!isMuted">\r\n <span class="material-icons notranslate " aria-hidden="true">volume_up</span>\r\n </button>\r\n\r\n </div>\r\n</div>\r\n\r\n<div class="full-screen" *ngIf="isFullscreen" [ngClass]="{\'show\': isFullscreen}">\r\n <div class="video-wrapper">\r\n <video #fullscreenvideo (click)="toggleFullscreenPlay()" [loop]="true" [muted]="isMuted" [src]="videoObj.processedUrls || videoObj.url"\r\n playsinline [controls]="false"></video>\r\n <div (click)="toggleFullscreen()" class="close-btn">\r\n <span class="material-icons notranslate ">clear</span>\r\n </div>\r\n <div class="video-actions">\r\n <button *ngIf="!video.isPlaying" title="Play"\r\n class="material-icons notranslate body-text-color fs-h2 play position-absolute transparent-btn" (click)="togglePlay(true, video)">\r\n play_circle_outline\r\n </button>\r\n <button id="pause-btn" [hidden]="!videoObj.isPlaying" title="Pause"\r\n class="pause_btn material-icons body-text-color fs-h2 play position-absolute transparent-btn"\r\n [class.half-opacity]="video.isPlaying" (click)="togglePlay(false, video)">\r\n pause_circle_outline\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\n',styles:[".video-wrapper{position:relative}.video-wrapper video{-o-object-fit:cover;border-radius:5px;cursor:pointer;height:330px;object-fit:cover;outline:0;transition:.3s ease-in-out;width:100%}.video-wrapper .video-actions{display:flex;flex-direction:column;position:absolute;right:10px;top:10px}.video-wrapper .video-actions .action{color:#fff;cursor:pointer;margin-bottom:5px}.video-wrapper .author-details{bottom:18px;display:flex;flex-direction:column;justify-content:flex-start;left:12px;position:absolute;right:12px;transition:.3s ease-in-out}.video-wrapper .author-details .author-image{border-radius:50%;height:34px;margin-right:6px;overflow:hidden;width:34px}.video-wrapper .author-details .author-image img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}.video-wrapper .author-details .author-name,.video-wrapper .author-details .video-title{color:#fff;display:block;font-size:14px;mix-blend-mode:hard-light}.video-wrapper .connect-btn{bottom:20px;opacity:0;outline:0;position:absolute;text-align:center;transition:.3s ease-in-out;width:100%}@media only screen and (max-width:576px){.video-wrapper .connect-btn{opacity:1;right:20px;width:unset}}.video-wrapper .connect-btn button{margin:auto}.video-wrapper:hover .author-details{opacity:0}@media only screen and (max-width:576px){.video-wrapper:hover .author-details{opacity:1}}.video-wrapper:hover .connect-btn{opacity:1}.video-wrapper .half-opacity{opacity:.2}.video-wrapper .no-opacity{background-color:transparent}.like-btn{margin-bottom:20px;text-align:center;transition:.2s ease-in-out}.like-btn .count{font-size:16px;margin-left:3px}.like-btn span{cursor:pointer;font-size:30px}.like-btn:hover{transform:scale(1.1)}.like-btn.like{color:#025be7}.like-btn.dislike{color:#8d8d8d}.like-btn.info{color:#aeae3f}.full-screen.show{align-items:center;background:rgba(27,26,26,.9607843137254902);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.full-screen.show .video-wrapper video{height:270px;transform:none!important;transition:none;width:300px}.full-screen .close-btn{cursor:pointer;left:10px;position:absolute;top:10px}.full-screen .close-btn span{color:#fff}.main-controls{background-color:rgba(0,0,0,.3);bottom:0;left:0;right:0;top:0}.main-controls,.main-controls .play-pause-btn{align-items:center;display:flex;justify-content:center;position:absolute}.main-controls .play-pause-btn{background:none;border:none;color:#fff;line-height:0;top:34%}.main-controls .play-pause-btn.playing{cursor:pointer;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%)}.main-controls .play-pause-btn.playing span{color:#fff;text-shadow:0 0 6px rgba(47,47,47,.36)}.main-controls .play-pause-btn:focus{outline:none}.main-controls .play-pause-btn .material-icons{font-size:40px}.main-controls .play-pause-btn .mat-icon{height:auto;width:auto}.main-controls .half-opacity{opacity:.2}.main-controls .no-opacity{background-color:transparent}button.transparent-btn{background:transparent;border:0!important}.pause_btn{height:100%;opacity:.02!important;width:100%}.pause_btn:hover{background-color:rgba(0,0,0,.7411764705882353);opacity:1!important}.hide-pause-btn{opacity:0!important}.no-photo{align-items:center;display:flex;font-size:14px;height:35px;justify-content:center;width:35px}.overlymask-video{background-image:linear-gradient(hsla(0,0%,100%,.058823529411764705),rgba(0,0,0,.1803921568627451));background-position:0 bottom;height:275px;position:absolute;width:100%;z-index:0}"]}]}],M.ctorParameters=function(){return[{type:void 0,decorators:[{type:n.Inject,args:[d.DOCUMENT]}]},{type:n.ElementRef},{type:n.ChangeDetectorRef}]},M.propDecorators={currentUserId:[{type:n.Input}],user:[{type:n.Input}],eventId:[{type:n.Input}],videoObj:[{type:n.Input}],isDev:[{type:n.Input}],type:[{type:n.Input}],video:[{type:n.ViewChild,args:["video"]}],fullscreenvideo:[{type:n.ViewChild,args:["fullscreenvideo"]}],connectWithUser:[{type:n.Output}],scheduleMeeting:[{type:n.Output}]};var z=function(){function t(t,e){this.cdr=t,this.http=e,this.documentName="doc name",this.quillConfig={toolbar:[[{header:"1"},{header:"2"},{font:[]}],[{list:"ordered"},{list:"bullet"}],["bold","italic","underline"],["link"],["clean"]]}}return t.prototype.ngOnInit=function(){var t=this;this.environment=k,setTimeout((function(){t.isDocInEditMode?(console.log("In Edit mode"),t.filldataInForm()):console.log("In save mode")}),2500)},t.prototype.filldataInForm=function(){var t,e;this.documentContent&&(this.documentName=null===(t=this.documentContent)||void 0===t?void 0:t.name,this.editorContent=null===(e=this.documentContent)||void 0===e?void 0:e.content,this.cdr.detectChanges())},t.prototype.saveContent=function(){this.isDocInEditMode,this.saveContent_http().subscribe()},t.prototype.saveContent_http=function(){var t=this;console.log("API call function");var n=this.environment.AGENTS_API+"/ConversationDocuments?conversationId="+this.conversationId+"&botId="+this.botId,o=new e.HttpHeaders({"Content-Type":"application/json",apiKey:"WIz/qAm+EEmfOkFaUA/weA=="}),a={name:this.documentName,content:this.editorContent};return this.http.post(n,a,{headers:o}).pipe(i.switchMap((function(e){return t.cdr.markForCheck(),r.of(e)})),i.catchError((function(t){return console.error("Error fetching chatbot config: ",t),r.of(null)})))},t.prototype.updateContent_http=function(){var t=this;console.log("API call function");var n=this.environment.AGENTS_API+"/ConversationDocuments/rename?conversationId="+this.conversationId+"&botId="+this.botId,o=new e.HttpHeaders({"Content-Type":"application/json",apiKey:"WIz/qAm+EEmfOkFaUA/weA=="}),a={name:this.documentName,content:this.editorContent};return this.http.put(n,a,{headers:o}).pipe(i.switchMap((function(e){return t.cdr.markForCheck(),r.of(e)})),i.catchError((function(t){return console.error("Error fetching chatbot config: ",t),r.of(null)})))},t}();z.decorators=[{type:n.Component,args:[{selector:"lib-bot-html-editor",template:'<div style="padding: 12px">\r\n <div style="margin-top: 42px" class="form-group">\r\n <input [(ngModel)]="documentName" class="form-control" type="text" />\r\n <button (click)="saveContent()" class="save-btn">Save</button>\r\n </div>\r\n\r\n <quill-editor\r\n [(ngModel)]="editorContent"\r\n [modules]="quillConfig"\r\n ></quill-editor>\r\n</div>\r\n',styles:[".save-btn{background-color:#f0f0f0;border:none;color:#333;margin-top:22px;position:absolute;right:16px;width:56px}"]}]}],z.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:e.HttpClient}]},z.propDecorators={editorContent:[{type:n.Input}],isDocInEditMode:[{type:n.Input}],documentContent:[{type:n.Input}],conversationId:[{type:n.Input}],botId:[{type:n.Input}]};var D=function(){};D.decorators=[{type:n.NgModule,args:[{declarations:[E,_,M,F,z],imports:[d.CommonModule,p.MatIconModule,h.MatSidenavModule,s.FormsModule,u.QuillModule],exports:[E,_,M]}]}],t.ChatBotComponent=E,t.ChatDrawerComponent=_,t.HiveGptModule=D,t.ɵa=L,t.ɵb=T,t.ɵc=I,t.ɵd=S,t.ɵe=M,t.ɵf=F,t.ɵg=z,Object.defineProperty(t,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=hivegpt-hiveai-angular.umd.min.js.map
|