@sunbird-cb/itsm-chatbot 0.0.3-ang-17-20

package/fesm2022/sunbird-cb-itsm-chatbot.mjs

@@ -0,0 +1,1429 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, ViewChild, Output, Input, Component, NgModule } from '@angular/core';
+import * as i6 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i5 from '@angular/router';
+import { NavigationEnd } from '@angular/router';
+import * as i1$1 from '@sunbird-cb/utils-v2';
+import { WsEvents, PipeDurationTransformModule } from '@sunbird-cb/utils-v2';
+import { BehaviorSubject, throwError, Subject } from 'rxjs';
+import * as i1 from '@angular/common/http';
+import { HttpHeaders } from '@angular/common/http';
+import { catchError, share } from 'rxjs/operators';
+import * as i3 from '@angular/material/snack-bar';
+import * as i7 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i8 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i9 from 'ngx-markdown';
+import { MarkdownModule } from 'ngx-markdown';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+
+const PROXY_CREATE_V8 = '/apis/proxies/v8';
+const API_END_POINTS = {
+    CREATE_USER_API: `${PROXY_CREATE_V8}/discussion/user/v1/create`,
+    LANGUAGES: '/api/faq/v1/assistant/available/language',
+    CONFIG: '/api/faq/v1/assistant/configs/language',
+    AI_GLOBAL_SEARCH: `${PROXY_CREATE_V8}/chatbot/v3/search`,
+    AI_CHAT_FEEDBACK: `${PROXY_CREATE_V8}/chatbot/v3/feedbacks/save`,
+    AI_GLOBAL_INTERNET_SEARCH: `${PROXY_CREATE_V8}/chatbot/v3/global/search`,
+    SUPPORT_AI_START_CHAT: `${PROXY_CREATE_V8}/support/ai/chat/start`,
+    SUPPORT_AI_SEND_CHAT: `${PROXY_CREATE_V8}/support/ai/chat/send`,
+};
+class ChatbotService {
+    constructor(http) {
+        this.http = http;
+        this.LANGUAGES = '/api/faq/v1/assistant/available/language';
+        this.CONFIG = '/api/faq/v1/assistant/configs/language';
+        //   getLangugages(): Observable<any> {
+        //     return this.http.get<any>(`${this.LANGUAGES}`)
+        //   }
+        //   getChatData(tabType: any): any {
+        //     return this.http.post<any>(`${this.CONFIG}`, tabType)
+        //   }
+        this.openSupportAIChatbot = new BehaviorSubject(false);
+        this.showNavbarDisplay$ = new BehaviorSubject(true);
+    }
+    createUser(request) {
+        return this.http.post(API_END_POINTS.CREATE_USER_API, request);
+    }
+    setDiscussionConfig(config) {
+        this.discussionCnfig = config;
+    }
+    getCookie(name) {
+        const ca = document.cookie.split(';');
+        const caLen = ca.length;
+        const cookieName = `${name}=`;
+        let c;
+        for (let i = 0; i < caLen; i += 1) {
+            c = ca[i].replace(/^\s+/g, '');
+            if (c.indexOf(cookieName) === 0) {
+                return c.substring(cookieName.length, c.length);
+            }
+        }
+        return '';
+    }
+    deleteCookie(name) {
+        this.setCookie(name, '', -1);
+    }
+    setCookie(name, value, expireDays, path = '') {
+        const d = new Date();
+        d.setTime(d.getTime() + expireDays * 24 * 60 * 60 * 1000);
+        const expires = `expires=${d.toUTCString()}`;
+        const cpath = path ? `; path=${path}` : '';
+        document.cookie = `${name}=${value}; ${expires}${cpath}`;
+    }
+    getChatData(tabType) {
+        return this.http.post(`${API_END_POINTS.CONFIG}`, tabType);
+    }
+    getLangugages() {
+        return this.http.get(`${API_END_POINTS.LANGUAGES}`);
+    }
+    aiGlobalSearch(requestBody, chatId, userID) {
+        return this.http.post(`${API_END_POINTS.AI_GLOBAL_SEARCH}?chatID=${chatId}&userID=${userID}`, requestBody).pipe(catchError(error => {
+            if (error.status === 502) {
+                console.error('502 Bad Gateway from aiGlobalSearch');
+            }
+            else if (error.status === 500) {
+                console.error('500 Internal Server Error from aiGlobalSearch');
+            }
+            else {
+                console.error(`Unhandled error (${error.status}):`, error.message);
+            }
+            return throwError(() => error);
+        }));
+    }
+    saveAIChatPositiveContentRating(requestBody, chatId, userID) {
+        console.log('chatId=', chatId, 'userID=', userID);
+        return this.http.post(`${API_END_POINTS.AI_CHAT_FEEDBACK}?chatID=${chatId}&userID=${userID}`, requestBody);
+    }
+    shareAIFeedback(requestBody, chatId, userID) {
+        return this.http.post(`${API_END_POINTS.AI_CHAT_FEEDBACK}?chatID=${chatId}&userID=${userID}`, requestBody);
+    }
+    aiGlobalSearchFromInternet(requestBody, chatId, userID) {
+        return this.http.post(`${API_END_POINTS.AI_GLOBAL_INTERNET_SEARCH}?chatID=${chatId}&user_id=${userID}`, requestBody);
+    }
+    aiStartChathForSupport(requestBody, userID) {
+        const headers = new HttpHeaders()
+            .set('user-id', userID);
+        return this.http.post(`${API_END_POINTS.SUPPORT_AI_START_CHAT}`, requestBody, {
+            headers,
+        });
+    }
+    aiSendChathForSupport(requestBody, userID) {
+        const headers = new HttpHeaders()
+            .set('user-id', userID);
+        return this.http.post(`${API_END_POINTS.SUPPORT_AI_SEND_CHAT}`, requestBody, {
+            headers,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatbotService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatbotService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatbotService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
+
+class SupportAiService {
+    // private baseUrl = 'apis/proxies/v8';
+    constructor(http) {
+        this.http = http;
+        this.SUPPORT_AI_API = {
+            LIST_SESSION: '/apis/proxies/v8/ai/chatbot/v1/sessions/list',
+            CREATE_SESSION: '/apis/proxies/v8/ai/chatbot/v1/sessions/create',
+            GET_HISTORY: (sessionId) => `/apis/proxies/v8/ai/chatbot/v1/sessions/history/${sessionId}`,
+            SEND_TURN: (sessionId) => `/apis/proxies/v8/ai/chatbot/v1/sessions/turn/${sessionId}`
+        };
+    }
+    listSessions() {
+        return this.http.get(this.SUPPORT_AI_API.LIST_SESSION);
+    }
+    createSession() {
+        return this.http.post(this.SUPPORT_AI_API.CREATE_SESSION, {
+            channel: 'web',
+            language: 'en'
+        });
+    }
+    getHistory(sessionId) {
+        return this.http.get(this.SUPPORT_AI_API.GET_HISTORY(sessionId));
+    }
+    sendTurn(sessionId, payload) {
+        return this.http.post(this.SUPPORT_AI_API.SEND_TURN(sessionId), payload);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SupportAiService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SupportAiService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SupportAiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
+
+class SupportAIComponent {
+    constructor(configSvc, eventSvc, renderer, chatbotService, 
+    // private dialog: MatDialog,
+    matSnackBarNew, supportAiService, router) {
+        this.configSvc = configSvc;
+        this.eventSvc = eventSvc;
+        this.renderer = renderer;
+        this.chatbotService = chatbotService;
+        this.matSnackBarNew = matSnackBarNew;
+        this.supportAiService = supportAiService;
+        this.router = router;
+        this.from = '';
+        this.userJourney = [];
+        this.chatId = '';
+        this.userId = '';
+        this.fullScreenChatFlag = false;
+        this.activeLaguage = 'en';
+        this.scrollToBottomEvent = new EventEmitter();
+        this.showIcon = true;
+        this.categories = [];
+        this.language = [];
+        this.currentFilter = 'information';
+        this.selectedLaguage = 'en';
+        this.recomendedQns = {};
+        this.questionsAndAns = {};
+        this.userIcon = '';
+        this.more = false;
+        this.chatInformation = [];
+        this.chatIssues = [];
+        this.displayLoader = false;
+        this.expanded = false;
+        this.callText = '';
+        this.emailText = '';
+        this.copiedIndex = -1;
+        this.random = Math.random().toString(36).slice(2);
+        this.iGOTAISearchResultArr = [];
+        // public initials!: string
+        this.resultFetch = false;
+        this.searchAPIResponseInProgress = false;
+        this.colors = [
+            '#EB7181', // red
+            '#306933', // green
+            '#000000', // black
+            '#3670B2', // blue
+            '#4E9E87',
+            '#7E4C8D',
+        ];
+        this.randomcolors = [
+            '#EB7181', // red
+            '#006400', // green
+            '#000000', // black
+            '#3670B2', // blue
+            '#4E9E87',
+            '#7E4C8D',
+        ];
+        // tslint:disable
+        this.localization = {
+            'en': {
+                'Hi': 'Namaste',
+                'information': 'Information',
+                'issue': 'Issues',
+                'categories': 'Show All Categories',
+                'showmore': 'Show More'
+            },
+            'hi': {
+                'Hi': 'नमस्ते',
+                'information': 'जानकारी',
+                'issue': 'समस्या',
+                'categories': 'सभी कैटगोरी दिखायें',
+                'showmore': 'और दिखाओ'
+            }
+        };
+        this.aiSearchResult = {};
+        this.aiSearchResultArr = [];
+        this.cloneSearchQuery = '';
+        this.displayedText = '';
+        this.startNewChat = false;
+        this.initiateSupportNewChat = false;
+        this.containerHeight = 36;
+        this.sessionId = '';
+        this.chatActivities = [];
+        this.loadingSupportAI = false;
+        this.conversationEnded = false;
+        this.isInputEnabled = false;
+        this.showRetry = false;
+        this.retryCallback = null;
+        // course picker var
+        this.currentPicker = null;
+        this.pickerSearch = '';
+        this.filteredPickerItems = [];
+        this.selectedPickerItem = null;
+        this.pickerOpened = false;
+        this.showAllPlans = false;
+        this.expandedCourseLists = {};
+        // nested picker state
+        this.expandedPlanIds = {};
+    }
+    ngOnInit() {
+        this.router.events.subscribe((event) => {
+            if (event instanceof NavigationEnd) {
+                //certificate link check
+                this.isHubEnable = (event.url.includes('/certs') || event.url.includes('/public/certs')) ? false : true;
+            }
+        });
+        this.userInfo = this.configSvc && this.configSvc.userProfile;
+        // this.aiGlobalSearch()
+        // this.startNewSupportAISearch()
+        this.checkForApiCalls();
+        this.enableScroll();
+        // tslint:disable-next-line: max-line-length
+        this.userIcon = this.userInfo && this.userInfo.profileImageUrl ? this.userInfo.profileImageUrl : '';
+        if (!this.userInfo.profileImageUrl && this.userInfo && this.userInfo.firstName) {
+            this.createInititals(this.userInfo.firstName);
+        }
+        const email = 'mission.karmayogi@gov.in';
+        this.callText = `<a class='hint-text' target='_blank' href='https://bit.ly/44MJlo4'>Teams Call</a>&nbsp;`;
+        this.emailText = `<a class='hint-text' target='_blank' href='mailto:${email}'>${email}.</a>`;
+        this.initializeSupportAI();
+    }
+    initializeSupportAI() {
+        this.loadingSupportAI = true;
+        this.supportAiService.listSessions().subscribe({
+            next: (res) => {
+                this.initiateSupportNewChat = true;
+                if (res?.session_id) {
+                    this.sessionId = res.session_id;
+                    this.loadHistory();
+                }
+                else {
+                    this.createSession();
+                }
+            },
+            error: () => {
+                this.loadingSupportAI = false;
+                this.setRetry(() => this.initializeSupportAI());
+            }
+        });
+    }
+    setRetry(callback) {
+        this.showRetry = true;
+        this.retryCallback = callback;
+    }
+    retryApi() {
+        this.showRetry = false;
+        if (this.retryCallback) {
+            this.retryCallback();
+        }
+    }
+    createSession() {
+        this.supportAiService.createSession().subscribe({
+            next: (res) => {
+                this.sessionId = res.session_id;
+                this.chatActivities = [];
+                this.renderActivities(res.activities);
+                this.loadingSupportAI = false;
+                this.showRetry = false;
+            },
+            error: () => {
+                this.loadingSupportAI = false;
+                this.setRetry(() => this.createSession());
+            }
+        });
+    }
+    renderActivities(activities) {
+        activities.forEach((activity, index) => {
+            const isLast = index === activities.length - 1;
+            this.chatActivities.push({
+                sender: 'bot',
+                activity,
+                showTimestamp: isLast,
+                timestamp: isLast ? new Date() : null,
+                showAllChoices: false
+            });
+            if (activity.disable_input !== undefined) {
+                this.isInputEnabled = !activity.disable_input;
+            }
+            if (activity.type === 'picker') {
+                this.currentPicker = activity;
+                this.filteredPickerItems = [...activity.items];
+                this.pickerSearch = '';
+            }
+            if (activity.type === 'nested_picker') {
+                this.currentPicker = activity;
+                this.expandedPlanIds = {};
+                activity.items?.forEach((plan) => {
+                    plan.showAllCourses = false;
+                });
+            }
+        });
+        setTimeout(() => {
+            this.scrollToBottomEvent.emit();
+        }, 100);
+    }
+    filterPickerItems() {
+        const search = this.pickerSearch.toLowerCase();
+        this.filteredPickerItems =
+            this.currentPicker.items.filter((item) => item.label.toLowerCase().includes(search));
+    }
+    selectPickerItem(item) {
+        this.selectedPickerItem = item;
+        this.pickerOpened = false;
+        this.chatActivities.push({
+            sender: 'user',
+            text: item.label,
+            timestamp: new Date()
+        });
+        this.sendTurn({
+            action: 'pick_item',
+            picker_id: this.currentPicker.picker_id,
+            item_id: item.id
+        });
+    }
+    sendTurn(payload) {
+        this.loadingSupportAI = true;
+        this.supportAiService.sendTurn(this.sessionId, payload)
+            .subscribe({
+            next: (res) => {
+                this.renderActivities(res.activities);
+                if (res.activities?.some((a) => a.type === 'end')) {
+                    this.conversationEnded = true;
+                }
+                this.loadingSupportAI = false;
+                this.showRetry = false;
+            },
+            error: () => {
+                this.loadingSupportAI = false;
+                this.setRetry(() => this.sendTurn(payload));
+            }
+        });
+    }
+    selectChoice(choice) {
+        this.chatActivities.push({
+            sender: 'user',
+            text: choice.label,
+            icon: choice.icon,
+            timestamp: new Date()
+        });
+        this.sendTurn({
+            action: 'select_choice',
+            choice_id: choice.id
+        });
+    }
+    startNewConversation() {
+        this.chatActivities = [];
+        this.sessionId = '';
+        this.isInputEnabled = false;
+        this.createSession();
+    }
+    loadHistory() {
+        this.supportAiService
+            .getHistory(this.sessionId)
+            .subscribe({
+            next: (res) => {
+                this.showRetry = false; // hide retry after success
+                this.chatActivities = [];
+                console.log('res', res);
+                if (res?.messages?.length) {
+                    res.messages.forEach((msg) => {
+                        if (msg.role === 'bot') {
+                            msg.activities.forEach((activity, idx) => {
+                                const isLast = idx === msg.activities.length - 1;
+                                this.chatActivities.push({
+                                    sender: 'bot',
+                                    activity,
+                                    showTimestamp: isLast,
+                                    timestamp: isLast ? new Date(msg.timestamp || Date.now()) : null
+                                });
+                                if (activity.disable_input !== undefined) {
+                                    this.isInputEnabled = !activity.disable_input;
+                                }
+                                if (activity.type === 'picker') {
+                                    this.currentPicker = activity;
+                                    this.filteredPickerItems = [...activity.items];
+                                    this.pickerSearch = '';
+                                }
+                                if (activity.type === 'nested_picker') {
+                                    this.currentPicker = activity;
+                                    this.expandedPlanIds = {};
+                                    activity.items?.forEach((plan) => {
+                                        plan.showAllCourses = false;
+                                    });
+                                }
+                            });
+                        }
+                        if (msg.role === 'user') {
+                            this.chatActivities.push({
+                                sender: 'user',
+                                text: msg.text,
+                                timestamp: new Date(msg.timestamp || Date.now())
+                            });
+                        }
+                    });
+                }
+                this.loadingSupportAI = false;
+            },
+            error: () => {
+                this.loadingSupportAI = false;
+                this.setRetry(() => this.loadHistory());
+            }
+        });
+        setTimeout(() => {
+            this.scrollToBottomEvent.emit();
+        }, 200);
+    }
+    // APIS called till history Eighth change: Add sendTurn left
+    ngOnChanges(changes) {
+        if (changes['chatId']) {
+            const prev = changes['chatId'].previousValue;
+            const current = changes['chatId'].currentValue;
+            if (prev !== current) {
+                console.log(`'chatId' changed from '${prev}' to '${current}'`);
+                this.startNewChat = true;
+                // this.startNewSupportAISearch()
+            }
+        }
+    }
+    greetings() {
+        return this.localization[this.selectedLaguage]['Hi'] || 'Hi';
+    }
+    getInfoText(label) {
+        return this.localization[this.selectedLaguage][label] || label;
+    }
+    showMore() {
+        return this.localization[this.selectedLaguage]['showmore'] || 'Show More';
+    }
+    getData() {
+        const lang = {
+            information: 'IN',
+            issue: 'IS'
+        };
+        const tabType = {
+            lang: this.selectedLaguage,
+            config_type: lang[this.currentFilter]
+        };
+        this.displayLoader = true;
+        this.chatbotService.getChatData(tabType).subscribe((res) => {
+            if (res && res.payload && res.payload.config) {
+                this.setDataToLocalStorage(res.payload.config);
+                this.checkForApiCalls();
+                // this.initData(res.payload.config)
+                this.displayLoader = false;
+            }
+        });
+    }
+    setDataToLocalStorage(data) {
+        let localObject = {};
+        localObject = JSON.parse(localStorage.getItem('faq') || '{}');
+        localObject[this.selectedLaguage] = { ...localObject[this.selectedLaguage], [this.currentFilter]: data };
+        localStorage.setItem('faq', JSON.stringify(localObject));
+        this.toggleFilter(this.currentFilter === 'information' ? 'information' : this.currentFilter);
+    }
+    initData(_getData) {
+        // tslint:disable-next-line
+        // console.log(getData)
+        this.userJourney = [];
+        let userDetails = {
+            type: 'incoming',
+            message: '', //` Hi ${this.userInfo && this.userInfo.firstName || ''}, I'm KarmaSahayogi - Digital Assistant, I'm here to help you.`,
+            recommendedQues: this.getPriorityQuestion(1),
+            selectedValue: '',
+            title: '', //'Here are the most frequently asked questions users have looked for',
+            tab: 'information',
+        };
+        this.pushData(userDetails);
+        // this.pushData(userDetailsForIssues)
+        this.getQns();
+    }
+    getQns() {
+        this.responseData.quesMap.map((q) => {
+            this.questionsAndAns[q.quesId] = q;
+        });
+    }
+    selectLaguage(event) {
+        this.selectedLaguage = event.target.value;
+        localStorage.setItem('selectedLanguage', event.target.value);
+        this.chatInformation = [];
+        this.chatIssues = [];
+        this.checkForApiCalls();
+    }
+    readFromLocalStorage() {
+        let localStg = localStorage.getItem('result');
+        if (localStg) {
+            if (this.currentFilter === 'information') {
+                this.responseData = JSON.parse(localStg)[this.selectedLaguage].information;
+            }
+            else {
+                this.responseData = JSON.parse(localStg)[this.selectedLaguage].issue;
+            }
+        }
+    }
+    goToBottom() {
+        window.scrollTo(0, document.body.scrollHeight);
+    }
+    iconClick(type) {
+        this.showIcon = !this.showIcon;
+        this.currentFilter = 'information';
+        this.expanded = false;
+        if (type === 'start') {
+            this.disableScroll();
+            this.raiseChatStartTelemetry();
+            // this.toggleFilter(this.currentFilter)
+        }
+        else {
+            this.raiseChatEndTelemetry();
+            this.userJourney = [];
+            this.chatInformation = [];
+            this.chatIssues = [];
+            this.selectedLaguage = 'en';
+            this.currentFilter = 'information';
+            this.checkForApiCalls();
+            this.more = false;
+            this.enableScroll();
+        }
+    }
+    toggleFilter(tab) {
+        this.currentFilter = tab;
+        this.checkForApiCalls();
+        this.more = false;
+    }
+    selectedQuestion(question, data) {
+        data.selectedValue = question.quesID;
+        const sendMsg = {
+            type: 'sendMsg',
+            question: this.questionsAndAns[question.quesID].quesValue,
+            tab: this.currentFilter,
+        };
+        const incomingMsg = {
+            type: 'incoming',
+            // tslint:disable-next-line:max-line-length
+            message: this.questionsAndAns[question.quesID].ansVal.replace('<teams_call_link>', this.callText).replace('<email_configuration>', this.emailText),
+            recommendedQues: question.recommendedQues || [],
+            title: '', // 'Questions related to',
+            relatedQes: 'above Question',
+            tab: this.currentFilter,
+        };
+        this.pushData(sendMsg);
+        this.pushData(incomingMsg);
+        this.raiseTemeletyInterat(question.quesID);
+    }
+    pushData(msg) {
+        this.userJourney = [];
+        if (this.currentFilter === 'information') {
+            this.chatInformation.push(msg);
+            this.userJourney = this.chatInformation;
+        }
+        else {
+            this.chatIssues.push(msg);
+            this.userJourney = this.chatIssues;
+        }
+    }
+    getuserjourney(tab) {
+        return this.userJourney.filter((j) => j.tab === tab);
+    }
+    getPriorityQuestion(priority) {
+        const recommendedQues = [];
+        const isLogedIn = this.userInfo ? 'Logged-In' : 'Not Logged-In';
+        this.responseData.recommendationMap.map((question) => {
+            question.recommendedQues.map((ques) => {
+                if (ques.priority === priority && (question.categoryType === isLogedIn || question.categoryType === 'Both')) {
+                    recommendedQues.push(ques);
+                }
+            });
+        });
+        return recommendedQues;
+    }
+    showMoreQuestion() {
+        const showMoreQes = {
+            type: 'incoming',
+            message: '',
+            recommendedQues: this.getPriorityQuestion(1),
+            selectedValue: '',
+            title: '', //'Showing more questions',
+        };
+        this.pushData(showMoreQes);
+    }
+    showCategory(catItem) {
+        let incomingMsg = {
+            type: 'category',
+            message: '',
+            recommendedQues: [],
+            title: '', //' What do you want to know under',
+            relatedQes: `${catItem.catName}?`,
+            tab: this.currentFilter,
+        };
+        this.more = false;
+        if (catItem.catId === 'all') {
+            incomingMsg.title = '', // 'Here is the list of all the topics'
+                incomingMsg.relatedQes = '';
+            incomingMsg.recommendedQues = this.sortCategory();
+        }
+        else {
+            this.responseData.recommendationMap.forEach((element) => {
+                if (catItem.catId === element.catId) {
+                    incomingMsg.type = 'incoming',
+                        incomingMsg.recommendedQues = element.recommendedQues;
+                }
+            });
+            this.raiseCategotyTelemetry(catItem.catId);
+        }
+        const sendMsg = {
+            type: 'sendMsg',
+            question: catItem.catName,
+        };
+        this.pushData(sendMsg);
+        this.pushData(incomingMsg);
+    }
+    raiseCategotyTelemetry(catItem) {
+        const event = {
+            eventType: WsEvents.WsEventType.Telemetry,
+            eventLogLevel: WsEvents.WsEventLogLevel.Info,
+            data: {
+                edata: { type: 'click', id: catItem },
+                object: { id: catItem, type: 'Category' },
+                state: WsEvents.EnumTelemetrySubType.Interact,
+                eventSubType: WsEvents.EnumTelemetrySubType.Chatbot,
+                mode: 'view',
+            },
+            pageContext: { pageId: '/chatbot', module: 'Assistant' },
+            from: '',
+            to: 'Telemetry',
+        };
+        this.eventSvc.dispatchChatbotEvent(event);
+    }
+    raiseChatStartTelemetry() {
+        const event = {
+            eventType: WsEvents.WsEventType.Telemetry,
+            eventLogLevel: WsEvents.WsEventLogLevel.Info,
+            data: {
+                edata: { type: '' },
+                object: { type: 'zse', id: 'asd' },
+                state: WsEvents.EnumTelemetrySubType.Loaded,
+                eventSubType: WsEvents.EnumTelemetrySubType.Chatbot,
+                type: 'session',
+                mode: 'view',
+            },
+            pageContext: { pageId: '/chatbot', module: 'Assistant' },
+            from: '',
+            to: 'Telemetry',
+        };
+        this.eventSvc.dispatchChatbotEvent(event);
+    }
+    raiseChatEndTelemetry() {
+        const event = {
+            eventType: WsEvents.WsEventType.Telemetry,
+            eventLogLevel: WsEvents.WsEventLogLevel.Info,
+            data: {
+                edata: { type: '' },
+                object: {},
+                state: WsEvents.EnumTelemetrySubType.Unloaded,
+                eventSubType: WsEvents.EnumTelemetrySubType.Chatbot,
+                type: 'session',
+                mode: 'view',
+            },
+            pageContext: { pageId: '/chatbot', module: 'Assistant' },
+            from: '',
+            to: 'Telemetry',
+        };
+        this.eventSvc.dispatchChatbotEvent(event);
+    }
+    raiseTemeletyInterat(idn) {
+        const event = {
+            eventType: WsEvents.WsEventType.Telemetry,
+            eventLogLevel: WsEvents.WsEventLogLevel.Info,
+            data: {
+                edata: { type: 'click', id: idn },
+                object: { id: idn, type: this.currentFilter.charAt(0).toUpperCase() + this.currentFilter.slice(1) },
+                state: WsEvents.EnumTelemetrySubType.Interact,
+                eventSubType: WsEvents.EnumTelemetrySubType.Chatbot,
+                mode: 'view'
+            },
+            pageContext: { pageId: '/chatbot', module: 'Assistant' },
+            from: '',
+            to: 'Telemetry',
+        };
+        this.eventSvc.dispatchChatbotEvent(event);
+    }
+    checkForAIQuestionResponse() {
+    }
+    checkForApiCalls() {
+        this.selectedLaguage = localStorage.getItem('selectedLanguage') || 'en';
+        let localStg = JSON.parse(localStorage.getItem('faq') || '{}');
+        let languageStg = JSON.parse(localStorage.getItem('faq-languages') || '{}');
+        if (languageStg.length > 0) {
+            this.language = languageStg;
+        }
+        else {
+            this.getLanguages();
+        }
+        if (localStg && languageStg) {
+            if (localStg[this.selectedLaguage] && localStg[this.selectedLaguage][this.currentFilter]) {
+                const localStorageData = localStg[this.selectedLaguage][this.currentFilter];
+                this.userJourney = [];
+                if (this.currentFilter === 'information') {
+                    if (this.chatInformation.length === 0) {
+                        this.responseData = localStorageData;
+                        this.initData(localStorageData);
+                    }
+                    else {
+                        this.responseData = localStorageData;
+                        this.userJourney = this.chatInformation;
+                    }
+                }
+                else {
+                    if (this.chatIssues.length === 0) {
+                        this.responseData = localStorageData;
+                        this.initData(localStorageData);
+                    }
+                    else {
+                        this.responseData = localStorageData;
+                        this.userJourney = this.chatIssues;
+                    }
+                }
+                this.getQns();
+                this.getCategories();
+            }
+            else {
+                this.getLanguages();
+                // this.getData()
+            }
+        }
+    }
+    getCategories() {
+        this.categories = [{ catId: 'all', catName: this.localization[this.selectedLaguage]['categories'], priority: 0 }];
+        const categories = [];
+        const isLogedIn = this.userInfo ? 'Logged-In' : 'Not Logged-In';
+        this.responseData.recommendationMap.map((catandques) => {
+            this.responseData.categoryMap.map((cat) => {
+                if (catandques.catId === cat.catId && (catandques.categoryType === isLogedIn || catandques.categoryType === 'Both')) {
+                    const category = {
+                        catId: cat.catId,
+                        catName: cat.catName,
+                        priority: catandques.priority,
+                        categoryType: catandques.categoryType,
+                    };
+                    categories.push(category);
+                }
+            });
+        });
+        if (categories.length < 6) {
+            this.categories = categories;
+        }
+        else {
+            this.categories = [...this.categories, ...categories];
+        }
+    }
+    sortCategory() {
+        // tslint:disable-next-line: max-line-length
+        return this.categories.sort((a, b) => a['priority'] > b['priority'] ? 1 : a['priority'] === b['priority'] ? 0 : -1);
+    }
+    getLanguages() {
+        this.displayLoader = true;
+        this.chatbotService.getLangugages().subscribe((resp) => {
+            if (resp && resp.status && resp.status.code === 200) {
+                this.language = resp.payload.languages;
+                localStorage.setItem('faq-languages', JSON.stringify(resp.payload.languages));
+                localStorage.setItem('selectedLanguage', this.selectedLaguage);
+                this.getData();
+                this.displayLoader = false;
+            }
+        });
+    }
+    ngAfterViewChecked() {
+        //this.scrollToBottom()
+    }
+    ngAfterViewInit() {
+        this.resizeTextarea(this.textArea.nativeElement, '');
+        setTimeout(() => {
+            this.scrollToBottomEvent.emit();
+        }, 200);
+    }
+    scrollToBottom() {
+        try {
+            if (this.myScrollContainer) {
+                this.myScrollContainer.nativeElement.scrollTop = this.myScrollContainer.nativeElement.scrollHeight;
+            }
+        }
+        catch (err) { }
+    }
+    clickOutside() {
+        this.iconClick('end');
+    }
+    disableScroll() {
+        this.renderer.addClass(document.body, 'disable-scroll');
+    }
+    enableScroll() {
+        this.renderer.removeClass(document.body, 'disable-scroll');
+    }
+    submitSearchQuery(textArea, event) {
+        if (!this.isInputEnabled) {
+            return;
+        }
+        if (!this.searchQuery?.trim()) {
+            event.preventDefault();
+            return;
+        }
+        const message = this.searchQuery.trim();
+        // Show user message
+        this.chatActivities.push({
+            sender: 'user',
+            text: message,
+            timestamp: new Date(),
+            showAllChoices: false
+        });
+        setTimeout(() => {
+            this.scrollToBottomEvent.emit();
+        }, 100);
+        // Send to chatbot
+        this.sendTurn({
+            action: 'send_message', // Verify this with backend if needed
+            text: message
+        });
+        this.searchQuery = '';
+        this.resetTextAreaHeight(textArea);
+    }
+    // startNewSupportAISearch() {
+    //   this.iGOTAISearchResultArr = []
+    //   let requestBody: any = {
+    //     "channel_id": "web",
+    //     // "session_id": this.chatId,
+    //     "text": this.cloneSearchQuery,
+    //     "audio": "",
+    //     "language": this.activeLaguage
+    //   }
+    //   console.log('requestBody--', requestBody)
+    //   if (this.startNewChat) {
+    //     this.chatbotService.aiStartChathForSupport(requestBody, this.userId).subscribe((data) => {
+    //       console.log('data---', data)
+    //       this.resultFetch = true
+    //       if (data && data.message) {
+    //         this.initiateSupportNewChat = true
+    //         this.aiSearchResultArr.push(
+    //           { type: 'incoming', tab: 'support-ai', answer: `Hi ${this.userInfo?.firstName}! 👋`, newMessage: 'Hi Manasvi! 👋', showBot: true },
+    //           { type: 'incoming', tab: 'support-ai', answer: "I'm your iGOT Support Assistant 🤖 — here to guide you with anything related to the iGOT platform.", newMessage: "I'm your iGOT Support Assistant 🤖 — here to guide you with anything related to the iGOT platform.", showBot: false },
+    //           { type: 'incoming', tab: 'support-ai', answer: "How can I assist you today?", newMessage: 'How can I assist you today?', showBot: false }
+    //         )
+    //       } else {
+    //         this.initiateSupportNewChat = false
+    //       }
+    //     })
+    //     const event = {
+    //       eventType: WsEvents.WsEventType.Telemetry,
+    //       eventLogLevel: WsEvents.WsEventLogLevel.Info,
+    //       data: {
+    //         edata: { type: 'click', "id": "support-ai-global-search", "pageid": "/page/home" },
+    //         object: {},
+    //         state: WsEvents.EnumTelemetrySubType.Interact,
+    //         eventSubType: WsEvents.EnumTelemetrySubType.Chatbot,
+    //         mode: 'view',
+    //       },
+    //       pageContext: { pageId: '/page/home', module: 'Home' },
+    //       from: '',
+    //       to: 'Telemetry',
+    //     }
+    //     this.eventSvc.dispatchChatbotEvent<WsEvents.IWsEventTelemetryInteract>(event)
+    //   }
+    // }
+    // supportAISearch() {
+    //   console.log('this.initiateSupportNewChat--', this.initiateSupportNewChat)
+    //   if (this.initiateSupportNewChat) {
+    //     let requestBody: any = {
+    //       "channel_id": "web",
+    //       // "session_id": this.chatId,
+    //       "text": this.cloneSearchQuery,
+    //       "audio": "",
+    //       "language": this.activeLaguage
+    //     }
+    //     this.chatbotService.aiSendChathForSupport(requestBody, this.userId).subscribe((data) => {
+    //       this.resultFetch = true
+    //       this.aiSearchResult = data
+    //       //let arr:any = []
+    //       // this.aiSearchResult.RetrievedChunks && this.aiSearchResult.RetrievedChunks.map((item:any)=>{
+    //       //   let startTime = 0
+    //       //   let endTime = 0
+    //       //   let pageNumber:any = 1
+    //       //   if(item && item?.contentStart) {
+    //       //     startTime = item?.contentStart
+    //       //     pageNumber= item?.contentStart
+    //       //   }
+    //       //   if(item && item?.ContentEnd) {
+    //       //     endTime = item?.ContentEnd
+    //       //     pageNumber= item?.ContentEnd
+    //       //   }
+    //       //   pageNumber = pageNumber !== " " ? pageNumber : 1
+    //       //   let resultObj = {
+    //       //     message: item.Name,
+    //       //     recommendedQues: '',
+    //       //     selectedValue: '',
+    //       //     title: item.Name,
+    //       //     content: item,
+    //       //     mimeType: item.mimeType,
+    //       //     contentType: item.ContentType,
+    //       //     artifactUrl: item.ArtifactURL,
+    //       //     description: item.Description,
+    //       //     identifier: item.Identifier,
+    //       //     contentStart: startTime,
+    //       //     contentEnd: endTime,
+    //       //     pageNumber:   pageNumber,
+    //       //     query: this.aiSearchResult.query,
+    //       //     query_id: this.aiSearchResult.query_id,
+    //       //     feedback: '',
+    //       //     resourceLink : item.mimeType === 'application/pdf'? `https://portal.igotkarmayogi.gov.in/app/amrit-gyaan-kosh/player/pdf/${item.Identifier}?primaryCategory=Learning Resource&from=globalSearch&playerPreview=true&pn=${pageNumber}`: `https://portal.igotkarmayogi.gov.in/app/amrit-gyaan-kosh/player/video/${item.Identifier}?primaryCategory=Learning Resource&from=globalSearch&playerPreview=true&st=${startTime}&et=${endTime}`
+    //       //   }
+    //       //   // arr.push(resultObj)
+    //       //   this.iGOTAISearchResultArr.push(resultObj)
+    //       // })
+    //       let answer = this.aiSearchResult.text ? this.aiSearchResult.text.trim().replace(/\n/g, '<br>') : ""
+    //       let shortAnswer = this.splitParagraphByWords(answer)
+    //       this.aiSearchResultArr.push({ showBot: true, wordsCount: answer.trim().split(/\s+/).length, showLess: answer.trim().split(/\s+/).length > 30 ? true : false, answer: answer, shortAnswer: shortAnswer, result: this.iGOTAISearchResultArr, type: 'incoming', tab: 'support-ai', reterivedChunks: this.aiSearchResult.RetrievedChunks, showFromInternet: (!(this.aiSearchResult.answer) && !(this.aiSearchResult.RetrievedChunks)) ? true : false })
+    //       this.aiSearchResultArr.map((item: any, index: any) => {
+    //         if (item && (item.newMessage === '')) {
+    //           // delete this.aiSearchResultArr[index]
+    //           this.aiSearchResultArr.splice(index, 1)
+    //         }
+    //       })
+    //       // setTimeout(()=>{
+    //       //   this.scrollToBottomEvent.emit()
+    //       // },0)
+    //     })
+    //     const event = {
+    //       eventType: WsEvents.WsEventType.Telemetry,
+    //       eventLogLevel: WsEvents.WsEventLogLevel.Info,
+    //       data: {
+    //         edata: { type: 'click', "id": "support-ai-global-search", "pageid": "/page/home" },
+    //         object: {},
+    //         state: WsEvents.EnumTelemetrySubType.Interact,
+    //         eventSubType: WsEvents.EnumTelemetrySubType.Chatbot,
+    //         mode: 'view',
+    //       },
+    //       pageContext: { pageId: '/page/home', module: 'Home' },
+    //       from: '',
+    //       to: 'Telemetry',
+    //     }
+    //     this.eventSvc.dispatchChatbotEvent<WsEvents.IWsEventTelemetryInteract>(event)
+    //   }
+    // }
+    sharePositiveContentRating(item, index, cindex) {
+        let requestBody = {
+            "query_id": item?.query_id,
+            // "response": item?.description,
+            "comments": "accurate",
+            "is_liked": true,
+            "rating": "5"
+        };
+        //this.matSnackBar.open('Unable to fetch content data, due to some error!')
+        this.chatbotService.saveAIChatPositiveContentRating(requestBody, this.chatId, this.userId).subscribe((data) => {
+            if (data && data.status === 'success') {
+                // this.matSnackBar.openFromComponent(SnackbarComponent, {
+                //   data: {
+                //     message: 'Thank you for your feedback.', type: 'success',
+                //   }, duration: 5000, panelClass: 'course-success-snackbar',
+                // })
+                // console.log(this.aiSearchResultArr, index, this.aiSearchResultArr[index])
+                if (this.aiSearchResultArr && this.aiSearchResultArr.length && this.aiSearchResultArr[index]) {
+                    if (this.aiSearchResultArr[index].result && this.aiSearchResultArr[index].result[cindex])
+                        this.aiSearchResultArr[index].result[cindex]['feedback'] = 'up';
+                }
+                this.matSnackBarNew.open('Thank you for your feedback.', 'X', { duration: 5000, panelClass: ['success'] });
+            }
+            else {
+                this.matSnackBarNew.open('Something is wrong. Please try again later.', 'X', { duration: 5000, panelClass: ['error'] });
+            }
+        });
+    }
+    openAIFeedbackPopup(item, index, cindex) {
+        console.log('item, cindex', item, cindex);
+        if (this.aiSearchResultArr && this.aiSearchResultArr.length && this.aiSearchResultArr[index] && this.aiSearchResultArr[index]) {
+            // if (this.aiSearchResultArr[index].result && this.aiSearchResultArr[index].result[cindex] && this.aiSearchResultArr[index].result[cindex]['feedback'] !== 'down') {
+            //   const dialogRef = this.dialog.open(NonReleventFeedbackDialogComponent, {
+            //     disableClose: true,
+            //     width: '502px',
+            //     panelClass: ['relevent-feedback-dialog'],
+            //   })
+            //   dialogRef.afterClosed().subscribe((result: any) => {
+            //     if (result) {
+            //       this.shareAIFeedback(item, result, index, cindex)
+            //       dialogRef.close()
+            //     } else {
+            //       dialogRef.close()
+            //     }
+            //   })
+            // } else {
+            //   this.matSnackBarNew.open(
+            //     'You have already submitted feedback', 'X',
+            //     { duration: 5000, panelClass: ['error'] }
+            //   )
+            // }
+        }
+    }
+    shareAIFeedback(item, result, index, cindex) {
+        let requestBody = {
+            "query_id": item?.query_id,
+            // "response": item?.description,
+            "comments": result,
+            "is_liked": false,
+            "rating": "0"
+        };
+        this.chatbotService.shareAIFeedback(requestBody, this.chatId, this.userId).subscribe((data) => {
+            if (data && data.status === 'success') {
+                if (this.aiSearchResultArr && this.aiSearchResultArr.length && this.aiSearchResultArr[index]) {
+                    if (this.aiSearchResultArr[index].result && this.aiSearchResultArr[index].result[cindex])
+                        this.aiSearchResultArr[index].result[cindex]['feedback'] = 'down';
+                }
+                this.matSnackBarNew.open('Thank you for your feedback.', 'X', { duration: 5000, panelClass: ['success'] });
+            }
+            else {
+                this.matSnackBarNew.open('Something is wrong. Please try again later.', 'X', { duration: 5000, panelClass: ['error'] });
+            }
+        });
+    }
+    callFromInternet(item, index) {
+        this.resultFetch = false;
+        this.aiSearchResultArr.push({ showBot: true, type: 'incoming', tab: 'support-ai', answer: '', newMessage: '' });
+        if (this.aiSearchResultArr[index] && this.aiSearchResultArr[index]['showFromInternet']) {
+            this.aiSearchResultArr[index]['showFromInternet'] = false;
+        }
+        if (item && !item.answer) {
+            let internetGlobalSearchRequest = {
+                "query": this.cloneSearchQuery,
+                "designation": this.userInfo?.professionalDetails && this.userInfo?.professionalDetails.length ? this.userInfo?.professionalDetails[0].designation : '',
+                "department": this.userInfo?.departmentName ? this.userInfo?.departmentName : '',
+            };
+            this.chatbotService.aiGlobalSearchFromInternet(internetGlobalSearchRequest, this.chatId, this.userId).subscribe((idata) => {
+                this.resultFetch = true;
+                this.aiSearchResultArr.map((item, index) => {
+                    if (item && (item.newMessage === '')) {
+                        // delete this.aiSearchResultArr[index]
+                        this.aiSearchResultArr.splice(index, 1);
+                    }
+                });
+                let resultObj = {
+                    message: idata.answer,
+                    recommendedQues: '',
+                    selectedValue: '',
+                    title: idata.answer,
+                    content: idata,
+                    mimeType: idata,
+                    contentType: idata,
+                    artifactUrl: idata,
+                    description: idata.answer,
+                    identifier: idata,
+                    contentStart: idata,
+                    contentEnd: idata,
+                    pageNumber: idata,
+                    query: this.cloneSearchQuery,
+                    query_id: idata.query_id,
+                    resourceLink: '',
+                    fromInternet: true,
+                    feedback: ''
+                };
+                this.iGOTAISearchResultArr.push(resultObj);
+                let answer = idata.answer ? idata.answer.trim().replace(/\n/g, '<br>') : "";
+                let shortAnswer = this.splitParagraphByWords(answer);
+                this.aiSearchResultArr.push({ showBot: true, wordsCount: answer.trim().split(/\s+/).length, showLess: answer.trim().split(/\s+/).length > 30 ? true : false, answer: answer, shortAnswer: shortAnswer, result: this.iGOTAISearchResultArr, type: 'incoming', tab: 'support-ai', reterivedChunks: this.aiSearchResult.RetrievedChunks, showFromInternet: false });
+                this.aiSearchResultArr.map((item, index) => {
+                    if (item && (item.newMessage === '')) {
+                        // delete this.aiSearchResultArr[index]
+                        this.aiSearchResultArr.splice(index, 1);
+                    }
+                });
+                // setTimeout(()=>{
+                //   this.scrollToBottomEvent.emit()
+                // },0)
+            });
+        }
+    }
+    rejectFromInternet(index) {
+        if (this.aiSearchResultArr[index] && this.aiSearchResultArr[index]['showFromInternet']) {
+            this.aiSearchResultArr[index]['showFromInternet'] = false;
+        }
+        this.resultFetch = true;
+        this.aiSearchResultArr.map((item, index) => {
+            if (item && (item.newMessage === '')) {
+                // delete this.aiSearchResultArr[index]
+                this.aiSearchResultArr.splice(index, 1);
+            }
+        });
+    }
+    copyPath(item, cindex) {
+        const selBox = document.createElement('textarea');
+        selBox.style.position = 'fixed';
+        selBox.style.left = '0';
+        selBox.style.top = '0';
+        selBox.style.opacity = '0';
+        selBox.value = item.mimeType === 'application/pdf' ? `https://portal.igotkarmayogi.gov.in/app/amrit-gyaan-kosh/player/pdf/${item.identifier}?primaryCategory=Learning Resource&from=globalSearch&playerPreview=true&pn=${item.pageNumber}` : `https://portal.igotkarmayogi.gov.in/app/amrit-gyaan-kosh/player/video/${item.identifier}?primaryCategory=Learning Resource&from=globalSearch&playerPreview=true&st=${item?.contentStart}&et=${item?.contentEnd}`;
+        document.body.appendChild(selBox);
+        selBox.focus();
+        selBox.select();
+        document.execCommand('copy');
+        document.body.removeChild(selBox);
+        this.copiedIndex = cindex;
+        setTimeout(() => {
+            this.copiedIndex = -1;
+        }, 1000);
+    }
+    redirectToResource(item) {
+        let path = (item.mimeType) === 'application/pdf' ? `https://portal.igotkarmayogi.gov.in/app/amrit-gyaan-kosh/player/pdf/${item.identifier}?primaryCategory=Learning Resource&from=globalSearch&playerPreview=true&pn=${item.pageNumber}` : `https://portal.igotkarmayogi.gov.in/app/amrit-gyaan-kosh/player/video/${item.identifier}?primaryCategory=Learning Resource&from=globalSearch&playerPreview=true&st=${item?.contentStart}&et=${item?.contentEnd}`;
+        window.open(path, '_blank');
+    }
+    redirectToToc(chat) {
+        const event = {
+            eventType: WsEvents.WsEventType.Telemetry,
+            eventLogLevel: WsEvents.WsEventLogLevel.Info,
+            data: {
+                edata: { type: 'click', "id": "card-content", "pageid": "/page/home" },
+                object: { id: chat?.identifier, type: chat?.contentType },
+                state: WsEvents.EnumTelemetrySubType.Interact,
+                eventSubType: WsEvents.EnumTelemetrySubType.Chatbot,
+                mode: 'view',
+            },
+            pageContext: { pageId: '/page/home', module: 'Home' },
+            from: '',
+            to: 'Telemetry',
+        };
+        this.eventSvc.dispatchChatbotEvent(event);
+        let path = `https://portal.igotkarmayogi.gov.in/app/toc/${chat?.identifier}/overview`;
+        window.open(path, '_blank');
+    }
+    splitParagraphByWords(paragraph, wordsPerChunk = 30) {
+        const words = paragraph.trim().split(/\s+/);
+        const chunks = [];
+        for (let i = 0; i < wordsPerChunk; i++) {
+            chunks.push(words[i]);
+        }
+        return chunks.join(' ');
+    }
+    toggleShow(index, showType) {
+        if (showType === 'less') {
+            this.aiSearchResultArr[index]['showLess'] = true;
+        }
+        else {
+            this.aiSearchResultArr[index]['showLess'] = false;
+        }
+    }
+    get userInitials() {
+        return this.initials;
+    }
+    createInititals(name) {
+        const randomIndex = Math.floor(Math.random() * Math.floor(this.colors.length));
+        this.circleColor = this.colors[randomIndex];
+        if (this.randomcolors) {
+            const randomIndex1 = Math.floor(Math.random() * Math.floor(this.randomcolors.length));
+            this.circleColor = this.randomcolors[randomIndex1];
+        }
+        let initials = '';
+        const array = `${name} `.toString().split(' ');
+        if (array[0] !== 'undefined' && typeof array[1] !== 'undefined') {
+            initials += array[0].charAt(0);
+            initials += array[1].charAt(0);
+        }
+        else {
+            for (let i = 0; i < name.length; i += 1) {
+                if (name.charAt(i) === ' ') {
+                    continue;
+                }
+                if (name.charAt(i) === name.charAt(i)) {
+                    initials += name.charAt(i);
+                    if (initials.length === 2) {
+                        break;
+                    }
+                }
+            }
+        }
+        this.initials = initials.toUpperCase();
+    }
+    raiseTelemetryForResource(item) {
+        const event = {
+            eventType: WsEvents.WsEventType.Telemetry,
+            eventLogLevel: WsEvents.WsEventLogLevel.Info,
+            data: {
+                edata: { type: 'click', "id": "card-content", "pageid": "/page/home" },
+                object: { id: item?.identifier, type: item?.contentType },
+                state: WsEvents.EnumTelemetrySubType.Interact,
+                eventSubType: WsEvents.EnumTelemetrySubType.Chatbot,
+                mode: 'view',
+            },
+            pageContext: { pageId: '/page/home', module: 'Home' },
+            from: '',
+            to: 'Telemetry',
+        };
+        this.eventSvc.dispatchChatbotEvent(event);
+    }
+    resizeTextarea(textArea, _fromInput) {
+        if (textArea) {
+            textArea.style.height = 'auto'; // Reset height first
+            requestAnimationFrame(() => {
+                textArea.style.height = textArea.scrollHeight + 'px';
+                const computed = getComputedStyle(textArea);
+                const paddingTop = parseFloat(computed.paddingTop) || 0;
+                const paddingBottom = parseFloat(computed.paddingBottom) || 0;
+                const marginExtra = 0;
+                this.containerHeight = textArea.scrollHeight + paddingTop + paddingBottom + marginExtra;
+            });
+        }
+    }
+    resetTextAreaHeight(_textArea) {
+        if (this.textArea.nativeElement && this.textArea.nativeElement.style && this.textArea.nativeElement.style.height) {
+            setTimeout(() => {
+                this.searchQuery = this.searchQuery.trim();
+                this.textArea.nativeElement.style.height = 'auto';
+                this.textArea.nativeElement.style.height = '30px';
+                const computed = getComputedStyle(this.textArea.nativeElement);
+                const paddingTop = parseFloat(computed.paddingTop) || 0;
+                const paddingBottom = parseFloat(computed.paddingBottom) || 0;
+                const marginExtra = 0;
+                this.containerHeight = 30 + paddingTop + paddingBottom + marginExtra;
+            });
+        }
+    }
+    toggleNestedItem(planId) {
+        this.expandedPlanIds[planId] = !this.expandedPlanIds[planId];
+    }
+    formatPlanMeta(meta) {
+        if (!meta)
+            return '';
+        return meta.replace('Ends:', 'Due');
+    }
+    getCourseStatusClass(meta) {
+        console.log('meta', meta);
+        if (!meta)
+            return 'status-not-started';
+        const lower = meta.toLowerCase();
+        if (lower.includes('completed'))
+            return 'status-completed';
+        if (lower.includes('in progress'))
+            return 'status-in-progress';
+        return 'status-not-started';
+    }
+    selectNestedPickerItem(activity, child) {
+        this.chatActivities.push({
+            sender: 'user',
+            text: child.label,
+            timestamp: new Date()
+        });
+        this.sendTurn({
+            action: 'pick_item',
+            picker_id: activity.picker_id,
+            item_id: child.id
+        });
+    }
+    ngOnDestroy() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SupportAIComponent, deps: [{ token: i1$1.ConfigurationsService }, { token: i1$1.EventService }, { token: i0.Renderer2 }, { token: ChatbotService }, { token: i3.MatSnackBar }, { token: SupportAiService }, { token: i5.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: SupportAIComponent, isStandalone: false, selector: "ws-app-support-ai", inputs: { from: "from", userJourney: "userJourney", chatId: "chatId", userId: "userId", fullScreenChatFlag: "fullScreenChatFlag", activeLaguage: "activeLaguage" }, outputs: { scrollToBottomEvent: "scrollToBottomEvent" }, viewQueries: [{ propertyName: "myScrollContainer", first: true, predicate: ["scrollMe"], descendants: true }, { propertyName: "textArea", first: true, predicate: ["autoResizeTextarea"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"igot-ai-container\" id=\"igot-ai-container\">\r\n  <div class=\"message-container\" id=\"message-container\">\r\n\r\n    <div [ngClass]=\"fullScreenChatFlag ? 'message-container-full' : 'message-container'\" id=\"message-container\">\r\n      <!-- <ng-container *ngIf=\"aiSearchResultArr?.length === 0\"> -->\r\n      <!-- <div [ngClass]=\"fullScreenChatFlag ? 'start-chat-full':'start-chat'\"> -->\r\n      <!-- <h2 class=\"hey\">Hey<span *ngIf=\"userInfo?.firstName\">, {{userInfo?.firstName}}</span> </h2>\r\n          <p>Welcome to Support AI, Your dedicated support assistant for instant help, step-by-step guidance, and\r\n            personalized support tailored to your needs.</p> -->\r\n      <!-- </div> -->\r\n      <!-- </ng-container> -->\r\n      <ng-container>\r\n        <div class=\"flex row-start incoming-msg margin-bottom-s text-center justify-around mt-2\">\r\n          <div class=\"loading-bar-icon flex flex-row vertical-middle\">\r\n            <!-- <div class=\"mt-2\"><span class=\"blue-color\">Initializing Support AI</span></div> -->\r\n            <div>\r\n              <!-- <div>\r\n                <img alt=\"ai-icon\" class=\"blue-loader-animation\" height=\"18\" width=\"18\" src=\"/assets/ai-tutor/blue-loader.png\">\r\n              </div> -->\r\n\r\n            </div>\r\n            <div class=\"support-ai-chat-container\">\r\n              <div *ngFor=\"let item of chatActivities\">\r\n\r\n                <!-- user message -->\r\n                <div *ngIf=\"item.sender === 'user'\">\r\n                  <div class=\"flex width-1-1 row-end padding-top-l padding-bottom-m\">\r\n                    <div class=\"user-seleted-question padding-xs\">\r\n                      <mat-icon *ngIf=\"item.icon\" class=\"user-msg-icon\">{{item.icon}}</mat-icon>\r\n                      {{ item.text }}\r\n\r\n                    </div>\r\n\r\n                    <div class=\"user-icon\" *ngIf=\"userIcon\">\r\n                      <img [src]=\"userIcon\">\r\n                    </div>\r\n\r\n                    <div class=\"circle-s user-icon\" *ngIf=\"!userIcon\" [ngStyle]=\"{'background-color': circleColor}\">\r\n\r\n                      {{ userInitials }}\r\n\r\n                    </div>\r\n\r\n                  </div>\r\n                  <div *ngIf=\"item.timestamp\" class=\"user-msg-timestamp\">\r\n                    Sarthi {{item.timestamp | date:'h:mm a'}}\r\n                  </div>\r\n                  <div *ngIf=\"loadingSupportAI\">\r\n                    Please Wait...\r\n                  </div>\r\n                </div>\r\n                <!-- bot markdown message -->\r\n                <div *ngIf=\"item.activity?.type === 'markdown'\">\r\n                  <div class=\"flex row-start\">\r\n                    <div class=\"system-icon\">\r\n                      <div class=\"bot-avatar-circle\">\r\n                        <!-- <mat-icon>smart_toy</mat-icon>\r\n                          -->\r\n                        <img src=\"/assets/ai-tutor/roboicon.svg\" alt=\"\" srcset=\"\">\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"system-msg padding-xs\">\r\n                      <markdown [data]=\"item.activity.content\">\r\n                      </markdown>\r\n                    </div>\r\n                  </div>\r\n                  <div *ngIf=\"item.showTimestamp\" class=\"msg-timestamp bot-msg-timestamp\">\r\n                    Sarthi {{item.timestamp | date:'h:mm a'}}\r\n                  </div>\r\n                </div>\r\n                <div *ngIf=\"item.activity?.type === 'picker'\" class=\"picker-container\">\r\n\r\n                  <!-- Dropdown Header -->\r\n\r\n                  <div class=\"picker-header\" (click)=\"pickerOpened = !pickerOpened\">\r\n                    <img class=\"vectorIcon\" src=\"/assets/ai-tutor/Vector.svg\" alt=\"\"> <span\r\n                      class=\"selectcoursetext startconv\">Select the course</span>\r\n\r\n\r\n                    <mat-icon>\r\n                      {{ pickerOpened ? 'expand_less' : 'expand_more' }}\r\n                    </mat-icon>\r\n\r\n                  </div>\r\n\r\n                  <!-- Dropdown -->\r\n\r\n                  <div *ngIf=\"pickerOpened\" class=\"picker-dropdown\">\r\n                    <input type=\"text\" [(ngModel)]=\"pickerSearch\" (input)=\"filterPickerItems()\" placeholder=\"Search\" />\r\n\r\n                    <div *ngFor=\"let course of filteredPickerItems\" class=\"picker-item\"\r\n                      (click)=\"selectPickerItem(course)\">\r\n\r\n                      {{ course.label }}\r\n\r\n                    </div>\r\n\r\n                  </div>\r\n\r\n                </div>\r\n\r\n                <!-- nested picker (training plans with expandable courses) -->\r\n                <div *ngIf=\"item.activity?.type === 'nested_picker'\" class=\"nested-picker-wrapper\">\r\n                  <div *ngFor=\"\r\n    let plan of (\r\n      showAllPlans\r\n        ? item.activity.items\r\n        : (item.activity.items | slice:0:3)\r\n    )\r\n  \" class=\"nested-plan-item\">\r\n\r\n\r\n                    <!-- Plan Row -->\r\n                    <div class=\"nested-plan-row\" (click)=\"toggleNestedItem(plan.id)\">\r\n                      <span class=\"nested-plan-name\">{{plan.label}}</span>\r\n                      <span class=\"nested-plan-meta\">{{formatPlanMeta(plan.meta)}}</span>\r\n                      <span class=\"nested-plan-toggle\">\r\n                        <mat-icon class=\"toggle-icon\">{{ expandedPlanIds[plan.id] ? 'remove' : 'add' }}</mat-icon>\r\n                      </span>\r\n                    </div>\r\n\r\n                    <!-- Expanded Courses -->\r\n                    <!-- <div *ngIf=\"expandedPlanIds[plan.id]\" class=\"nested-courses\">\r\n                      <div *ngFor=\"let course of plan.children\" class=\"nested-course-row\"\r\n                        (click)=\"selectNestedPickerItem(item.activity, course)\">\r\n                        <span class=\"nested-course-name\">{{course.label}}</span>\r\n                        <span class=\"nested-course-status\" [ngClass]=\"getCourseStatusClass(course.meta)\"></span>\r\n                      </div>\r\n                    </div> -->\r\n                    <div *ngIf=\"expandedPlanIds[plan.id]\" class=\"nested-courses\">\r\n\r\n                      <div *ngFor=\"\r\n      let course of (\r\n        plan.showAllCourses\r\n          ? plan.children\r\n          : (plan.children | slice:0:3)\r\n      )\r\n    \" class=\"nested-course-row\" (click)=\"selectNestedPickerItem(item.activity, course)\">\r\n\r\n                        <span class=\"nested-course-name\">{{ course.label }}</span>\r\n                        <span class=\"nested-course-status\" [ngClass]=\"getCourseStatusClass(course?.progress?.status)\">\r\n                        </span>\r\n\r\n                      </div>\r\n                                            <button *ngIf=\"!plan.showAllCourses && plan.children?.length > 3\" class=\"view-more-btn\"\r\n                        (click)=\"plan.showAllCourses = true; $event.stopPropagation()\">\r\n\r\n                        View More ({{ plan.children.length - 3 }})\r\n\r\n                      </button>\r\n<div class=\"course-status-legend\">\r\n  <div class=\"legend-item\">\r\n    <span class=\"nested-course-status status-completed\"></span>\r\n    <span>Completed</span>\r\n  </div>\r\n\r\n  <div class=\"legend-item\">\r\n    <span class=\"nested-course-status status-in-progress\"></span>\r\n    <span>In progress</span>\r\n  </div>\r\n\r\n  <div class=\"legend-item\">\r\n    <span class=\"nested-course-status status-not-started\"></span>\r\n    <span>Not started</span>\r\n  </div>\r\n</div>\r\n\r\n\r\n                      <!-- Optional -->\r\n                      <!--\r\n  <button\r\n    *ngIf=\"plan.showAllCourses && plan.children?.length > 3\"\r\n    class=\"view-more-btn\"\r\n    (click)=\"plan.showAllCourses = false; $event.stopPropagation()\">\r\n\r\n    View Less\r\n\r\n  </button>\r\n  -->\r\n\r\n                    </div>\r\n                  </div>\r\n                  <button *ngIf=\"!showAllPlans && item.activity.items?.length > 3\" class=\"view-more-btn\"\r\n                    (click)=\"showAllPlans = true\">\r\n\r\n                    View More ({{ item.activity.items.length - 3 }})\r\n\r\n                  </button>\r\n                </div>\r\n\r\n                <!-- quick replies -->\r\n\r\n                <div *ngIf=\"item.activity?.type === 'quick_replies'\">\r\n\r\n                  <div class=\"quick-replies-container\">\r\n\r\n                    <button *ngFor=\"\r\n    let choice of (\r\n      item.showAllChoices\r\n        ? item.activity.choices\r\n        : (item.activity.choices | slice:0:3)\r\n    )\r\n  \" (click)=\"selectChoice(choice)\" class=\"quick-reply-btn\">\r\n                      <mat-icon class=\"quick-reply-icon\">{{choice.icon || 'help_outline'}}</mat-icon>\r\n                      <span class=\"quick-reply-label\">{{choice.label}}</span>\r\n                      <mat-icon class=\"quick-reply-chevron\">navigate_next</mat-icon>\r\n                    </button>\r\n\r\n                    <button *ngIf=\"!item.showAllChoices && item.activity.choices?.length > 3\" class=\"view-more-btn flex\"\r\n                      (click)=\"item.showAllChoices = true\">\r\n\r\n                      View More ({{ item.activity.choices.length - 3 }})\r\n\r\n                    </button>\r\n\r\n                    <!-- <button\r\n  *ngIf=\"item.showAllChoices && item.activity.choices?.length > 3\"\r\n  class=\"view-more-btn\"\r\n  (click)=\"item.showAllChoices = false\">\r\n\r\n  View Less\r\n\r\n</button> -->\r\n\r\n                  </div>\r\n\r\n                  <!-- <div *ngIf=\"item.showTimestamp\" class=\"msg-timestamp bot-msg-timestamp\">\r\n                    Sarthi {{item.timestamp | date:'h:mm a'}}\r\n                  </div> -->\r\n\r\n                </div>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"start-new-conv-container\">\r\n          <button class=\"start-new-conv-btn\" (click)=\"startNewConversation()\">\r\n            <mat-icon class=\"start-new-conv-icon\">chevron_left</mat-icon>\r\n            <span class=\"startconv\">Start new conversation...</span>\r\n          </button>\r\n        </div>\r\n          <div *ngIf=\"showRetry\" class=\"retry-container\">\r\n          <button class=\"retry-btn start-new-conv-btn\" (click)=\"retryApi()\">\r\n            Retry\r\n          </button>\r\n        </div>\r\n\r\n      </ng-container>\r\n\r\n\r\n    </div>\r\n    <div [ngClass]=\"fullScreenChatFlag ? 'control-container-full':'control-container'\">\r\n      <div [class]=\"isInputEnabled ? 'border-gradient-rounded' : 'disabledinputcl border-gradient-rounded'\"\r\n        [style.height.px]=\"containerHeight\">\r\n        <div class=\"flex flex-row ml-5 mr-1 justify-between\">\r\n\r\n          <div class=\"query-box\">\r\n            <!-- <input class=\"width-500\" type=\"text\" placeholder=\"Ask anything...\" [(ngModel)]=\"searchQuery\" (keydown.enter)=\"submitSearchQuery()\"/> -->\r\n            <textarea #autoResizeTextarea class=\"width-500\" [disabled]=\"!isInputEnabled\" placeholder=\"Ask Anything...\"\r\n              (input)=\"resizeTextarea(autoResizeTextarea, 'fromInput')\" [(ngModel)]=\"searchQuery\"\r\n              (keydown.enter)=\"submitSearchQuery(autoResizeTextarea, $event)\" rows=\"1\">\r\n          </textarea>\r\n          </div>\r\n\r\n          <div class=\"mt-1\">\r\n            <button type=\"button\" class=\"flex-auto-display send-btn\"\r\n              [disabled]=\"!isInputEnabled || !searchQuery?.trim()\"\r\n              (click)=\"submitSearchQuery(autoResizeTextarea,$event)\"\r\n              [disabled]=\"!searchQuery || !initiateSupportNewChat\">\r\n              <mat-icon class=\"send-btn-icon\">send</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n    </div>\r\n  </div>", styles: [".hey{background:linear-gradient(90deg,#32b9dfde,#1b4ca1de);-webkit-background-clip:text;background-clip:text;color:transparent}.ai-generated-content{background:linear-gradient(90deg,#f3962f,#1b4ca1);-webkit-background-clip:text;background-clip:text;color:transparent}.ai-tutor-container .control-container{position:fixed;bottom:10px;width:24%;margin-left:1%;z-index:2}.ai-tutor-container-chatbot .control-container{position:fixed;bottom:100px;width:600px;margin:1%;z-index:2}.control-container{position:fixed;bottom:80px;width:415px;z-index:2}.start-chat{text-align:center;padding-top:50%}.start-chat-full{text-align:center;padding-top:10%;width:100vw}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff80}.query-box{min-height:36px;transition:height .2s;width:100%}.query-box input{border:0;outline:0}.border-gradient-rounded{border:2px solid transparent;border-radius:20px;background:linear-gradient(to right,#fff,#fff),linear-gradient(to right,#efa34f,#4881e4);background-clip:padding-box,border-box;background-origin:padding-box,border-box;width:100%;min-height:36px}.send-btn{background-color:transparent!important;color:#1b4ca1!important;border:none!important}.message-container{height:100%;min-width:400px;width:100%;z-index:2;position:relative}.message-container-full{height:100%;min-width:96vw;width:100%;z-index:2;position:relative}.ai-tutor-container{background-image:url(/assets/ai-tutor/background.svg);height:90vh}.ai-tutor-container-chatbot{background-image:url(/assets/ai-tutor/background.svg);height:90vh;width:560px}.ai-tutor-container:before{content:\"\";position:absolute;inset:0;background-color:#ffffffe6;z-index:1;height:100vh}.chatbot-icon-container{position:fixed;bottom:120px;right:0;cursor:pointer;height:90px;align-items:flex-start;display:flex;justify-content:center;width:auto;z-index:999999999}.chatbot-icon{position:absolute;right:30px;-moz-animation-delay:1s;-webkit-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;transition:1s ease}.chatbot-icon-expanded{right:0}.expand-text{width:110px;display:flex;align-items:center;justify-content:center;background-color:#1b4ca1;color:#fff;font-size:18px;border-top:2px solid #fff;border-bottom:2px solid #fff;vertical-align:middle}.chatbot{width:610px;position:fixed;bottom:20px;right:50px;z-index:9999999999;border-radius:15px;background-color:#fff;box-shadow:0 6px 16px #0000003d;height:calc(100vh - 20%)}.cb-close{cursor:pointer}.cb-header{color:#fff!important;background-color:#1b4ca1;border-top-left-radius:15px;border-top-right-radius:15px;align-items:center;justify-content:space-between;position:absolute;width:100%;top:0}.cb-header .user-info-div{width:88%;justify-content:space-between}.cb-header .lang-select{height:32px;background-color:#fff;border-color:#00000029!important}.cb-header .user-name{padding-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:74%}.cb-content{background-color:#f0f3f4;overflow:auto}.cb-topics{padding:16px;background-color:#f5f5f5;overflow:auto}.cb-footer{border-bottom-left-radius:15px;border-bottom-right-radius:15px;background-color:#fff}.cb-footer .info{width:33%;padding:5px 0;align-items:center;display:flex;justify-content:center;flex-wrap:wrap;cursor:pointer}.cb-footer .info .info-text{font-size:10px;width:100%;text-align:center}.cb-footer .info .info-icon{height:24px}.br-br{border-bottom-right-radius:15px}.br-bl{border-bottom-left-radius:15px}.language{background-color:#0000000a}.active{background-color:#fbead1;border-top:3px solid rgb(239,149,30)}.active .mat-icon{color:#ef951e!important}.cat-list{margin:0;padding:0;width:100%;display:flex}.cat-item{padding:10px 16px;border-radius:21px;border:1px solid rgba(0,0,0,.16);background-color:#0000000a;opacity:1;color:#000000de;font-family:Lato-Regular,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:center;line-height:20px;width:fit-content;margin-right:12px;height:fit-content;cursor:pointer;white-space:nowrap}.lang-select{width:70px}.lang-select .mat-form-field-flex{background-color:#fff!important}.lang-select .mat-form-field-underline{background-color:transparent!important}.loader{position:absolute;left:50%;top:39%}.default-info .default-icon{width:60px;float:left;display:flex;flex-wrap:wrap}.default-info .default-msg{background-color:#0000000a;border:1px solid rgba(0,0,0,.16);border-radius:0 15px 15px;display:flex;flex-wrap:wrap}.chat-bot-icon{padding-top:8px}.row-start{justify-content:flex-start}.row-start .system-icon{padding-right:3px}.row-start .system-msg{background-color:#d1dbec;border:1px solid rgb(209,219,236);border-radius:0 15px 15px;display:flex;flex-wrap:wrap;min-width:auto;max-width:85%;height:100%;word-break:break-word}.row-start .system-msg ::ng-deep markdown p{margin:0}.word-break{word-break:break-all;white-space:unset}.margin-left-5{margin-left:5%}.question-hint{font-weight:700}.recommended-question{display:flex;flex-wrap:wrap;height:fit-content}.recommended-question .rec-item{height:fit-content}.recommended-question .my-5px{margin-top:5px;margin-bottom:5px}.recommended-question .mr-5px{margin-right:5px}.recommended-question .btn-default{background:#d5c7c70a;border:1px solid #1B4CA1;color:#1b4ca1;padding:10px;font-size:14px;font-weight:700;cursor:pointer;border-radius:5px}.recommended-question .showmore-icon{align-items:flex-start}.recommended-question .btn-active{background:#000;border:1px solid rgba(0,0,0,.16);color:#fff}.recommended-question-for-resource{display:flex;flex-wrap:wrap;height:fit-content}.recommended-question-for-resource .rec-item{height:fit-content}.recommended-question-for-resource .my-5px{margin-top:5px;margin-bottom:5px}.recommended-question-for-resource .mr-5px{margin-right:5px}.recommended-question-for-resource .btn-default{background:#d5c7c70a;border:1px solid #F3962F;color:#1b4ca1;padding:10px;font-size:14px;font-weight:700;cursor:pointer;border-radius:5px}.recommended-question-for-resource .showmore-icon{align-items:flex-start}.recommended-question-for-resource .btn-active{background:#000;border:1px solid rgba(0,0,0,.16);color:#fff}.btn-show-more,.btn-show-less{background:#1b4ca1;color:#fff;padding:10px 20px;font-size:14px;cursor:pointer;border-radius:40px}.row-end{justify-content:flex-end;height:100%}.row-end .user-seleted-question{background-color:#000;border-radius:15px 0 15px 15px;display:flex;flex-wrap:wrap;color:#fff;float:right;text-align:left;max-width:62%;word-break:break-word}.highlight-title{color:#1b4ca1}.incoming-msg{height:fit-content;width:100%}.hint-text{color:#1b4ca1}@media only screen and (max-width:600px){.chatbot{right:6px;bottom:67px}}@media only screen and (max-width:390px){.chatbot{right:6px;bottom:67px}}.chatbot-wrapper{position:relative}.cb-content-wrapper{position:absolute;width:100%;top:64px;bottom:130px;max-height:100%;overflow:auto;box-sizing:border-box;background-color:#f0f3f4}.cb-footer-wrapper{position:absolute;width:100%;bottom:0}.my-5px{margin-top:5px;margin-bottom:5px;margin-left:20px}.mr-5px{margin-right:5px}*,:after,:before{box-sizing:border-box}::ng-deep .disable-scroll{overflow-x:hidden!important;overflow:hidden}@media only screen and (max-width:600px){.chatbot{right:0;bottom:0;width:100%;height:100svh;z-index:999999999}.cb-footer-wrapper{bottom:0}.cb-content-wrapper{bottom:130px}.chatbot-icon-container{bottom:190px}.cb-header{border-top-left-radius:unset;border-top-right-radius:unset}.cb-footer{border-bottom-left-radius:unset;border-bottom-right-radius:unset}.br-br{border-bottom-right-radius:unset}.br-bl{border-bottom-left-radius:unset}}.feefback-section{margin-left:10PX}.vertical-middle{vertical-align:middle}.resource-icon{margin-left:7%}.resource-link{margin-left:40px}.resource-icon img{height:65px;width:115.25px}.font-12{font-size:12px;margin-left:20px}.send-btn-icon{height:22px!important}.link{color:#1b4ca1;text-decoration:underline}.width-500{width:350px}.system-icon img{height:36px;width:36px}.circle-s{border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;margin-left:4px}.circle-s img{border-radius:50%;width:100%;height:100%}.circle-s .initials{color:#fff;font-size:10px;line-height:12px;font-size:14px;letter-spacing:.2625px}.copied-tooltip{position:absolute;left:20%;transform:translate(-50%);background-color:#000;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:1;pointer-events:none;transition:opacity .3s ease;z-index:999}.loading-bar-icon{width:90%}.loading-bar-icon img{height:50px;width:50px}.content-duration{position:relative;background:#f3962f;color:#fff;width:100px;border-radius:8px;text-align:center;margin-top:1px;padding:0 5px;font-size:12px;display:flex;align-items:center;justify-content:center}.content-duration .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.position-relative{position:relative}.user-icon{margin-left:5px}.user-icon img{height:36px;width:36px;border-radius:50%}.control-container-full{position:fixed;bottom:80px;width:97%;z-index:2}@media(min-width:768)and (max-width:1200px){.message-container{height:100%;min-width:300px;width:100%;z-index:2;position:relative}.control-container{position:fixed;bottom:100px;width:41%;z-index:2}.width-500{width:100%}.border-gradient-rounded{border:2px solid transparent;border-radius:20px;background:linear-gradient(to right,#fff,#fff),linear-gradient(to right,#efa34f,#4881e4);background-clip:padding-box,border-box;background-origin:padding-box,border-box;width:98%;height:36px}.start-chat{text-align:center;padding-top:10%}}@media(max-width:767px){.message-container{height:100%;width:100%;z-index:2;position:relative;padding-right:35px}.control-container{position:fixed;bottom:100px;width:100%;z-index:2;padding-left:8px}.width-500{width:100%}.border-gradient-rounded{border:2px solid transparent;border-radius:20px;background:linear-gradient(to right,#fff,#fff),linear-gradient(to right,#efa34f,#4881e4);background-clip:padding-box,border-box;background-origin:padding-box,border-box;width:98%;height:36px}.start-chat{text-align:center;padding:10% 15px;width:100%}.incoming-msg{height:fit-content;width:100%;margin-left:5px}}@media(min-width:768px)and (max-width:1023px){.igot-ai-container{width:100vw}.message-container{height:100%;width:100%;z-index:2;position:relative;padding-right:15px}.control-container{position:fixed;bottom:80px;width:100%;z-index:2;padding-left:8px}.incoming-msg{height:fit-content;width:100%;margin-left:5px}.width-500{width:100%}.border-gradient-rounded{border:2px solid transparent;border-radius:20px;background:linear-gradient(to right,#fff,#fff),linear-gradient(to right,#efa34f,#4881e4);background-clip:padding-box,border-box;background-origin:padding-box,border-box;width:98%;height:36px}.start-chat{text-align:center;padding-top:10%}}.w-92{width:92%}::ng-deep .copy-icon .material-icons{font-size:18px!important}::ng-deep .copy-icon .mat-icon{vertical-align:middle}.internet-result-query{background:#add8e6;border:1px solid #1B4CA1;color:#000;padding:10px;font-size:14px;font-weight:700;cursor:pointer;border-radius:5px}.blue-color{color:#1b4ca1;font-size:14px;font-weight:700}.web-button{background-color:#fff;color:#1b4ca1;border-radius:8px;padding:10px;border:1px solid #1B4CA1}.web-search-icon,.web-close-icon{color:#1b4ca1;vertical-align:middle}.rotate-180{rotate:180deg}.feedback-icon{height:18px;width:18px}.h-w-34{height:34px;width:34px}.timeout-error-block{background:#ffb6c185;border:1px solid lightpink;padding:0 10px;border-radius:16px;font-size:16px!important}.autorenew-icon .mat-icon{height:auto;width:auto}.autorenew-btn{background:red;border:1px solid lightpink;border-radius:8px;color:#fff;font-size:14px}.font-16{font-size:16px!important}.h-36{height:36px}.error-for-failed{background:red;font-weight:400}.error-for-failed-btn{background-color:#fff;color:red;border-radius:8px;padding:10px;border:1px solid red}.failed-error{font-size:12px;color:#d13924;font-weight:400}.error-retry-icon,.error-close-icon{color:red;vertical-align:middle}.border-gradient-rounded textarea{width:100%;border:none;resize:none;overflow:hidden;font-size:14px;font-family:Lato;box-sizing:border-box;min-height:32px;padding-top:5px}.border-gradient-rounded textarea:focus{outline:none;border:1px solid transparent}.igot-ai-container{margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center!important}.justify-around{justify-content:space-around!important}.blue-loader-animation{width:18px;height:18px;animation:spin 2s linear infinite;transform-origin:center center}.support-ai-chat-container{display:flex;flex-direction:column;width:100%}.quick-replies-container{display:flex;flex-direction:column;gap:10px;padding:8px 0 4px}.quick-replies-container .quick-reply-btn{display:flex;align-items:center;width:100%;background:#fff;border:1.5px solid #1B4CA1;border-radius:8px;padding:10px 14px;cursor:pointer;text-align:left}.quick-replies-container .quick-reply-btn:hover{background:#1b4ca10a}.quick-replies-container .quick-reply-btn .quick-reply-icon{color:#1b4ca1;font-size:18px;height:18px;width:18px;margin-right:10px;flex-shrink:0}.quick-replies-container .quick-reply-btn .quick-reply-label{flex:1;font-size:14px;color:#1b4ca1;font-weight:600;line-height:20px}.quick-replies-container .quick-reply-btn .quick-reply-chevron{color:#1b4ca1;font-size:18px;height:18px;width:18px;flex-shrink:0}.start-new-conv-container{display:flex;justify-content:flex-start;padding:4px 0 8px 2px}.start-new-conv-container .start-new-conv-btn{display:flex;align-items:center;background:transparent;border:none;color:#1b4ca1;font-size:13px;cursor:pointer;padding:2px 0;font-family:Lato,sans-serif}.start-new-conv-container .start-new-conv-btn:hover{text-decoration:underline}.start-new-conv-container .start-new-conv-btn .start-new-conv-icon{font-size:16px;height:16px;width:16px;line-height:16px}.row-start{align-items:flex-start;margin-bottom:10px}.row-start .system-msg{background:#d1dbec;border:none;border-radius:4px 16px 16px;padding:14px 16px;max-width:82%;color:#4a4a4a;font-size:14px;line-height:1.45;box-shadow:none;text-align:left}.row-start .system-icon,.row-start .chat-bot-icon{margin-right:10px;margin-top:2px}.row-end{align-items:flex-start;margin:10px 0}.row-end .user-seleted-question{background:#172b4d;color:#fff;border-radius:16px 4px 16px 16px;padding:10px 16px;max-width:70%;font-size:14px;line-height:20px;word-break:break-word;box-shadow:none}.user-icon,.circle-s{margin-left:8px;margin-top:2px}.system-icon img,.user-icon img,.circle-s{width:34px;height:34px}.support-ai-chat-container{display:flex;flex-direction:column;gap:10px}.system-msg markdown,.system-msg markdown p{margin:0;font-size:14px;color:#4a4a4a;line-height:22px}.quick-replies-container{margin:8px 0 0 44px;display:flex;flex-direction:column;gap:8px}.quick-reply-btn{display:flex;align-items:center;width:100%;background:#fff;border:1.5px solid #1B4CA1;border-radius:8px;padding:10px 14px;min-height:44px;transition:.2s}.quick-reply-btn:hover{background:#1b4ca10a}.quick-reply-icon{color:#1b4ca1;margin-right:10px}.quick-reply-label{flex:1;text-align:left;color:#1b4ca1;font-size:14px;font-weight:600}.quick-reply-chevron{color:#1b4ca1}.start-new-conv-container{padding-left:44px;margin-top:6px}.start-new-conv-btn{color:#1b4ca1;font-size:13px;font-weight:500}.start-new-conv-icon{font-size:16px}.bot-avatar-circle{width:36px;height:36px;min-width:36px;border-radius:50%;background-color:#1b4ca1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bot-avatar-circle mat-icon{color:#fff;font-size:20px;height:20px;width:20px;line-height:20px}.msg-timestamp{font-size:11px;color:#00000073;margin-top:4px}.bot-msg-timestamp{padding-left:44px;margin-bottom:6px}.user-msg-timestamp{font-size:11px;color:#00000073;text-align:right;padding-right:44px;margin-top:-6px;margin-bottom:6px}.user-msg-icon{vertical-align:middle;font-size:18px!important;height:18px!important;width:18px!important;margin-right:6px;color:#fff}.startconv{color:var(--Primary-KB-Primary-Light, #1B4CA1);font-family:Lato;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.picker-container{margin-top:12px}.picker-header{border:1px solid #2b66ff;border-radius:24px;padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.picker-dropdown{margin-top:8px;border:1px solid #ddd;border-radius:12px;background:#fff;max-height:320px;overflow:auto}.picker-dropdown input{width:89%;padding:12px;border:1.5px solid lightgray;outline:none;margin-top:10px;border-radius:20px}.picker-item{padding:12px 16px;cursor:pointer}.picker-item:hover{background:#f5f7ff}.picker-viewport{height:300px;width:100%}.picker-item{padding:10px 16px;cursor:pointer;text-align:left;white-space:normal;line-height:20px;word-break:break-word}.picker-item:hover{background:#f5f5f5}.vectorIcon{width:22px!important;height:22px!important}.view-more-btn{width:100%;margin-top:8px;background:transparent;border:none;color:#1f5cb8;font-weight:600;cursor:pointer;text-align:center}.view-more-btn:hover{text-decoration:underline}.nested-picker-wrapper{display:flex;flex-direction:column;gap:8px;margin-top:10px;width:100%}.nested-plan-item{border:1.5px solid #1B4CA1;border-radius:8px;overflow:hidden;background:#fff}.nested-plan-row{display:flex;align-items:center;padding:10px 12px;cursor:pointer;gap:8px;transition:background .15s}.nested-plan-row:hover{background:#1b4ca10a}.nested-plan-name{flex:1;font-size:14px;font-weight:600;color:#1b4ca1;font-family:Lato,sans-serif;text-align:left;margin-left:11px}.nested-plan-meta{font-size:12px;color:#6b7280;white-space:nowrap;margin-right:4px}.nested-plan-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;flex-shrink:0;color:#1b4ca1}.nested-plan-toggle .toggle-icon{font-size:18px;height:18px;width:18px;line-height:18px;color:#1b4ca1}.nested-courses{border-top:1px solid rgba(27,76,161,.15);background:#f9fafe}.nested-course-row{display:flex;align-items:center;padding:10px 16px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.06);gap:10px;transition:background .15s}.nested-course-row:last-child{border-bottom:none}.nested-course-row:hover{background:#1b4ca10f}.nested-course-name{flex:1;font-size:13px;color:#1b4ca1;font-family:Lato,sans-serif;line-height:1.45;text-align:left}.nested-course-status{width:10px;height:10px;border-radius:50%;flex-shrink:0}.nested-course-status.status-completed{background-color:#22c55e}.nested-course-status.status-in-progress{background-color:#f59e0b}.nested-course-status.status-not-started{background-color:#d1d5db}.disabledinputcl{pointer-events:none;cursor:not-allowed!important;background-color:#f5f5f5;opacity:.6}.course-status-legend{display:flex;align-items:center;gap:16px;margin:10px 12px 12px;font-size:12px;color:#666}.legend-item{display:flex;align-items:center;gap:6px}.nested-course-status{width:8px;height:8px;border-radius:50%;display:inline-block}.status-completed{background:#22c55e}.status-in-progress{background:#f59e0b}.status-not-started{background:#bdbdbd}.retry-btn{background:#fff;color:#fff;padding:10px 20px;font-size:14px;cursor:pointer;border:1px solid #1B4CA1;border-radius:40px;margin-left:45px;color:#1b4ca1}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "srcRelativeLink", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }, { kind: "pipe", type: i6.SlicePipe, name: "slice" }, { kind: "pipe", type: i6.DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SupportAIComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ws-app-support-ai', standalone: false, template: "<div class=\"igot-ai-container\" id=\"igot-ai-container\">\r\n  <div class=\"message-container\" id=\"message-container\">\r\n\r\n    <div [ngClass]=\"fullScreenChatFlag ? 'message-container-full' : 'message-container'\" id=\"message-container\">\r\n      <!-- <ng-container *ngIf=\"aiSearchResultArr?.length === 0\"> -->\r\n      <!-- <div [ngClass]=\"fullScreenChatFlag ? 'start-chat-full':'start-chat'\"> -->\r\n      <!-- <h2 class=\"hey\">Hey<span *ngIf=\"userInfo?.firstName\">, {{userInfo?.firstName}}</span> </h2>\r\n          <p>Welcome to Support AI, Your dedicated support assistant for instant help, step-by-step guidance, and\r\n            personalized support tailored to your needs.</p> -->\r\n      <!-- </div> -->\r\n      <!-- </ng-container> -->\r\n      <ng-container>\r\n        <div class=\"flex row-start incoming-msg margin-bottom-s text-center justify-around mt-2\">\r\n          <div class=\"loading-bar-icon flex flex-row vertical-middle\">\r\n            <!-- <div class=\"mt-2\"><span class=\"blue-color\">Initializing Support AI</span></div> -->\r\n            <div>\r\n              <!-- <div>\r\n                <img alt=\"ai-icon\" class=\"blue-loader-animation\" height=\"18\" width=\"18\" src=\"/assets/ai-tutor/blue-loader.png\">\r\n              </div> -->\r\n\r\n            </div>\r\n            <div class=\"support-ai-chat-container\">\r\n              <div *ngFor=\"let item of chatActivities\">\r\n\r\n                <!-- user message -->\r\n                <div *ngIf=\"item.sender === 'user'\">\r\n                  <div class=\"flex width-1-1 row-end padding-top-l padding-bottom-m\">\r\n                    <div class=\"user-seleted-question padding-xs\">\r\n                      <mat-icon *ngIf=\"item.icon\" class=\"user-msg-icon\">{{item.icon}}</mat-icon>\r\n                      {{ item.text }}\r\n\r\n                    </div>\r\n\r\n                    <div class=\"user-icon\" *ngIf=\"userIcon\">\r\n                      <img [src]=\"userIcon\">\r\n                    </div>\r\n\r\n                    <div class=\"circle-s user-icon\" *ngIf=\"!userIcon\" [ngStyle]=\"{'background-color': circleColor}\">\r\n\r\n                      {{ userInitials }}\r\n\r\n                    </div>\r\n\r\n                  </div>\r\n                  <div *ngIf=\"item.timestamp\" class=\"user-msg-timestamp\">\r\n                    Sarthi {{item.timestamp | date:'h:mm a'}}\r\n                  </div>\r\n                  <div *ngIf=\"loadingSupportAI\">\r\n                    Please Wait...\r\n                  </div>\r\n                </div>\r\n                <!-- bot markdown message -->\r\n                <div *ngIf=\"item.activity?.type === 'markdown'\">\r\n                  <div class=\"flex row-start\">\r\n                    <div class=\"system-icon\">\r\n                      <div class=\"bot-avatar-circle\">\r\n                        <!-- <mat-icon>smart_toy</mat-icon>\r\n                          -->\r\n                        <img src=\"/assets/ai-tutor/roboicon.svg\" alt=\"\" srcset=\"\">\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"system-msg padding-xs\">\r\n                      <markdown [data]=\"item.activity.content\">\r\n                      </markdown>\r\n                    </div>\r\n                  </div>\r\n                  <div *ngIf=\"item.showTimestamp\" class=\"msg-timestamp bot-msg-timestamp\">\r\n                    Sarthi {{item.timestamp | date:'h:mm a'}}\r\n                  </div>\r\n                </div>\r\n                <div *ngIf=\"item.activity?.type === 'picker'\" class=\"picker-container\">\r\n\r\n                  <!-- Dropdown Header -->\r\n\r\n                  <div class=\"picker-header\" (click)=\"pickerOpened = !pickerOpened\">\r\n                    <img class=\"vectorIcon\" src=\"/assets/ai-tutor/Vector.svg\" alt=\"\"> <span\r\n                      class=\"selectcoursetext startconv\">Select the course</span>\r\n\r\n\r\n                    <mat-icon>\r\n                      {{ pickerOpened ? 'expand_less' : 'expand_more' }}\r\n                    </mat-icon>\r\n\r\n                  </div>\r\n\r\n                  <!-- Dropdown -->\r\n\r\n                  <div *ngIf=\"pickerOpened\" class=\"picker-dropdown\">\r\n                    <input type=\"text\" [(ngModel)]=\"pickerSearch\" (input)=\"filterPickerItems()\" placeholder=\"Search\" />\r\n\r\n                    <div *ngFor=\"let course of filteredPickerItems\" class=\"picker-item\"\r\n                      (click)=\"selectPickerItem(course)\">\r\n\r\n                      {{ course.label }}\r\n\r\n                    </div>\r\n\r\n                  </div>\r\n\r\n                </div>\r\n\r\n                <!-- nested picker (training plans with expandable courses) -->\r\n                <div *ngIf=\"item.activity?.type === 'nested_picker'\" class=\"nested-picker-wrapper\">\r\n                  <div *ngFor=\"\r\n    let plan of (\r\n      showAllPlans\r\n        ? item.activity.items\r\n        : (item.activity.items | slice:0:3)\r\n    )\r\n  \" class=\"nested-plan-item\">\r\n\r\n\r\n                    <!-- Plan Row -->\r\n                    <div class=\"nested-plan-row\" (click)=\"toggleNestedItem(plan.id)\">\r\n                      <span class=\"nested-plan-name\">{{plan.label}}</span>\r\n                      <span class=\"nested-plan-meta\">{{formatPlanMeta(plan.meta)}}</span>\r\n                      <span class=\"nested-plan-toggle\">\r\n                        <mat-icon class=\"toggle-icon\">{{ expandedPlanIds[plan.id] ? 'remove' : 'add' }}</mat-icon>\r\n                      </span>\r\n                    </div>\r\n\r\n                    <!-- Expanded Courses -->\r\n                    <!-- <div *ngIf=\"expandedPlanIds[plan.id]\" class=\"nested-courses\">\r\n                      <div *ngFor=\"let course of plan.children\" class=\"nested-course-row\"\r\n                        (click)=\"selectNestedPickerItem(item.activity, course)\">\r\n                        <span class=\"nested-course-name\">{{course.label}}</span>\r\n                        <span class=\"nested-course-status\" [ngClass]=\"getCourseStatusClass(course.meta)\"></span>\r\n                      </div>\r\n                    </div> -->\r\n                    <div *ngIf=\"expandedPlanIds[plan.id]\" class=\"nested-courses\">\r\n\r\n                      <div *ngFor=\"\r\n      let course of (\r\n        plan.showAllCourses\r\n          ? plan.children\r\n          : (plan.children | slice:0:3)\r\n      )\r\n    \" class=\"nested-course-row\" (click)=\"selectNestedPickerItem(item.activity, course)\">\r\n\r\n                        <span class=\"nested-course-name\">{{ course.label }}</span>\r\n                        <span class=\"nested-course-status\" [ngClass]=\"getCourseStatusClass(course?.progress?.status)\">\r\n                        </span>\r\n\r\n                      </div>\r\n                                            <button *ngIf=\"!plan.showAllCourses && plan.children?.length > 3\" class=\"view-more-btn\"\r\n                        (click)=\"plan.showAllCourses = true; $event.stopPropagation()\">\r\n\r\n                        View More ({{ plan.children.length - 3 }})\r\n\r\n                      </button>\r\n<div class=\"course-status-legend\">\r\n  <div class=\"legend-item\">\r\n    <span class=\"nested-course-status status-completed\"></span>\r\n    <span>Completed</span>\r\n  </div>\r\n\r\n  <div class=\"legend-item\">\r\n    <span class=\"nested-course-status status-in-progress\"></span>\r\n    <span>In progress</span>\r\n  </div>\r\n\r\n  <div class=\"legend-item\">\r\n    <span class=\"nested-course-status status-not-started\"></span>\r\n    <span>Not started</span>\r\n  </div>\r\n</div>\r\n\r\n\r\n                      <!-- Optional -->\r\n                      <!--\r\n  <button\r\n    *ngIf=\"plan.showAllCourses && plan.children?.length > 3\"\r\n    class=\"view-more-btn\"\r\n    (click)=\"plan.showAllCourses = false; $event.stopPropagation()\">\r\n\r\n    View Less\r\n\r\n  </button>\r\n  -->\r\n\r\n                    </div>\r\n                  </div>\r\n                  <button *ngIf=\"!showAllPlans && item.activity.items?.length > 3\" class=\"view-more-btn\"\r\n                    (click)=\"showAllPlans = true\">\r\n\r\n                    View More ({{ item.activity.items.length - 3 }})\r\n\r\n                  </button>\r\n                </div>\r\n\r\n                <!-- quick replies -->\r\n\r\n                <div *ngIf=\"item.activity?.type === 'quick_replies'\">\r\n\r\n                  <div class=\"quick-replies-container\">\r\n\r\n                    <button *ngFor=\"\r\n    let choice of (\r\n      item.showAllChoices\r\n        ? item.activity.choices\r\n        : (item.activity.choices | slice:0:3)\r\n    )\r\n  \" (click)=\"selectChoice(choice)\" class=\"quick-reply-btn\">\r\n                      <mat-icon class=\"quick-reply-icon\">{{choice.icon || 'help_outline'}}</mat-icon>\r\n                      <span class=\"quick-reply-label\">{{choice.label}}</span>\r\n                      <mat-icon class=\"quick-reply-chevron\">navigate_next</mat-icon>\r\n                    </button>\r\n\r\n                    <button *ngIf=\"!item.showAllChoices && item.activity.choices?.length > 3\" class=\"view-more-btn flex\"\r\n                      (click)=\"item.showAllChoices = true\">\r\n\r\n                      View More ({{ item.activity.choices.length - 3 }})\r\n\r\n                    </button>\r\n\r\n                    <!-- <button\r\n  *ngIf=\"item.showAllChoices && item.activity.choices?.length > 3\"\r\n  class=\"view-more-btn\"\r\n  (click)=\"item.showAllChoices = false\">\r\n\r\n  View Less\r\n\r\n</button> -->\r\n\r\n                  </div>\r\n\r\n                  <!-- <div *ngIf=\"item.showTimestamp\" class=\"msg-timestamp bot-msg-timestamp\">\r\n                    Sarthi {{item.timestamp | date:'h:mm a'}}\r\n                  </div> -->\r\n\r\n                </div>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"start-new-conv-container\">\r\n          <button class=\"start-new-conv-btn\" (click)=\"startNewConversation()\">\r\n            <mat-icon class=\"start-new-conv-icon\">chevron_left</mat-icon>\r\n            <span class=\"startconv\">Start new conversation...</span>\r\n          </button>\r\n        </div>\r\n          <div *ngIf=\"showRetry\" class=\"retry-container\">\r\n          <button class=\"retry-btn start-new-conv-btn\" (click)=\"retryApi()\">\r\n            Retry\r\n          </button>\r\n        </div>\r\n\r\n      </ng-container>\r\n\r\n\r\n    </div>\r\n    <div [ngClass]=\"fullScreenChatFlag ? 'control-container-full':'control-container'\">\r\n      <div [class]=\"isInputEnabled ? 'border-gradient-rounded' : 'disabledinputcl border-gradient-rounded'\"\r\n        [style.height.px]=\"containerHeight\">\r\n        <div class=\"flex flex-row ml-5 mr-1 justify-between\">\r\n\r\n          <div class=\"query-box\">\r\n            <!-- <input class=\"width-500\" type=\"text\" placeholder=\"Ask anything...\" [(ngModel)]=\"searchQuery\" (keydown.enter)=\"submitSearchQuery()\"/> -->\r\n            <textarea #autoResizeTextarea class=\"width-500\" [disabled]=\"!isInputEnabled\" placeholder=\"Ask Anything...\"\r\n              (input)=\"resizeTextarea(autoResizeTextarea, 'fromInput')\" [(ngModel)]=\"searchQuery\"\r\n              (keydown.enter)=\"submitSearchQuery(autoResizeTextarea, $event)\" rows=\"1\">\r\n          </textarea>\r\n          </div>\r\n\r\n          <div class=\"mt-1\">\r\n            <button type=\"button\" class=\"flex-auto-display send-btn\"\r\n              [disabled]=\"!isInputEnabled || !searchQuery?.trim()\"\r\n              (click)=\"submitSearchQuery(autoResizeTextarea,$event)\"\r\n              [disabled]=\"!searchQuery || !initiateSupportNewChat\">\r\n              <mat-icon class=\"send-btn-icon\">send</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n    </div>\r\n  </div>", styles: [".hey{background:linear-gradient(90deg,#32b9dfde,#1b4ca1de);-webkit-background-clip:text;background-clip:text;color:transparent}.ai-generated-content{background:linear-gradient(90deg,#f3962f,#1b4ca1);-webkit-background-clip:text;background-clip:text;color:transparent}.ai-tutor-container .control-container{position:fixed;bottom:10px;width:24%;margin-left:1%;z-index:2}.ai-tutor-container-chatbot .control-container{position:fixed;bottom:100px;width:600px;margin:1%;z-index:2}.control-container{position:fixed;bottom:80px;width:415px;z-index:2}.start-chat{text-align:center;padding-top:50%}.start-chat-full{text-align:center;padding-top:10%;width:100vw}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff80}.query-box{min-height:36px;transition:height .2s;width:100%}.query-box input{border:0;outline:0}.border-gradient-rounded{border:2px solid transparent;border-radius:20px;background:linear-gradient(to right,#fff,#fff),linear-gradient(to right,#efa34f,#4881e4);background-clip:padding-box,border-box;background-origin:padding-box,border-box;width:100%;min-height:36px}.send-btn{background-color:transparent!important;color:#1b4ca1!important;border:none!important}.message-container{height:100%;min-width:400px;width:100%;z-index:2;position:relative}.message-container-full{height:100%;min-width:96vw;width:100%;z-index:2;position:relative}.ai-tutor-container{background-image:url(/assets/ai-tutor/background.svg);height:90vh}.ai-tutor-container-chatbot{background-image:url(/assets/ai-tutor/background.svg);height:90vh;width:560px}.ai-tutor-container:before{content:\"\";position:absolute;inset:0;background-color:#ffffffe6;z-index:1;height:100vh}.chatbot-icon-container{position:fixed;bottom:120px;right:0;cursor:pointer;height:90px;align-items:flex-start;display:flex;justify-content:center;width:auto;z-index:999999999}.chatbot-icon{position:absolute;right:30px;-moz-animation-delay:1s;-webkit-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;transition:1s ease}.chatbot-icon-expanded{right:0}.expand-text{width:110px;display:flex;align-items:center;justify-content:center;background-color:#1b4ca1;color:#fff;font-size:18px;border-top:2px solid #fff;border-bottom:2px solid #fff;vertical-align:middle}.chatbot{width:610px;position:fixed;bottom:20px;right:50px;z-index:9999999999;border-radius:15px;background-color:#fff;box-shadow:0 6px 16px #0000003d;height:calc(100vh - 20%)}.cb-close{cursor:pointer}.cb-header{color:#fff!important;background-color:#1b4ca1;border-top-left-radius:15px;border-top-right-radius:15px;align-items:center;justify-content:space-between;position:absolute;width:100%;top:0}.cb-header .user-info-div{width:88%;justify-content:space-between}.cb-header .lang-select{height:32px;background-color:#fff;border-color:#00000029!important}.cb-header .user-name{padding-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:74%}.cb-content{background-color:#f0f3f4;overflow:auto}.cb-topics{padding:16px;background-color:#f5f5f5;overflow:auto}.cb-footer{border-bottom-left-radius:15px;border-bottom-right-radius:15px;background-color:#fff}.cb-footer .info{width:33%;padding:5px 0;align-items:center;display:flex;justify-content:center;flex-wrap:wrap;cursor:pointer}.cb-footer .info .info-text{font-size:10px;width:100%;text-align:center}.cb-footer .info .info-icon{height:24px}.br-br{border-bottom-right-radius:15px}.br-bl{border-bottom-left-radius:15px}.language{background-color:#0000000a}.active{background-color:#fbead1;border-top:3px solid rgb(239,149,30)}.active .mat-icon{color:#ef951e!important}.cat-list{margin:0;padding:0;width:100%;display:flex}.cat-item{padding:10px 16px;border-radius:21px;border:1px solid rgba(0,0,0,.16);background-color:#0000000a;opacity:1;color:#000000de;font-family:Lato-Regular,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:center;line-height:20px;width:fit-content;margin-right:12px;height:fit-content;cursor:pointer;white-space:nowrap}.lang-select{width:70px}.lang-select .mat-form-field-flex{background-color:#fff!important}.lang-select .mat-form-field-underline{background-color:transparent!important}.loader{position:absolute;left:50%;top:39%}.default-info .default-icon{width:60px;float:left;display:flex;flex-wrap:wrap}.default-info .default-msg{background-color:#0000000a;border:1px solid rgba(0,0,0,.16);border-radius:0 15px 15px;display:flex;flex-wrap:wrap}.chat-bot-icon{padding-top:8px}.row-start{justify-content:flex-start}.row-start .system-icon{padding-right:3px}.row-start .system-msg{background-color:#d1dbec;border:1px solid rgb(209,219,236);border-radius:0 15px 15px;display:flex;flex-wrap:wrap;min-width:auto;max-width:85%;height:100%;word-break:break-word}.row-start .system-msg ::ng-deep markdown p{margin:0}.word-break{word-break:break-all;white-space:unset}.margin-left-5{margin-left:5%}.question-hint{font-weight:700}.recommended-question{display:flex;flex-wrap:wrap;height:fit-content}.recommended-question .rec-item{height:fit-content}.recommended-question .my-5px{margin-top:5px;margin-bottom:5px}.recommended-question .mr-5px{margin-right:5px}.recommended-question .btn-default{background:#d5c7c70a;border:1px solid #1B4CA1;color:#1b4ca1;padding:10px;font-size:14px;font-weight:700;cursor:pointer;border-radius:5px}.recommended-question .showmore-icon{align-items:flex-start}.recommended-question .btn-active{background:#000;border:1px solid rgba(0,0,0,.16);color:#fff}.recommended-question-for-resource{display:flex;flex-wrap:wrap;height:fit-content}.recommended-question-for-resource .rec-item{height:fit-content}.recommended-question-for-resource .my-5px{margin-top:5px;margin-bottom:5px}.recommended-question-for-resource .mr-5px{margin-right:5px}.recommended-question-for-resource .btn-default{background:#d5c7c70a;border:1px solid #F3962F;color:#1b4ca1;padding:10px;font-size:14px;font-weight:700;cursor:pointer;border-radius:5px}.recommended-question-for-resource .showmore-icon{align-items:flex-start}.recommended-question-for-resource .btn-active{background:#000;border:1px solid rgba(0,0,0,.16);color:#fff}.btn-show-more,.btn-show-less{background:#1b4ca1;color:#fff;padding:10px 20px;font-size:14px;cursor:pointer;border-radius:40px}.row-end{justify-content:flex-end;height:100%}.row-end .user-seleted-question{background-color:#000;border-radius:15px 0 15px 15px;display:flex;flex-wrap:wrap;color:#fff;float:right;text-align:left;max-width:62%;word-break:break-word}.highlight-title{color:#1b4ca1}.incoming-msg{height:fit-content;width:100%}.hint-text{color:#1b4ca1}@media only screen and (max-width:600px){.chatbot{right:6px;bottom:67px}}@media only screen and (max-width:390px){.chatbot{right:6px;bottom:67px}}.chatbot-wrapper{position:relative}.cb-content-wrapper{position:absolute;width:100%;top:64px;bottom:130px;max-height:100%;overflow:auto;box-sizing:border-box;background-color:#f0f3f4}.cb-footer-wrapper{position:absolute;width:100%;bottom:0}.my-5px{margin-top:5px;margin-bottom:5px;margin-left:20px}.mr-5px{margin-right:5px}*,:after,:before{box-sizing:border-box}::ng-deep .disable-scroll{overflow-x:hidden!important;overflow:hidden}@media only screen and (max-width:600px){.chatbot{right:0;bottom:0;width:100%;height:100svh;z-index:999999999}.cb-footer-wrapper{bottom:0}.cb-content-wrapper{bottom:130px}.chatbot-icon-container{bottom:190px}.cb-header{border-top-left-radius:unset;border-top-right-radius:unset}.cb-footer{border-bottom-left-radius:unset;border-bottom-right-radius:unset}.br-br{border-bottom-right-radius:unset}.br-bl{border-bottom-left-radius:unset}}.feefback-section{margin-left:10PX}.vertical-middle{vertical-align:middle}.resource-icon{margin-left:7%}.resource-link{margin-left:40px}.resource-icon img{height:65px;width:115.25px}.font-12{font-size:12px;margin-left:20px}.send-btn-icon{height:22px!important}.link{color:#1b4ca1;text-decoration:underline}.width-500{width:350px}.system-icon img{height:36px;width:36px}.circle-s{border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;margin-left:4px}.circle-s img{border-radius:50%;width:100%;height:100%}.circle-s .initials{color:#fff;font-size:10px;line-height:12px;font-size:14px;letter-spacing:.2625px}.copied-tooltip{position:absolute;left:20%;transform:translate(-50%);background-color:#000;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:1;pointer-events:none;transition:opacity .3s ease;z-index:999}.loading-bar-icon{width:90%}.loading-bar-icon img{height:50px;width:50px}.content-duration{position:relative;background:#f3962f;color:#fff;width:100px;border-radius:8px;text-align:center;margin-top:1px;padding:0 5px;font-size:12px;display:flex;align-items:center;justify-content:center}.content-duration .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.position-relative{position:relative}.user-icon{margin-left:5px}.user-icon img{height:36px;width:36px;border-radius:50%}.control-container-full{position:fixed;bottom:80px;width:97%;z-index:2}@media(min-width:768)and (max-width:1200px){.message-container{height:100%;min-width:300px;width:100%;z-index:2;position:relative}.control-container{position:fixed;bottom:100px;width:41%;z-index:2}.width-500{width:100%}.border-gradient-rounded{border:2px solid transparent;border-radius:20px;background:linear-gradient(to right,#fff,#fff),linear-gradient(to right,#efa34f,#4881e4);background-clip:padding-box,border-box;background-origin:padding-box,border-box;width:98%;height:36px}.start-chat{text-align:center;padding-top:10%}}@media(max-width:767px){.message-container{height:100%;width:100%;z-index:2;position:relative;padding-right:35px}.control-container{position:fixed;bottom:100px;width:100%;z-index:2;padding-left:8px}.width-500{width:100%}.border-gradient-rounded{border:2px solid transparent;border-radius:20px;background:linear-gradient(to right,#fff,#fff),linear-gradient(to right,#efa34f,#4881e4);background-clip:padding-box,border-box;background-origin:padding-box,border-box;width:98%;height:36px}.start-chat{text-align:center;padding:10% 15px;width:100%}.incoming-msg{height:fit-content;width:100%;margin-left:5px}}@media(min-width:768px)and (max-width:1023px){.igot-ai-container{width:100vw}.message-container{height:100%;width:100%;z-index:2;position:relative;padding-right:15px}.control-container{position:fixed;bottom:80px;width:100%;z-index:2;padding-left:8px}.incoming-msg{height:fit-content;width:100%;margin-left:5px}.width-500{width:100%}.border-gradient-rounded{border:2px solid transparent;border-radius:20px;background:linear-gradient(to right,#fff,#fff),linear-gradient(to right,#efa34f,#4881e4);background-clip:padding-box,border-box;background-origin:padding-box,border-box;width:98%;height:36px}.start-chat{text-align:center;padding-top:10%}}.w-92{width:92%}::ng-deep .copy-icon .material-icons{font-size:18px!important}::ng-deep .copy-icon .mat-icon{vertical-align:middle}.internet-result-query{background:#add8e6;border:1px solid #1B4CA1;color:#000;padding:10px;font-size:14px;font-weight:700;cursor:pointer;border-radius:5px}.blue-color{color:#1b4ca1;font-size:14px;font-weight:700}.web-button{background-color:#fff;color:#1b4ca1;border-radius:8px;padding:10px;border:1px solid #1B4CA1}.web-search-icon,.web-close-icon{color:#1b4ca1;vertical-align:middle}.rotate-180{rotate:180deg}.feedback-icon{height:18px;width:18px}.h-w-34{height:34px;width:34px}.timeout-error-block{background:#ffb6c185;border:1px solid lightpink;padding:0 10px;border-radius:16px;font-size:16px!important}.autorenew-icon .mat-icon{height:auto;width:auto}.autorenew-btn{background:red;border:1px solid lightpink;border-radius:8px;color:#fff;font-size:14px}.font-16{font-size:16px!important}.h-36{height:36px}.error-for-failed{background:red;font-weight:400}.error-for-failed-btn{background-color:#fff;color:red;border-radius:8px;padding:10px;border:1px solid red}.failed-error{font-size:12px;color:#d13924;font-weight:400}.error-retry-icon,.error-close-icon{color:red;vertical-align:middle}.border-gradient-rounded textarea{width:100%;border:none;resize:none;overflow:hidden;font-size:14px;font-family:Lato;box-sizing:border-box;min-height:32px;padding-top:5px}.border-gradient-rounded textarea:focus{outline:none;border:1px solid transparent}.igot-ai-container{margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center!important}.justify-around{justify-content:space-around!important}.blue-loader-animation{width:18px;height:18px;animation:spin 2s linear infinite;transform-origin:center center}.support-ai-chat-container{display:flex;flex-direction:column;width:100%}.quick-replies-container{display:flex;flex-direction:column;gap:10px;padding:8px 0 4px}.quick-replies-container .quick-reply-btn{display:flex;align-items:center;width:100%;background:#fff;border:1.5px solid #1B4CA1;border-radius:8px;padding:10px 14px;cursor:pointer;text-align:left}.quick-replies-container .quick-reply-btn:hover{background:#1b4ca10a}.quick-replies-container .quick-reply-btn .quick-reply-icon{color:#1b4ca1;font-size:18px;height:18px;width:18px;margin-right:10px;flex-shrink:0}.quick-replies-container .quick-reply-btn .quick-reply-label{flex:1;font-size:14px;color:#1b4ca1;font-weight:600;line-height:20px}.quick-replies-container .quick-reply-btn .quick-reply-chevron{color:#1b4ca1;font-size:18px;height:18px;width:18px;flex-shrink:0}.start-new-conv-container{display:flex;justify-content:flex-start;padding:4px 0 8px 2px}.start-new-conv-container .start-new-conv-btn{display:flex;align-items:center;background:transparent;border:none;color:#1b4ca1;font-size:13px;cursor:pointer;padding:2px 0;font-family:Lato,sans-serif}.start-new-conv-container .start-new-conv-btn:hover{text-decoration:underline}.start-new-conv-container .start-new-conv-btn .start-new-conv-icon{font-size:16px;height:16px;width:16px;line-height:16px}.row-start{align-items:flex-start;margin-bottom:10px}.row-start .system-msg{background:#d1dbec;border:none;border-radius:4px 16px 16px;padding:14px 16px;max-width:82%;color:#4a4a4a;font-size:14px;line-height:1.45;box-shadow:none;text-align:left}.row-start .system-icon,.row-start .chat-bot-icon{margin-right:10px;margin-top:2px}.row-end{align-items:flex-start;margin:10px 0}.row-end .user-seleted-question{background:#172b4d;color:#fff;border-radius:16px 4px 16px 16px;padding:10px 16px;max-width:70%;font-size:14px;line-height:20px;word-break:break-word;box-shadow:none}.user-icon,.circle-s{margin-left:8px;margin-top:2px}.system-icon img,.user-icon img,.circle-s{width:34px;height:34px}.support-ai-chat-container{display:flex;flex-direction:column;gap:10px}.system-msg markdown,.system-msg markdown p{margin:0;font-size:14px;color:#4a4a4a;line-height:22px}.quick-replies-container{margin:8px 0 0 44px;display:flex;flex-direction:column;gap:8px}.quick-reply-btn{display:flex;align-items:center;width:100%;background:#fff;border:1.5px solid #1B4CA1;border-radius:8px;padding:10px 14px;min-height:44px;transition:.2s}.quick-reply-btn:hover{background:#1b4ca10a}.quick-reply-icon{color:#1b4ca1;margin-right:10px}.quick-reply-label{flex:1;text-align:left;color:#1b4ca1;font-size:14px;font-weight:600}.quick-reply-chevron{color:#1b4ca1}.start-new-conv-container{padding-left:44px;margin-top:6px}.start-new-conv-btn{color:#1b4ca1;font-size:13px;font-weight:500}.start-new-conv-icon{font-size:16px}.bot-avatar-circle{width:36px;height:36px;min-width:36px;border-radius:50%;background-color:#1b4ca1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bot-avatar-circle mat-icon{color:#fff;font-size:20px;height:20px;width:20px;line-height:20px}.msg-timestamp{font-size:11px;color:#00000073;margin-top:4px}.bot-msg-timestamp{padding-left:44px;margin-bottom:6px}.user-msg-timestamp{font-size:11px;color:#00000073;text-align:right;padding-right:44px;margin-top:-6px;margin-bottom:6px}.user-msg-icon{vertical-align:middle;font-size:18px!important;height:18px!important;width:18px!important;margin-right:6px;color:#fff}.startconv{color:var(--Primary-KB-Primary-Light, #1B4CA1);font-family:Lato;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.picker-container{margin-top:12px}.picker-header{border:1px solid #2b66ff;border-radius:24px;padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.picker-dropdown{margin-top:8px;border:1px solid #ddd;border-radius:12px;background:#fff;max-height:320px;overflow:auto}.picker-dropdown input{width:89%;padding:12px;border:1.5px solid lightgray;outline:none;margin-top:10px;border-radius:20px}.picker-item{padding:12px 16px;cursor:pointer}.picker-item:hover{background:#f5f7ff}.picker-viewport{height:300px;width:100%}.picker-item{padding:10px 16px;cursor:pointer;text-align:left;white-space:normal;line-height:20px;word-break:break-word}.picker-item:hover{background:#f5f5f5}.vectorIcon{width:22px!important;height:22px!important}.view-more-btn{width:100%;margin-top:8px;background:transparent;border:none;color:#1f5cb8;font-weight:600;cursor:pointer;text-align:center}.view-more-btn:hover{text-decoration:underline}.nested-picker-wrapper{display:flex;flex-direction:column;gap:8px;margin-top:10px;width:100%}.nested-plan-item{border:1.5px solid #1B4CA1;border-radius:8px;overflow:hidden;background:#fff}.nested-plan-row{display:flex;align-items:center;padding:10px 12px;cursor:pointer;gap:8px;transition:background .15s}.nested-plan-row:hover{background:#1b4ca10a}.nested-plan-name{flex:1;font-size:14px;font-weight:600;color:#1b4ca1;font-family:Lato,sans-serif;text-align:left;margin-left:11px}.nested-plan-meta{font-size:12px;color:#6b7280;white-space:nowrap;margin-right:4px}.nested-plan-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;flex-shrink:0;color:#1b4ca1}.nested-plan-toggle .toggle-icon{font-size:18px;height:18px;width:18px;line-height:18px;color:#1b4ca1}.nested-courses{border-top:1px solid rgba(27,76,161,.15);background:#f9fafe}.nested-course-row{display:flex;align-items:center;padding:10px 16px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.06);gap:10px;transition:background .15s}.nested-course-row:last-child{border-bottom:none}.nested-course-row:hover{background:#1b4ca10f}.nested-course-name{flex:1;font-size:13px;color:#1b4ca1;font-family:Lato,sans-serif;line-height:1.45;text-align:left}.nested-course-status{width:10px;height:10px;border-radius:50%;flex-shrink:0}.nested-course-status.status-completed{background-color:#22c55e}.nested-course-status.status-in-progress{background-color:#f59e0b}.nested-course-status.status-not-started{background-color:#d1d5db}.disabledinputcl{pointer-events:none;cursor:not-allowed!important;background-color:#f5f5f5;opacity:.6}.course-status-legend{display:flex;align-items:center;gap:16px;margin:10px 12px 12px;font-size:12px;color:#666}.legend-item{display:flex;align-items:center;gap:6px}.nested-course-status{width:8px;height:8px;border-radius:50%;display:inline-block}.status-completed{background:#22c55e}.status-in-progress{background:#f59e0b}.status-not-started{background:#bdbdbd}.retry-btn{background:#fff;color:#fff;padding:10px 20px;font-size:14px;cursor:pointer;border:1px solid #1B4CA1;border-radius:40px;margin-left:45px;color:#1b4ca1}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.ConfigurationsService }, { type: i1$1.EventService }, { type: i0.Renderer2 }, { type: ChatbotService }, { type: i3.MatSnackBar }, { type: SupportAiService }, { type: i5.Router }], propDecorators: { from: [{
+                type: Input
+            }], userJourney: [{
+                type: Input
+            }], chatId: [{
+                type: Input
+            }], userId: [{
+                type: Input
+            }], fullScreenChatFlag: [{
+                type: Input
+            }], activeLaguage: [{
+                type: Input
+            }], scrollToBottomEvent: [{
+                type: Output
+            }], myScrollContainer: [{
+                type: ViewChild,
+                args: ['scrollMe']
+            }], textArea: [{
+                type: ViewChild,
+                args: ['autoResizeTextarea']
+            }] } });
+
+class WebSocketService {
+    constructor() {
+        this.messageSubject = new Subject();
+    }
+    // Establish a connection to the WebSocket
+    connect(url) {
+        this.socket = new WebSocket(url);
+        console.log('this.socket', this.socket);
+        this.socket.onopen = () => {
+            console.log('WebSocket connection established');
+        };
+        this.socket.onmessage = event => {
+            console.log('event', event);
+            this.messageSubject.next(event.data);
+        };
+        this.socket.onerror = error => {
+            console.error('WebSocket error:', error);
+        };
+        this.socket.onclose = () => {
+            console.log('WebSocket connection closed');
+        };
+    }
+    // Send message to the WebSocket server
+    sendMessage(message) {
+        // console.log(message)
+        // console.log(this.socket)
+        if (this.socket && this.socket.readyState === WebSocket.OPEN) {
+            this.socket.send(message);
+        }
+        else {
+            console.error('WebSocket is not open');
+        }
+    }
+    // Observable for receiving messages from WebSocket
+    getMessages() {
+        return this.messageSubject.asObservable().pipe(share());
+    }
+    // Close the WebSocket connection
+    closeConnection() {
+        if (this.socket) {
+            this.socket.close();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: WebSocketService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: WebSocketService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: WebSocketService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+class ItsmChatModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ItsmChatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: ItsmChatModule, declarations: [SupportAIComponent], imports: [CommonModule,
+            FormsModule,
+            MatIconModule,
+            MatTooltipModule,
+            ScrollingModule,
+            MarkdownModule,
+            PipeDurationTransformModule], exports: [SupportAIComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ItsmChatModule, providers: [WebSocketService, SupportAiService], imports: [CommonModule,
+            FormsModule,
+            MatIconModule,
+            MatTooltipModule,
+            ScrollingModule,
+            MarkdownModule,
+            PipeDurationTransformModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ItsmChatModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SupportAIComponent
+                    ],
+                    imports: [CommonModule,
+                        FormsModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        ScrollingModule,
+                        MarkdownModule,
+                        PipeDurationTransformModule],
+                    exports: [SupportAIComponent],
+                    providers: [WebSocketService, SupportAiService]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ItsmChatModule, SupportAIComponent };
+//# sourceMappingURL=sunbird-cb-itsm-chatbot.mjs.map