@koredev/agentai-web-sdk 3.0.0-rc → 3.2.0-rc

package/dist/umd/hot/hot-update.js

@@ -1,48 +1,59 @@
 "use strict";
 self["webpackHotUpdateaa_sdk"]("KoreAASDK",{
 
-/***/ "./src/components/aaWindow/aaWindow.ts":
-/*!*********************************************!*\
-  !*** ./src/components/aaWindow/aaWindow.ts ***!
-  \*********************************************/
+/***/ "./src/components/common/templatemanager/base/aaContainer/aaContainer.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/components/common/templatemanager/base/aaContainer/aaContainer.tsx ***!
+  \********************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   AAContainer: () => (/* binding */ AAContainer),
+/* harmony export */   AALoder: () => (/* binding */ AALoder),
+/* harmony export */   FeedbackToast: () => (/* binding */ FeedbackToast),
+/* harmony export */   IndividualLoader: () => (/* binding */ IndividualLoader),
+/* harmony export */   NetworkErrorToast: () => (/* binding */ NetworkErrorToast)
 /* harmony export */ });
-/* harmony import */ var _aaWindow_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_aaWindow.scss */ "./src/components/aaWindow/_aaWindow.scss");
-/* harmony import */ var _common_utils_EventEmiter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common/utils/EventEmiter */ "./src/components/common/utils/EventEmiter.ts");
-/* harmony import */ var _common_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../common/templatemanager/base/domManager */ "./src/components/common/templatemanager/base/domManager.tsx");
-/* harmony import */ var _common_templatemanager_base_aaContainer_aaContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../common/templatemanager/base/aaContainer/aaContainer */ "./src/components/common/templatemanager/base/aaContainer/aaContainer.tsx");
-/* harmony import */ var _common_services_web_socket_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../common/services/web-socket-service */ "./src/components/common/services/web-socket-service.ts");
-/* harmony import */ var _common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../common/constants/events.cnst */ "./src/components/common/constants/events.cnst.ts");
-/* harmony import */ var _common_services_rootService__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../common/services/rootService */ "./src/components/common/services/rootService.ts");
-/* harmony import */ var _common_templatemanager_base_eventManager__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../common/templatemanager/base/eventManager */ "./src/components/common/templatemanager/base/eventManager.tsx");
-/* harmony import */ var _common_utils_interceptor__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../common/utils/interceptor */ "./src/components/common/utils/interceptor.ts");
-/* harmony import */ var _common_constants_projConsts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../common/constants/projConsts */ "./src/components/common/constants/projConsts.ts");
-/* harmony import */ var _common_services_localstorage_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../common/services/localstorage.service */ "./src/components/common/services/localstorage.service.ts");
-/* harmony import */ var kore_web_sdk__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! kore-web-sdk */ "./node_modules/kore-web-sdk/dist/esm/kore-web-sdk-chat.min.js");
-/* harmony import */ var _common_services_template_render_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../common/services/template-render-service */ "./src/components/common/services/template-render-service.ts");
-/* harmony import */ var _common_services_chunkFileUpload_service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../common/services/chunkFileUpload.service */ "./src/components/common/services/chunkFileUpload.service.ts");
-/* harmony import */ var _common_templatemanager_tabs_ErrorBoundary_ErrorHandler__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../common/templatemanager/tabs/ErrorBoundary/ErrorHandler */ "./src/components/common/templatemanager/tabs/ErrorBoundary/ErrorHandler.ts");
-/* harmony import */ var _common_templatemanager_tabs_atom_actionButtons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../common/templatemanager/tabs/atom/actionButtons */ "./src/components/common/templatemanager/tabs/atom/actionButtons.tsx");
-/* harmony import */ var _common_constants_errorcodes__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../common/constants/errorcodes */ "./src/components/common/constants/errorcodes.ts");
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+/* harmony import */ var _aaContainer_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./aaContainer.scss */ "./src/components/common/templatemanager/base/aaContainer/aaContainer.scss");
+/* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! preact/hooks */ "./node_modules/preact/hooks/dist/hooks.module.js");
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.module.js");
+/* harmony import */ var _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../constants/projConsts */ "./src/components/common/constants/projConsts.ts");
+/* harmony import */ var _tabs_all_tabs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../tabs/all-tabs */ "./src/components/common/templatemanager/tabs/all-tabs.tsx");
+/* harmony import */ var _tabs_assist_assist__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../tabs/assist/assist */ "./src/components/common/templatemanager/tabs/assist/assist.tsx");
+/* harmony import */ var _tabs_search_search__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../tabs/search/search */ "./src/components/common/templatemanager/tabs/search/search.tsx");
+/* harmony import */ var _tabs_transcript_transcript__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../tabs/transcript/transcript */ "./src/components/common/templatemanager/tabs/transcript/transcript.tsx");
+/* harmony import */ var _tabs_playbook_playbook__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../tabs/playbook/playbook */ "./src/components/common/templatemanager/tabs/playbook/playbook.tsx");
+/* harmony import */ var _tabs_header_header__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../tabs/header/header */ "./src/components/common/templatemanager/tabs/header/header.tsx");
+/* harmony import */ var _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../constants/events.cnst */ "./src/components/common/constants/events.cnst.ts");
+/* harmony import */ var _tabs_mybot_mybot__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../tabs/mybot/mybot */ "./src/components/common/templatemanager/tabs/mybot/mybot.tsx");
+/* harmony import */ var _domManager__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../domManager */ "./src/components/common/templatemanager/base/domManager.tsx");
+/* harmony import */ var _utils_koregenerateuuid__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../utils/koregenerateuuid */ "./src/components/common/utils/koregenerateuuid.ts");
+/* harmony import */ var _tabs_atom_dialogPopups__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../tabs/atom/dialogPopups */ "./src/components/common/templatemanager/tabs/atom/dialogPopups.tsx");
+/* harmony import */ var _constants_settingsConsts__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../constants/settingsConsts */ "./src/components/common/constants/settingsConsts.ts");
+/* harmony import */ var _tabs_automation_automation__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../tabs/automation/automation */ "./src/components/common/templatemanager/tabs/automation/automation.tsx");
+/* harmony import */ var _tabs_ErrorBoundary_ErrorBoundary__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../tabs/ErrorBoundary/ErrorBoundary */ "./src/components/common/templatemanager/tabs/ErrorBoundary/ErrorBoundary.tsx");
+/* harmony import */ var _tabs_sentimentScore_sentimentScore__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../tabs/sentimentScore/sentimentScore */ "./src/components/common/templatemanager/tabs/sentimentScore/sentimentScore.tsx");
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 
 
 
@@ -60,1214 +71,816 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
-var AAWindow = /** @class */ (function (_super) {
-    __extends(AAWindow, _super);
-    function AAWindow() {
-        var _this = _super.call(this) || this;
-        _this.newSocketApproach = false;
-        _this.settingsResponseHandler = function (data) {
-            if (_this.newSocketApproach) {
-                _this.handleSettingsResponse(data, _this.config, _this.rootService.connectionDetails.channel);
-            }
-        };
-        _this.handleOnReadyEvent = function () {
-            if (_this.newSocketApproach) {
-                _this.commonEmitEvents(_this.config);
-            }
-        };
-        _this.handleOnSocketConnectionEvent = function (config) {
-            if (!_this.newSocketApproach) {
-                _this.commonEmitEvents(config);
-            }
+
+
+function NetworkErrorToast(props) {
+    return ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "toast-custom-msg-container aa-network-error-toastr aa-hidden" },
+        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "toast-msg-custom" },
+            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "icon_block" },
+                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" },
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M7.17843 0.502645C3.59639 0.401083 0.604208 3.23702 0.502645 6.81905C0.401083 10.4011 3.23702 13.3972 6.81905 13.4987C10.4011 13.5964 13.3972 10.7644 13.4987 7.17843C13.5107 6.71937 13.4729 6.27055 13.3916 5.83646C13.3204 5.45632 12.8618 5.33602 12.5804 5.60138C12.445 5.72904 12.389 5.91835 12.4205 6.10172C12.4793 6.44341 12.5078 6.7945 12.4987 7.15499C12.4128 10.1862 9.87764 12.5808 6.84639 12.4987C3.81514 12.4128 1.41671 9.87764 1.49874 6.84639C1.58468 3.81514 4.11983 1.41671 7.15108 1.49874C8.00397 1.5256 8.8049 1.74585 9.51665 2.11731C9.72197 2.22446 9.97509 2.20036 10.1432 2.04103C10.3813 1.81533 10.3481 1.42597 10.0589 1.27097C9.19863 0.809842 8.22268 0.531475 7.17843 0.502645ZM12.3523 2.6921C12.157 2.49686 11.8405 2.49686 11.6452 2.6921L5.99874 8.33858L4.49874 6.84639L4.34964 6.69496C4.15628 6.49859 3.83996 6.49736 3.64509 6.69223C3.45032 6.887 3.45143 7.20312 3.64756 7.39651L3.79874 7.54559L5.64519 9.39796C5.84036 9.59376 6.15738 9.59401 6.35286 9.39853L12.3523 3.39913C12.5475 3.20389 12.5475 2.88734 12.3523 2.6921Z", fill: "#135423" }))),
+            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("h1", { className: "toast-content-info" }, "Error while connecting to server"),
+            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", { className: "close-toast-msg aa-network-error-close-btn" },
+                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none" },
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M15 5.2002L5 15.2002M5 5.2002L15 15.2002", stroke: "#667085", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+}
+function FeedbackToast(props) {
+    return ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "toast-custom-msg-container aa-feedback-toastr aa-hidden" },
+        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "toast-msg-custom" },
+            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "icon_block" },
+                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" },
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M7.17843 0.502645C3.59639 0.401083 0.604208 3.23702 0.502645 6.81905C0.401083 10.4011 3.23702 13.3972 6.81905 13.4987C10.4011 13.5964 13.3972 10.7644 13.4987 7.17843C13.5107 6.71937 13.4729 6.27055 13.3916 5.83646C13.3204 5.45632 12.8618 5.33602 12.5804 5.60138C12.445 5.72904 12.389 5.91835 12.4205 6.10172C12.4793 6.44341 12.5078 6.7945 12.4987 7.15499C12.4128 10.1862 9.87764 12.5808 6.84639 12.4987C3.81514 12.4128 1.41671 9.87764 1.49874 6.84639C1.58468 3.81514 4.11983 1.41671 7.15108 1.49874C8.00397 1.5256 8.8049 1.74585 9.51665 2.11731C9.72197 2.22446 9.97509 2.20036 10.1432 2.04103C10.3813 1.81533 10.3481 1.42597 10.0589 1.27097C9.19863 0.809842 8.22268 0.531475 7.17843 0.502645ZM12.3523 2.6921C12.157 2.49686 11.8405 2.49686 11.6452 2.6921L5.99874 8.33858L4.49874 6.84639L4.34964 6.69496C4.15628 6.49859 3.83996 6.49736 3.64509 6.69223C3.45032 6.887 3.45143 7.20312 3.64756 7.39651L3.79874 7.54559L5.64519 9.39796C5.84036 9.59376 6.15738 9.59401 6.35286 9.39853L12.3523 3.39913C12.5475 3.20389 12.5475 2.88734 12.3523 2.6921Z", fill: "#135423" }))),
+            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("h1", { className: "toast-content-info" }, "Thanks for the feedback"),
+            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", { className: "close-toast-msg aa-feedback-close-btn" },
+                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none" },
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M15 5.2002L5 15.2002M5 5.2002L15 15.2002", stroke: "#667085", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+}
+function AALoder(props) {
+    return ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { id: "aa-loader-main", className: "loader-progress-main" },
+        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "loading-border" })));
+}
+function IndividualLoader(props) {
+    return ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { id: "aa-loader-individual", className: "loader-progress-individual" },
+        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "loading-border" })));
+}
+function AAContainer(props) {
+    var _a, _b, _c, _d;
+    var hostInstance = props.hostInstance;
+    var rootServiceInstance = hostInstance.rootService;
+    var localStorageServiceInstance = hostInstance.localStorageService;
+    var _e = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(false), assistTabActive = _e[0], setAssistTabActive = _e[1];
+    var _f = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(false), mybotTabActive = _f[0], setMybotTabActive = _f[1];
+    var _g = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(false), searchTabActive = _g[0], setSearchTabActive = _g[1];
+    var _h = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(false), transcriptTabActive = _h[0], setTranscriptTabActive = _h[1];
+    var _j = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(false), playbookTabActive = _j[0], setplaybookTabActive = _j[1];
+    var _k = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)('light'), selectedTheme = _k[0], setSelectedTheme = _k[1];
+    var _l = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)([]), coachingHints = _l[0], setCoachingHints = _l[1];
+    var _m = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)([]), coachingNudges = _m[0], setCoachingNudges = _m[1];
+    var _o = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(""), editedSummaryText = _o[0], setEditedSummaryText = _o[1];
+    var _p = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)((_a = rootServiceInstance === null || rootServiceInstance === void 0 ? void 0 : rootServiceInstance.aaSettings) === null || _a === void 0 ? void 0 : _a.agentAssistWidgetEnabled), showWidget = _p[0], setShowWidget = _p[1];
+    var timeoutId = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useRef)(undefined);
+    var hints = [];
+    var nudges = [];
+    var tabsNTitles = ((_b = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.dskSettings) === null || _b === void 0 ? void 0 : _b.tabs) || [
+        { type: 'srch', title: 'Search', isEnabled: true },
+        { type: 'mB', title: 'My Bot', isEnabled: true },
+        { type: 'ast', title: 'Assist', isEnabled: true },
+        { type: 'trnspt', title: 'Transcript', isEnabled: true },
+        { type: 'cl', title: 'PlayBook', isEnabled: true }
+    ];
+    var connectionDetails = props.connectionDetails;
+    var sourceDesktop = 'SomeSource';
+    var hideUserBotHistory = false;
+    var serTabMap = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.serviceTabMap;
+    var selectTab = (rootServiceInstance === null || rootServiceInstance === void 0 ? void 0 : rootServiceInstance.activeTab) || 'ast';
+    var classConstants = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.ClassMapConstanst;
+    var idMapConstants = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.IdMapConstant;
+    // Define a mapping of tab types to their components
+    var tabComponents = {
+        'srch': _tabs_search_search__WEBPACK_IMPORTED_MODULE_6__.Search,
+        'mB': _tabs_mybot_mybot__WEBPACK_IMPORTED_MODULE_11__.MyBot,
+        'trnspt': _tabs_transcript_transcript__WEBPACK_IMPORTED_MODULE_7__.Transcript,
+        'cl': _tabs_playbook_playbook__WEBPACK_IMPORTED_MODULE_8__.Playbook,
+        'ast': _tabs_assist_assist__WEBPACK_IMPORTED_MODULE_5__.Assist
+    };
+    // Define a mapping of tab types to their active states
+    var tabActiveStates = {
+        'srch': searchTabActive,
+        'mB': mybotTabActive,
+        'trnspt': transcriptTabActive,
+        'cl': playbookTabActive,
+        'ast': assistTabActive
+    };
+    var chatContainerClass = classConstants.SDK_MAIN_WRAPPER; //left-menu-nav-enable
+    (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+        hostInstance.on(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.EVENTS_TO_SDK.UPDATE_ACTIVE_TAB, function (data) {
+            toggleActiveTab(data.activeTab, data.footerTag);
+        });
+        rootServiceInstance.checkTransferDetailsAndDisableWidget(hostInstance);
+        addHeaderTemplate();
+        addFooterTemplate();
+        addTerminatePopupTemplate();
+        addInterruptPopupTemplate();
+        addFeedbackToastrTemplate();
+        addListViewPopupTemplate();
+        addAttachmentViewTemplate();
+        addSettingsTemplate();
+        addSentimentPopupTemplate();
+        handleSentimentPopupOutSideClick();
+        updateTabActive(rootServiceInstance.activeTab, false);
+        hostInstance.on(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.DATA_EVENTS.AGENT_FEEDBACK_RESPONSE, handleFeedbackResponse);
+        hostInstance.on('AGENT_COACHING_RESPONSES', handleCoachingEvents);
+        hostInstance.on('END_OF_CONVERSATION', endOfConversationEvent);
+        hostInstance.on('SET_SUMMARY_POPUP', handleSummaryPopup);
+        hostInstance.on('RESOLUTION_COMMENTS_RESPONSE', handleSummaryResolutionComments);
+        hostInstance.on('DESTROY_WIDGET', handleDestroyWidget);
+        hostInstance.on(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.INTERNAL_EVENTS.PAUSE_TRANSCRIPT, handlePauseResumeTranscript);
+        hostInstance.on(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.INTERNAL_EVENTS.RESUME_TRANSCRIPT, handlePauseResumeTranscript);
+        return function () {
+            destroyContainer();
         };
-        _this.handleOverrideMode = function (toggleOverride, dialogId) {
-            var _a;
-            var connectionDetails = _this.rootService.connectionDetails;
-            var overRideObj = {
-                "agentId": "",
-                "botId": connectionDetails.botId,
-                "conversationId": connectionDetails.conversationId,
-                "query": "",
-                "enable_override_userinput": toggleOverride,
-                'experience': (_a = _this.rootService.connectionDetails) === null || _a === void 0 ? void 0 : _a.channel,
-                "positionId": dialogId
-            };
-            // this.rootService.proactiveMode = !toggleOverride;
-            _this.socketConnection.emitEvents(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS.enable_override_userinput, overRideObj);
-            _this.rootService.OverRideMode = toggleOverride;
+    }, []);
+    (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+        if (assistTabActive) {
+            rootServiceInstance.handleAssistScroll();
+        }
+        if (transcriptTabActive) {
+            rootServiceInstance.scrollBottomTranscript();
+        }
+    }, [assistTabActive, transcriptTabActive]);
+    var handleDestroyWidget = function () {
+        setShowWidget(false);
+        destroyContainer();
+    };
+    var destroyContainer = function () {
+        clearTimeout(timeoutId.current);
+        hostInstance.off(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.EVENTS_TO_SDK.UPDATE_ACTIVE_TAB);
+        hostInstance.off(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.DATA_EVENTS.AGENT_FEEDBACK_RESPONSE, handleFeedbackResponse);
+        hostInstance.off('AGENT_COACHING_RESPONSES', handleCoachingEvents);
+        hostInstance.off('END_OF_CONVERSATION', endOfConversationEvent);
+        hostInstance.off('SET_SUMMARY_POPUP', handleSummaryPopup);
+        hostInstance.off('RESOLUTION_COMMENTS_RESPONSE', handleSummaryResolutionComments);
+        hostInstance.off('DESTROY_WIDGET', function () { return setShowWidget(false); });
+        hostInstance.off(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.INTERNAL_EVENTS.PAUSE_TRANSCRIPT, handlePauseResumeTranscript);
+        hostInstance.off(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.INTERNAL_EVENTS.RESUME_TRANSCRIPT, handlePauseResumeTranscript);
+    };
+    var handleCoachingEvents = function (response) { return handleCocahingResponse(response); };
+    var chooseTheme = function () {
+        setSelectedTheme(selectedTheme === 'light' ? 'dark' : 'light');
+    };
+    var endOfConversationEvent = function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var request_resolution_comments = {
+            conversationId: (_b = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.rootService) === null || _a === void 0 ? void 0 : _a.connectionDetails) === null || _b === void 0 ? void 0 : _b.conversationId,
+            userId: ((_d = (_c = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.rootService) === null || _c === void 0 ? void 0 : _c.connectionDetails) === null || _d === void 0 ? void 0 : _d.userId) || '',
+            botId: (_f = (_e = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.rootService) === null || _e === void 0 ? void 0 : _e.connectionDetails) === null || _f === void 0 ? void 0 : _f.botId,
+            sessionId: (0,_utils_koregenerateuuid__WEBPACK_IMPORTED_MODULE_13__["default"])(),
+            chatHistory: (_h = (_g = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.rootService) === null || _g === void 0 ? void 0 : _g.connectionDetails) === null || _h === void 0 ? void 0 : _h.chatHistory
         };
-        _common_templatemanager_tabs_ErrorBoundary_ErrorHandler__WEBPACK_IMPORTED_MODULE_13__.ErrorHandler.initialize(_this);
-        return _this;
-    }
-    AAWindow.prototype.show = function (config) {
-        var _a = config.connectionDetails, conversationId = _a.conversationId, botId = _a.botId, domainURL = _a.domainURL, token = _a.token, channel = _a.channel;
-        if (!conversationId || !botId || !domainURL || !token || !channel) {
-            this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.SDK_EVENTS.ON_ERROR, _common_constants_errorcodes__WEBPACK_IMPORTED_MODULE_15__.ERROR_CODES['ERR_MISSING_REQUIRED_FIELDS']);
-            return;
-        }
-        if (domainURL.endsWith('/')) {
-            config.connectionDetails.domainURL = domainURL.replace(/\/+$/, "");
-        }
-        this.cleanupEvents();
-        this.emit('DESTROY_WIDGET', {});
-        this.config = config;
-        this.dskSettings = config.dskSettings;
-        this.subscribeToEvents();
-        this.initShow(config);
-        this.eventManager = new _common_templatemanager_base_eventManager__WEBPACK_IMPORTED_MODULE_7__["default"](this);
-        window.addEventListener('message', this.receiveMessage.bind(this), false);
-    };
-    ;
-    AAWindow.prototype.sendUserMessage = function (_data) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        if (((_b = (_a = _data.author) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'user') {
-            var sanitizedValue = this.rootService.sanitizeHTML(_data.message);
-            _data.message = sanitizedValue;
-            if (_data.message) {
-                var conversationId = (_c = this.rootService.connectionDetails) === null || _c === void 0 ? void 0 : _c.conversationId;
-                var botId = (_d = this.rootService.connectionDetails) === null || _d === void 0 ? void 0 : _d.botId;
-                var data = {
-                    author: _data.author,
-                    type: (_f = (_e = _data.author) === null || _e === void 0 ? void 0 : _e.type) === null || _f === void 0 ? void 0 : _f.toUpperCase(),
-                    conversationId: conversationId,
-                    value: _data.message,
-                    botId: botId,
-                    message: _data.message
-                };
-                this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.INTERNAL_EVENTS.USER_TRANSCRIPT_MSG, data);
-                this.socketConnection.emitEvents(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS.user_sent_message, data);
-                if (this.rootService.proactiveMode && !this.rootService.OverRideMode && !this.rootService.manualAssistOverrideMode) {
-                    var agent_assist_request = {
-                        author: _data.author,
-                        botId: botId,
-                        conversationId: conversationId,
-                        experience: (_g = this.rootService.connectionDetails) === null || _g === void 0 ? void 0 : _g.channel,
-                        query: _data.message,
-                        positionId: this.rootService.isAutomationOnGoing ? this.rootService.currentPositionId : null
-                    };
-                    if (_data === null || _data === void 0 ? void 0 : _data.customData) {
-                        agent_assist_request['customData'] = JSON.parse(JSON.stringify(_data === null || _data === void 0 ? void 0 : _data.customData));
-                    }
-                    if (_data === null || _data === void 0 ? void 0 : _data.secureCustomData) {
-                        agent_assist_request['secureCustomData'] = _data === null || _data === void 0 ? void 0 : _data.secureCustomData;
-                    }
-                    var assistSection = document.querySelector("".concat(_common_constants_projConsts__WEBPACK_IMPORTED_MODULE_9__.ClassMapConstanst.ASSIST_SECTION));
-                    var parentNode = (((_h = assistSection === null || assistSection === void 0 ? void 0 : assistSection.childNodes) === null || _h === void 0 ? void 0 : _h.length) > 0 ? assistSection === null || assistSection === void 0 ? void 0 : assistSection.childNodes[((_j = assistSection === null || assistSection === void 0 ? void 0 : assistSection.childNodes) === null || _j === void 0 ? void 0 : _j.length) - 1] : assistSection);
-                    this.renderIndividualLoader(parentNode);
-                    this.socketConnection.emitEvents(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS.agent_assist_request, agent_assist_request);
+        request_resolution_comments['model'] = (_k = (_j = rootServiceInstance.aaSettings) === null || _j === void 0 ? void 0 : _j.summarization['localeData'][rootServiceInstance.connectionDetails.interactiveLanguage || 'en']) === null || _k === void 0 ? void 0 : _k.model;
+        hostInstance.setSummaryPopup({ initPopup: true });
+        hostInstance.socketConnection.emitEvents(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.EVENTS.request_resolution_comments, request_resolution_comments);
+        hostInstance.socketConnection.emitEvents(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.EVENTS.end_of_conversation, request_resolution_comments);
+    };
+    var handleSummaryPopup = function (respData) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var isSummaryEnabled = (_b = (_a = rootServiceInstance.aaSettings) === null || _a === void 0 ? void 0 : _a.summarization['localeData'][rootServiceInstance.connectionDetails.interactiveLanguage || 'en']) === null || _b === void 0 ? void 0 : _b.isEnabled;
+        if (!isSummaryEnabled) {
+            localStorageServiceInstance.deleteLocalStorageState(rootServiceInstance.connectionDetails.conversationId);
+        }
+        var summaryPopupModal = (_c = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _c === void 0 ? void 0 : _c.querySelector('#aa-conv-summary');
+        var summaryOverlayEle = document.getElementsByClassName(idMapConstants.SUMMARY_OVERLAY_BLOCK)[0];
+        if (isSummaryEnabled && (respData.initPopup || respData.openOnResponse) && !summaryPopupModal) {
+            var summaryObj = (0,_domManager__WEBPACK_IMPORTED_MODULE_12__.getHTML)(SummaryPopupHTMLEle, respData, hostInstance);
+            summaryOverlayEle === null || summaryOverlayEle === void 0 ? void 0 : summaryOverlayEle.append(summaryObj);
+            (_d = hostInstance.eventManager) === null || _d === void 0 ? void 0 : _d.addEventListener('.aa-delete-summary-text', 'click', function () {
+                var _a;
+                deleteSummaryText();
+                (_a = summaryOverlayEle.querySelector('.aa-delete-summary-text')) === null || _a === void 0 ? void 0 : _a.classList.add('aa-hidden');
+            }, summaryObj);
+            (_e = hostInstance.eventManager) === null || _e === void 0 ? void 0 : _e.addEventListener('.aa-summit-summary-text', 'click', function () {
+                submitSummaryResolution();
+            }, summaryObj);
+            (_f = hostInstance.eventManager) === null || _f === void 0 ? void 0 : _f.addEventListener('.aa-copy-summary-text', 'click', function (event) {
+                event.target.textContent = 'Copied';
+                copySummaryResolution();
+            }, summaryObj);
+            (_g = hostInstance.eventManager) === null || _g === void 0 ? void 0 : _g.addEventListener('.aa-close-summary-text', 'click', function () {
+                closeSummaryPopup();
+            }, summaryObj);
+            (_h = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.eventManager) === null || _h === void 0 ? void 0 : _h.addEventListener('.aa-summary-text-input', 'input', function (event) {
+                var _a, _b;
+                if (event.target.value) {
+                    (_a = summaryOverlayEle.querySelector('.aa-delete-summary-text')) === null || _a === void 0 ? void 0 : _a.classList.remove('aa-hidden');
                 }
-            }
-        }
-        else {
-            this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.SDK_EVENTS.ON_ERROR, _common_constants_errorcodes__WEBPACK_IMPORTED_MODULE_15__.ERROR_CODES['ERR_USER_MISSING_REQ_FIELDS']);
-        }
-    };
-    AAWindow.prototype.sendAgentMessage = function (_data) {
-        var _a, _b, _c, _d, _e, _f;
-        if (((_b = (_a = _data.author) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'agent') {
-            var sanitizedValue = this.rootService.sanitizeHTML(_data.message);
-            _data.message = sanitizedValue;
-            if (_data.message) {
-                var conversationId = (_c = this.rootService.connectionDetails) === null || _c === void 0 ? void 0 : _c.conversationId;
-                var botId = (_d = this.rootService.connectionDetails) === null || _d === void 0 ? void 0 : _d.botId;
-                var data = {
-                    author: _data.author,
-                    type: (_f = (_e = _data.author) === null || _e === void 0 ? void 0 : _e.type) === null || _f === void 0 ? void 0 : _f.toUpperCase(),
-                    conversationId: conversationId,
-                    value: _data.message,
-                    message: _data.message,
-                    botId: botId
-                };
-                this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.INTERNAL_EVENTS.AGENT_TRANSCRIPT_MSG, data);
-                if (_data === null || _data === void 0 ? void 0 : _data.customData) {
-                    data['customData'] = JSON.parse(JSON.stringify(_data === null || _data === void 0 ? void 0 : _data.customData));
+                else {
+                    (_b = summaryOverlayEle.querySelector('.aa-delete-summary-text')) === null || _b === void 0 ? void 0 : _b.classList.add('aa-hidden');
                 }
-                if (_data === null || _data === void 0 ? void 0 : _data.secureCustomData) {
-                    data['secureCustomData'] = _data === null || _data === void 0 ? void 0 : _data.secureCustomData;
+                setEditedSummaryText(event.target.value);
+            }, summaryObj);
+            hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, summaryObj, {
+                event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.CONVERSATION_SUMMARY_TEMPLATE,
+                respData: respData
+            });
+            hostInstance.renderIndividualLoader(summaryOverlayEle);
+        }
+        else if (summaryPopupModal && respData.openOnResponse) {
+            (_j = summaryOverlayEle.querySelector('.aa-close-summary-text')) === null || _j === void 0 ? void 0 : _j.removeAttribute('disabled');
+            (_k = summaryOverlayEle.querySelector('.aa-summit-summary-text')) === null || _k === void 0 ? void 0 : _k.removeAttribute('disabled');
+            (_l = summaryOverlayEle.querySelector('.aa-copy-summary-text')) === null || _l === void 0 ? void 0 : _l.removeAttribute('disabled');
+            (_m = summaryOverlayEle.querySelector('.aa-delete-summary-text')) === null || _m === void 0 ? void 0 : _m.classList.remove('aa-hidden');
+            hostInstance.removeIndividualLoader(summaryOverlayEle);
+            if (respData.summaryText) {
+                var textarea = summaryOverlayEle.querySelector('#summaryText');
+                if (textarea) {
+                    textarea.value = respData.summaryText;
                 }
-                this.socketConnection.emitEvents(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS.agent_sent_message, data);
+                setEditedSummaryText(respData.summaryText);
+            }
+            var summaryFooter = summaryOverlayEle === null || summaryOverlayEle === void 0 ? void 0 : summaryOverlayEle.querySelector(".actions-footer");
+            if ((_p = (_o = rootServiceInstance.aaSettings) === null || _o === void 0 ? void 0 : _o.feedback[_constants_settingsConsts__WEBPACK_IMPORTED_MODULE_15__.FeebackConst.SUMMARY]) === null || _p === void 0 ? void 0 : _p.isEnabled) {
+                var feedbackWrapperTemplate = (0,_domManager__WEBPACK_IMPORTED_MODULE_12__.getHTML)(_tabs_automation_automation__WEBPACK_IMPORTED_MODULE_16__.FeedbackWrapperInsideDialog, { dialog: { dialogId: respData === null || respData === void 0 ? void 0 : respData.positionId } }, hostInstance);
+                hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, feedbackWrapperTemplate, {
+                    event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.FEEDBACK_WRAPER_TEMPLATE,
+                    data: { dialog: { dialogId: respData === null || respData === void 0 ? void 0 : respData.positionId } }
+                });
+                summaryFooter.append(feedbackWrapperTemplate);
+                rootServiceInstance.handleFeedbackType({ dialogId: respData === null || respData === void 0 ? void 0 : respData.positionId, feedbackData: rootServiceInstance === null || rootServiceInstance === void 0 ? void 0 : rootServiceInstance.prepareFeedbackForSummary(respData === null || respData === void 0 ? void 0 : respData.positionId) }, summaryFooter, _constants_settingsConsts__WEBPACK_IMPORTED_MODULE_15__.FeebackConst.SUMMARY, hostInstance);
             }
         }
-        else {
-            this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.SDK_EVENTS.ON_ERROR, _common_constants_errorcodes__WEBPACK_IMPORTED_MODULE_15__.ERROR_CODES['ERR_AGENT_MISSING_REQ_FIELDS']);
-        }
-    };
-    AAWindow.prototype.subscribeToEvents = function () {
-        this.on(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.DATA_EVENTS.SETTINGS_RESPONSE, this.settingsResponseHandler);
-        this.bindEvents();
-    };
-    AAWindow.prototype.handleSettingsResponse = function (res, config, channel) {
-        var widgetSettings = {};
-        if (res && res.agentAssistSettings && res.agentAssistSettings[channel]) {
-            this.rootService.accountId = res.accountId;
-            res.agentAssistSettings = this.addBackWardCompatibility(res.agentAssistSettings);
-            widgetSettings = Object.assign(res.agentAssistSettings, res.agentAssistSettings[channel]);
-        }
-        else {
-            widgetSettings = this.rootService.defaultwidgetSettings;
-        }
-        this.rootService.aaSettings = JSON.parse(JSON.stringify(widgetSettings));
-        this.updateSettingsProperties();
     };
-    AAWindow.prototype.initiateSocketConnection = function () {
-        var _this = this;
-        // if(!this.newSocketApproach){
-        //   this.updateSettingsProperties();
-        // }
-        setTimeout(function () {
-            var language = _this.getLanguageDetails();
-            _this.socketConnection.socketConnection(_this.config, _this.rootService.grantResponseObj, language);
-        }, 100);
-    };
-    AAWindow.prototype.updateSettingsProperties = function () {
-        var hasEnabledTabs = this.localStorageService.initializeLocalStorageData(this.rootService.aaSettings);
-        if (!hasEnabledTabs) {
-            var noTabsScreenHtml = (0,_common_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_common_templatemanager_tabs_atom_actionButtons__WEBPACK_IMPORTED_MODULE_14__.NoTabsScreen, {}, this);
-            this.render(noTabsScreenHtml);
-        }
-        else {
-            var language = this.getLanguageDetails();
-            var chatWindowHtml = void 0;
-            chatWindowHtml = (0,_common_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_common_templatemanager_base_aaContainer_aaContainer__WEBPACK_IMPORTED_MODULE_3__.AAContainer, {}, this);
-            this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.SDK_EVENTS.BEFORE_VIEW_INIT, chatWindowHtml, { event: _common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.SDK_EVENTS.MAIN_CONTAINER, data: {} });
-            this.chatEle = chatWindowHtml;
-            this.render(chatWindowHtml);
-            this.hideSendAndCopy();
-            this.chatWindowInstance.chatEle = this.chatEle;
-        }
+    var handleSummaryResolutionComments = function (respData) {
+        respData.openOnResponse = true;
+        var summary = (respData === null || respData === void 0 ? void 0 : respData.isError) ?
+            "We're sorry, but there was a problem generating the summary for this conversation. Please create your own summary"
+            : respData.summary[0];
+        setEditedSummaryText(summary);
+        hostInstance.socketConnection.emitEvents(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.EVENTS.response_resolution_comments_ack, respData, true);
+        hostInstance.setSummaryPopup(__assign(__assign({}, respData), { summaryText: summary }));
     };
-    AAWindow.prototype.initShow = function (config) {
-        var _this = this;
+    var SummaryPopupHTMLEle = function (props) {
         var _a, _b, _c;
-        this.renderLoader();
-        this.socketConnection = new _common_services_web_socket_service__WEBPACK_IMPORTED_MODULE_4__["default"](this);
-        this.chatWindowInstance = new kore_web_sdk__WEBPACK_IMPORTED_MODULE_16__.chatWindow();
-        this.chatWindowInstance.sendMessage = function (messageText, options, serverMessageObject, clientMessageObject) {
-            console.log(messageText, options, serverMessageObject, clientMessageObject, "txt***8");
-            _this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.INTERNAL_EVENTS.TEMPLATE_CLICK, { messageText: messageText, tab: _this.rootService.activeTab });
-        };
-        this.rootService = new _common_services_rootService__WEBPACK_IMPORTED_MODULE_6__["default"](this);
-        this.localStorageService = new _common_services_localstorage_service__WEBPACK_IMPORTED_MODULE_10__["default"](this);
-        this.chunkFileUploadService = new _common_services_chunkFileUpload_service__WEBPACK_IMPORTED_MODULE_12__.chunkFileUploadService(this);
-        this.rootService.connectionDetails = config.connectionDetails;
-        this.templateRenderService = new _common_services_template_render_service__WEBPACK_IMPORTED_MODULE_11__.templateRenderClassService(this);
-        //apply branding based on theme
-        var theme = (_a = this.localStorageService) === null || _a === void 0 ? void 0 : _a.getThemeLocal();
-        this.applyBranding(theme === _common_constants_projConsts__WEBPACK_IMPORTED_MODULE_9__.storageConst.DARK ? _common_constants_projConsts__WEBPACK_IMPORTED_MODULE_9__.DARKTHEME_COLORCODES : (_b = config.branding) === null || _b === void 0 ? void 0 : _b.colors, theme);
-        // this.chatWindowInstance.setBranding();   
-        var _d = config.connectionDetails, botId = _d.botId, conversationId = _d.conversationId, token = _d.token, domainURL = _d.domainURL;
-        var isJWE = ((_c = token === null || token === void 0 ? void 0 : token.split('.')) === null || _c === void 0 ? void 0 : _c.length) === 5;
-        if (botId && conversationId && token && domainURL || isJWE) {
-            this.JWTSetup(config, isJWE)
-                .then(function (data) {
-                _this.newSocketApproach = data === null || data === void 0 ? void 0 : data.cvs;
-                (0,_common_utils_interceptor__WEBPACK_IMPORTED_MODULE_8__.updateEndPointUrl)(data === null || data === void 0 ? void 0 : data.invokeNewAAService);
-                if (data === null || data === void 0 ? void 0 : data.cId) {
-                    config.connectionDetails.conversationId = data.cId;
-                    _this.rootService.connectionDetails.conversationId = data.cId;
-                }
-                _this.rootService.grantResponseObj = data;
-                config['JWT_RESP'] = data;
-                _this.socketConnection.configOptions = config;
-                var language = _this.getLanguageDetails();
-                // new socket approach
-                if (data === null || data === void 0 ? void 0 : data.cvs) {
-                    _this.initiateSocketConnection();
-                }
-                else {
-                    var _a = config.connectionDetails, botId_1 = _a.botId, channel_1 = _a.channel;
-                    _this.getAASettings(botId_1)
-                        .then(function (res) {
-                        _this.handleSettingsResponse(res, config, channel_1);
-                        _this.initiateSocketConnection();
-                    }).catch(function (err) {
-                        _this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.SDK_EVENTS.ON_ERROR, _common_constants_errorcodes__WEBPACK_IMPORTED_MODULE_15__.ERROR_CODES['ERR_SETTINGS_API_FAILURE']);
-                    });
+        var msgData = props.msgData;
+        var initPopup = (msgData === null || msgData === void 0 ? void 0 : msgData.initPopup) || false;
+        var submitEnabled = (_c = (_a = rootServiceInstance === null || rootServiceInstance === void 0 ? void 0 : rootServiceInstance.aaSettings) === null || _a === void 0 ? void 0 : _a.summarization['localeData'][((_b = rootServiceInstance === null || rootServiceInstance === void 0 ? void 0 : rootServiceInstance.connectionDetails) === null || _b === void 0 ? void 0 : _b.interactiveLanguage) || 'en']) === null || _c === void 0 ? void 0 : _c.canSubmit;
+        return ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "summery-wrapper-container" },
+            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "summery-popup-data", id: "aa-conv-summary" },
+                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "title-block" },
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("h1", null, "Summary"),
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "ai-block" },
+                        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", null,
+                            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "19", height: "14", viewBox: "0 0 19 14", fill: "none" },
+                                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M9.99979 5.81524V8.01866C9.56245 8.60838 8.98161 8.80996 8.40024 8.80996C7.3657 8.80996 6.64453 7.93073 6.64453 6.92499C6.64453 5.90316 7.3657 5.00732 8.40024 5.00732C8.98161 5.00732 9.56245 5.21212 9.99979 5.81524Z", fill: "#111827" }),
+                                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M16.4016 0.310059H4.49325C4.21767 0.309988 3.94477 0.36504 3.69014 0.47207C3.43552 0.579099 3.20415 0.73601 3.00926 0.93384C2.81437 1.13167 2.65978 1.36654 2.5543 1.62505C2.44882 1.88355 2.39453 2.16062 2.39453 2.44043V9.25632C3.97002 9.26274 5.2009 10.4831 5.2009 12.0474C5.20345 12.5621 5.06557 13.0674 4.80255 13.5074H16.4016C16.9579 13.507 17.4914 13.2824 17.8848 12.883C18.2782 12.4836 18.4994 11.9419 18.4998 11.3771V2.44257C18.5001 2.1626 18.4461 1.88532 18.3408 1.62657C18.2355 1.36782 18.081 1.13269 17.8861 0.934628C17.6913 0.736565 17.4598 0.579454 17.2051 0.472284C16.9504 0.365115 16.6773 0.309988 16.4016 0.310059ZM12.2015 10.4932H10.234V9.94594C9.71132 10.2921 9.0748 10.4932 8.3113 10.4932C6.44232 10.4932 4.92796 8.91285 4.92796 6.91516C4.92796 4.88858 6.44232 3.32104 8.3113 3.32104C9.07322 3.32104 9.71132 3.5222 10.234 3.86834V3.32104H12.2015V10.4932ZM15.9679 10.4932H14.0004V3.32104H15.9706L15.9679 10.4932Z", fill: "#111827" }),
+                                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M2.16101 10.5996C1.30956 10.5996 0.605469 11.2231 0.605469 12.0442C0.605469 12.884 1.30956 13.5075 2.16101 13.5075C3.03295 13.5075 3.73705 12.884 3.73705 12.0442C3.73705 11.2226 3.03295 10.5996 2.16101 10.5996Z", fill: "#111827" }))),
+                        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("span", null, "Suggested"),
+                        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", { type: "button", className: "close-summery aa-close-summary-text", disabled: initPopup },
+                            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none" },
+                                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M15 5.2002L5 15.2002M5 5.2002L15 15.2002", stroke: "#667085", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))),
+                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "input-block" },
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("textarea", { className: "input-control aa-summary-text-input", id: "summaryText", placeholder: (!initPopup && !editedSummaryText) ? 'Type Summary...' : '', rows: 4, cols: 50 }),
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", { className: "recylin-bin-btn aa-delete-summary-text ".concat(initPopup || !editedSummaryText ? "aa-hidden" : '') },
+                        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
+                            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M13.3333 4.99996V4.33329C13.3333 3.39987 13.3333 2.93316 13.1517 2.57664C12.9919 2.26304 12.7369 2.00807 12.4233 1.84828C12.0668 1.66663 11.6001 1.66663 10.6667 1.66663H9.33333C8.39991 1.66663 7.9332 1.66663 7.57668 1.84828C7.26308 2.00807 7.00811 2.26304 6.84832 2.57664C6.66667 2.93316 6.66667 3.39987 6.66667 4.33329V4.99996M8.33333 9.58329V13.75M11.6667 9.58329V13.75M2.5 4.99996H17.5M15.8333 4.99996V14.3333C15.8333 15.7334 15.8333 16.4335 15.5608 16.9683C15.3212 17.4387 14.9387 17.8211 14.4683 18.0608C13.9335 18.3333 13.2335 18.3333 11.8333 18.3333H8.16667C6.76654 18.3333 6.06647 18.3333 5.53169 18.0608C5.06129 17.8211 4.67883 17.4387 4.43915 16.9683C4.16667 16.4335 4.16667 15.7334 4.16667 14.3333V4.99996", stroke: "#D92D20", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))),
+                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "actions-footer" },
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "footer-btns-left-sec" },
+                        submitEnabled && ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", { className: "aa_btn primaryBtn aa-summit-summary-text", disabled: initPopup, id: "summarySubmit" }, "Submit")),
+                        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", { className: "aa_btn aa-solidbtn aa-copy-summary-text", disabled: initPopup, id: "summaryCopy" }, "Copy"))))));
+    };
+    var submitSummaryResolution = function () {
+        var _a, _b, _c;
+        var summaryTextValue = ((_a = document.getElementById("summaryText")) === null || _a === void 0 ? void 0 : _a.value) || "";
+        var submitSummaryRequestParams = {
+            conversationId: (_b = hostInstance.rootService.connectionDetails) === null || _b === void 0 ? void 0 : _b.conversationId,
+            botId: (_c = hostInstance.rootService.connectionDetails) === null || _c === void 0 ? void 0 : _c.botId,
+            summary: [
+                {
+                    'summary_text': summaryTextValue
                 }
-            }).catch(function (err) {
-                _this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.SDK_EVENTS.ON_ERROR, _common_constants_errorcodes__WEBPACK_IMPORTED_MODULE_15__.ERROR_CODES['ERR_TOKEN_INVALID']);
-                _this.handleNetworkError();
-            });
-            this.chatWindowInstance.on('beforeWSSendMessage', function (event) {
-                console.log('before ws send message: ', event);
-            });
-        }
-    };
-    ;
-    AAWindow.prototype.getLanguageDetails = function () {
-        var language = this.localStorageService.getLanguage();
-        return language;
+            ]
+        };
+        hostInstance.socketConnection.emitEvents(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.EVENTS.submit_summary_request, submitSummaryRequestParams);
+        closeSummaryPopup();
     };
-    AAWindow.prototype.addBackWardCompatibility = function (agentassistSettings) {
+    var copySummaryResolution = function () {
         var _a;
-        if (agentassistSettings && (!agentassistSettings.feedback || !((_a = Object.keys(agentassistSettings.feedback)) === null || _a === void 0 ? void 0 : _a.length))) {
-            agentassistSettings.feedback = this.rootService.defaultFeedbackSettings;
-        }
-        return agentassistSettings;
+        var summaryTextValue = ((_a = document.getElementById("summaryText")) === null || _a === void 0 ? void 0 : _a.value) || "";
+        navigator.clipboard.writeText(summaryTextValue).then(function () {
+        }).catch(function (err) {
+        });
     };
-    AAWindow.prototype.hideSendAndCopy = function () {
-        var _a, _b, _c, _d;
-        this.rootService.hideActionButtons = (this.rootService.connectionDetails.channel === _common_constants_projConsts__WEBPACK_IMPORTED_MODULE_9__.ProjConstants.VOICE) ? true : false;
-        if (((_b = (_a = this.rootService) === null || _a === void 0 ? void 0 : _a.aaSettings) === null || _b === void 0 ? void 0 : _b.isAgentResponseEnabled) === false) {
-            this.rootService.hideSendButton = true;
-        }
-        if (((_d = (_c = this.rootService) === null || _c === void 0 ? void 0 : _c.aaSettings) === null || _d === void 0 ? void 0 : _d.isAgentResponseCopyEnabled) === false) {
-            this.rootService.hideCopyButton = true;
-        }
-        if (this.rootService.hideSendButton && this.rootService.hideCopyButton) {
-            this.rootService.hideActionButtons = true;
+    var closeSummaryPopup = function () {
+        var _a;
+        var summaryTextValue = ((_a = document.getElementById("summaryText")) === null || _a === void 0 ? void 0 : _a.value) || "";
+        hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.INTERNAL_EVENTS.CONVERSATION_SUMMARY_IN_ASSIST, summaryTextValue);
+        var parentElement = document.querySelector('.' + idMapConstants.SUMMARY_OVERLAY_BLOCK);
+        var childToRemove = document.querySelector('.summery-wrapper-container');
+        if (parentElement && childToRemove) {
+            // Remove the child element
+            parentElement.removeChild(childToRemove);
         }
     };
-    AAWindow.prototype.getAASettings = function (botId) {
-        var channel = this.rootService.connectionDetails.channel;
-        return (0,_common_utils_interceptor__WEBPACK_IMPORTED_MODULE_8__["default"])('get_aa_settings', {
-            method: 'GET',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-        }, this, { botId: botId, channel: channel });
+    var deleteSummaryText = function () {
+        setEditedSummaryText("");
+        document.getElementById("summaryText").value = '';
     };
-    AAWindow.prototype.JWTSetup = function (options, isJWE) {
+    var handleCocahingResponse = function (resData) {
         var _a, _b;
-        var _c = options.connectionDetails || {}, token = _c.token, botId = _c.botId;
-        var payload = {
-            "assertion": token,
-            "botInfo": {
-                taskBotId: botId,
-                chatBot: 'Sample Bot'
-            },
-            "token": {}
-        };
-        // const endPoint = isJWE ? 'jwt_load' : 'jwt_grant';
-        var endPoint = ((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.connectionDetails) === null || _b === void 0 ? void 0 : _b.isSecure) ? 'jwt_load' : 'jwt_grant';
-        return (0,_common_utils_interceptor__WEBPACK_IMPORTED_MODULE_8__["default"])(endPoint, {
-            method: 'POST',
-            body: JSON.stringify(payload),
-        }, this);
-    };
-    AAWindow.prototype.render = function (chatWindowHtml) {
-        this.clearContainer();
-        var container = document.getElementsByClassName(this.config.container)[0];
-        if (chatWindowHtml) {
-            container.append(chatWindowHtml);
-        }
-    };
-    ;
-    AAWindow.prototype.clearContainer = function () {
-        var elements = document.getElementsByClassName(this.config.container);
-        // Loop through each element and clear its children
-        for (var i = 0; i < elements.length; i++) {
-            while (elements[i].firstChild) {
-                elements[i].removeChild(elements[i].firstChild);
+        if (((_a = rootServiceInstance.aaSettings) === null || _a === void 0 ? void 0 : _a.agentAssistWidgetEnabled) && ((_b = rootServiceInstance.aaSettings) === null || _b === void 0 ? void 0 : _b.isAgentCoachingEnabled)) {
+            if ((resData === null || resData === void 0 ? void 0 : resData.action) === 'nudge') {
+                handleNudgeData(resData);
+            }
+            else if ((resData === null || resData === void 0 ? void 0 : resData.action) === 'hint') {
+                handleHintData(resData);
             }
         }
     };
-    AAWindow.prototype.renderLoader = function () {
-        var loaderHtml = (0,_common_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_common_templatemanager_base_aaContainer_aaContainer__WEBPACK_IMPORTED_MODULE_3__.AALoder, {}, this);
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.SDK_EVENTS.BEFORE_VIEW_INIT, loaderHtml, { event: _common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.SDK_EVENTS.MAIN_LOADER, data: {} });
-        var container = document.getElementsByClassName(this.config.container)[0];
-        container.append(loaderHtml);
-    };
-    AAWindow.prototype.removeLoader = function () {
-        var loaderHtml = document.getElementById(_common_constants_projConsts__WEBPACK_IMPORTED_MODULE_9__.IdMapConstant.LOADER_BLOCK_MAIN);
-        loaderHtml === null || loaderHtml === void 0 ? void 0 : loaderHtml.remove();
-    };
-    AAWindow.prototype.renderIndividualLoader = function (container) {
-        var _this = this;
-        var loaderHtml = (0,_common_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_common_templatemanager_base_aaContainer_aaContainer__WEBPACK_IMPORTED_MODULE_3__.IndividualLoader, {}, this);
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.SDK_EVENTS.BEFORE_VIEW_INIT, loaderHtml, { event: _common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.SDK_EVENTS.INDIVIDUAL_LOADER, data: {} });
-        container === null || container === void 0 ? void 0 : container.append(loaderHtml);
+    var handleNudgeData = function (NudgeObject) {
+        var _a;
+        var uQ = NudgeObject.actionId;
+        nudges.unshift(NudgeObject);
+        setCoachingNudges(function (prevNudges) { return __spreadArray([NudgeObject], prevNudges, true); });
+        var nudgeBanner = (0,_domManager__WEBPACK_IMPORTED_MODULE_12__.getHTML)(nudgeHTMLEle, NudgeObject, hostInstance);
+        var nudgeEle = document.getElementsByClassName(_constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.ClassMapConstanst.NUDGE_TEMPLATE)[0];
         setTimeout(function () {
-            _this.removeIndividualLoader(container);
-        }, 5000);
-    };
-    AAWindow.prototype.removeIndividualLoader = function (parentNode) {
-        var loaderHtml = parentNode.querySelector("#".concat(_common_constants_projConsts__WEBPACK_IMPORTED_MODULE_9__.IdMapConstant.LOADER_BLOCK_INDIVIDUAL));
-        loaderHtml === null || loaderHtml === void 0 ? void 0 : loaderHtml.remove();
-    };
-    AAWindow.prototype.bindEvents = function () {
-        this.on('ON_SOCKET_CONNECTION', this.handleOnSocketConnectionEvent);
-        this.on(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.DATA_EVENTS.ON_READY, this.handleOnReadyEvent);
-    };
-    AAWindow.prototype.cleanupEvents = function () {
-        this.off(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.DATA_EVENTS.SETTINGS_RESPONSE, this.settingsResponseHandler);
-        this.off('ON_SOCKET_CONNECTION', this.handleOnSocketConnectionEvent);
-        this.off(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.DATA_EVENTS.ON_READY, this.handleOnReadyEvent);
-    };
-    AAWindow.prototype.commonEmitEvents = function (config) {
-        var _a, _b;
-        var _c = config === null || config === void 0 ? void 0 : config.connectionDetails, botId = _c.botId, conversationId = _c.conversationId, autoBotId = _c.autoBotId, interactiveLanguage = _c.interactiveLanguage, userName = _c.userName, customData = _c.customData, token = _c.token, channel = _c.channel;
-        var sendCustomData = '';
-        var sendInteractiveLanguage = '';
-        var sendAutoBotId = '';
-        if (customData && ((_a = Object.keys(customData)) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = config === null || config === void 0 ? void 0 : config.connectionDetails) === null || _b === void 0 ? void 0 : _b.source) !== 'smartassist-color-scheme') {
-            sendCustomData = customData;
-        }
-        ;
-        if (interactiveLanguage !== null && typeof interactiveLanguage !== 'undefined' && interactiveLanguage !== "''") {
-            sendInteractiveLanguage = interactiveLanguage; // Return the default value for null, undefined, or "''"
-        }
-        ;
-        if (autoBotId && autoBotId !== 'undefined') {
-            sendAutoBotId = autoBotId;
-        }
-        ;
-        var welComeMsgReqParam = {
-            "waitTime": 2000,
-            "userName": userName,
-            "id": conversationId,
-            "isSendWelcomeMessage": true,
-            "agentassistInfo": {},
-            "botId": botId,
-            "sendMenuRequest": true,
-            "uId": "",
-            "sId": "",
-            "experience": channel,
-            "jToken": token,
-            "conversationId": conversationId,
-            "autoBotId": sendAutoBotId,
-            "language": sendInteractiveLanguage,
-            "allQueryParams": config === null || config === void 0 ? void 0 : config.connectionDetails,
-            "customData": sendCustomData,
-        };
-        this.welComeMsgReq(welComeMsgReqParam);
-        var overrideMode = this.rootService.proactiveMode ? false : true;
-        this.handleOverrideMode(overrideMode, null);
-        var menuReqParam = {
-            "botId": botId,
-            "conversationId": conversationId,
-            "experience": channel,
-            "autoBotId": sendAutoBotId,
-            "language": sendInteractiveLanguage
-        };
-        this.menuReq(menuReqParam);
-    };
-    AAWindow.prototype.prepareAgentAssistRequestParams = function (data) {
-        var _a, _b, _c, _d, _e, _f;
-        var agent_assist_request = {
-            'conversationId': data.conversationId,
-            'query': data.value,
-            'botId': data.botId,
-            'agentId': '',
-            'experience': data === null || data === void 0 ? void 0 : data.channel,
-            'positionId': data.positionId,
-            'intType': 'assist'
-        };
-        if (data.intentName) {
-            agent_assist_request['intentName'] = data.value;
-        }
-        if (data.entities) {
-            agent_assist_request['entities'] = data.entities;
-        }
-        else {
-            agent_assist_request['entities'] = [];
-        }
-        if (data.childBotId) {
-            agent_assist_request['childBotId'] = data.childBotId;
-        }
-        if (data.childBotName) {
-            agent_assist_request['childBotName'] = data.childBotName;
-        }
-        if ((data === null || data === void 0 ? void 0 : data.autoBotId) && (data === null || data === void 0 ? void 0 : data.autoBotId) !== 'undefined') {
-            agent_assist_request['autoBotId'] = data.autoBotId;
-        }
-        else {
-            agent_assist_request['autoBotId'] = '';
-        }
-        if (data.intentName && data.userInput) {
-            agent_assist_request['query'] = data.userInput;
-        }
-        if (this.rootService.isAutomationOnGoing) {
-            agent_assist_request['positionId'] = this.rootService.currentPositionId;
-        }
-        if (Array.isArray(data.traits) && ((_a = data === null || data === void 0 ? void 0 : data.traits) === null || _a === void 0 ? void 0 : _a.length)) {
-            agent_assist_request['traits'] = data.traits;
-        }
-        if (data.taskRefId) {
-            agent_assist_request['taskRefId'] = data.taskRefId;
-        }
-        if (data.dialogId) {
-            agent_assist_request['dialogId'] = data.dialogId;
-        }
-        if (data.isDiscard) {
-            agent_assist_request['terminateTask'] = data.isDiscard;
-        }
-        if (data === null || data === void 0 ? void 0 : data.attachments) {
-            agent_assist_request['query'] = ((_c = (_b = data === null || data === void 0 ? void 0 : data.attachments[0]) === null || _b === void 0 ? void 0 : _b.url) === null || _c === void 0 ? void 0 : _c.fileUrl) || '';
-            agent_assist_request['attachments'] = data === null || data === void 0 ? void 0 : data.attachments;
-        }
-        if (data === null || data === void 0 ? void 0 : data.author) {
-            agent_assist_request['firstName'] = ((_d = data === null || data === void 0 ? void 0 : data.author) === null || _d === void 0 ? void 0 : _d.firstName) || '';
-            agent_assist_request['lastName'] = ((_e = data === null || data === void 0 ? void 0 : data.author) === null || _e === void 0 ? void 0 : _e.lastName) || '';
-            agent_assist_request['type'] = ((_f = data === null || data === void 0 ? void 0 : data.author) === null || _f === void 0 ? void 0 : _f.type) || '';
-        }
-        agent_assist_request = this.addSourceMsgIdToRequestParams(data, agent_assist_request);
-        return agent_assist_request;
-    };
-    AAWindow.prototype.prepareAgentAssistAgentRequestParams = function (data) {
-        var _a, _b, _c;
-        var agent_assist_agent_request_params = {
-            'isSearch': data.isSearch,
-            'conversationId': data.conversationId,
-            'query': data.value,
-            'botId': data.botId,
-            'experience': data === null || data === void 0 ? void 0 : data.channel,
-            'positionId': data === null || data === void 0 ? void 0 : data.positionId,
-            'childBotId': (data === null || data === void 0 ? void 0 : data.childBotId) || '',
-            'childBotName': (data === null || data === void 0 ? void 0 : data.childBotName) || '',
-            'intType': 'myBot'
-        };
-        if (data.intentName) {
-            agent_assist_agent_request_params.intentName = data.intentName;
-        }
-        // if(data.childBotId) {
-        //   agent_assist_agent_request_params['childBotId'] = data.childBotId;
-        //   agent_assist_agent_request_params['childBotName'] = data.childBotName;
-        // }
-        if ((data === null || data === void 0 ? void 0 : data.autoBotId) && (data === null || data === void 0 ? void 0 : data.autoBotId) !== 'undefined') {
-            agent_assist_agent_request_params['autoBotId'] = data.autoBotId;
-        }
-        else {
-            agent_assist_agent_request_params['autoBotId'] = '';
-        }
-        if (data.intentName && data.userInput) {
-            agent_assist_agent_request_params['query'] = data.userInput;
-        }
-        // if (this.isMyBotAutomationOnGoing) {
-        //   agent_assist_agent_request_params['positionId'] = this.currentPositionIdOfMyBot;
-        // }
-        if (Array.isArray(data.traits) && ((_a = data === null || data === void 0 ? void 0 : data.traits) === null || _a === void 0 ? void 0 : _a.length)) {
-            agent_assist_agent_request_params['traits'] = data.traits;
-        }
-        if (data.taskRefId) {
-            agent_assist_agent_request_params['taskRefId'] = data.taskRefId;
-        }
-        if (data.dialogId) {
-            agent_assist_agent_request_params['dialogId'] = data.dialogId;
-        }
-        if (data.isDiscard) {
-            agent_assist_agent_request_params['terminateTask'] = data.isDiscard;
-        }
-        if (data === null || data === void 0 ? void 0 : data.attachments) {
-            agent_assist_agent_request_params['query'] = ((_c = (_b = data === null || data === void 0 ? void 0 : data.attachments[0]) === null || _b === void 0 ? void 0 : _b.url) === null || _c === void 0 ? void 0 : _c.fileUrl) || '';
-            agent_assist_agent_request_params['attachments'] = data === null || data === void 0 ? void 0 : data.attachments;
-        }
-        agent_assist_agent_request_params = this.addSourceMsgIdToRequestParams(data, agent_assist_agent_request_params);
-        return agent_assist_agent_request_params;
-    };
-    AAWindow.prototype.addSourceMsgIdToRequestParams = function (data, requestParams) {
-        if (data.sourceMsgId) {
-            if (data.sourceMsgId == 'fromLibrary') {
-                requestParams['fromLibrary'] = true;
-            }
-            else {
-                requestParams['sourceMsgId'] = data.sourceMsgId;
+            var inx = nudges.findIndex(function (item) { return item.actionId === uQ; });
+            if (inx >= 0) {
+                var nudgeElement = document.getElementById("".concat(uQ));
+                if (nudgeElement) {
+                    nudgeElement.remove();
+                    coachingHints.splice(inx, 1);
+                    closeNudge(uQ);
+                    setCoachingNudges(function (prevNudges) { return prevNudges.filter(function (nudge) { return nudge.actionId !== uQ; }); });
+                }
             }
-        }
-        return requestParams;
-    };
-    AAWindow.prototype.welComeMsgReq = function (welComeMsgReqParam) {
-        this.socketConnection.emitEvents(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS.welcome_message_request, welComeMsgReqParam);
-    };
-    AAWindow.prototype.menuReq = function (menuReqParam) {
-        this.socketConnection.emitEvents(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS.agent_menu_request, menuReqParam);
-    };
-    //events to handle from client
-    // selectAAFooterTab(data : any){
-    //   this.emit('selectTab', data , {});
-    // }
-    AAWindow.prototype.openAssistTab = function (footerTag) {
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS_TO_SDK.UPDATE_ACTIVE_TAB, { activeTab: 'ast', footerTag: footerTag });
-    };
-    AAWindow.prototype.openTranscriptTab = function (footerTag) {
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS_TO_SDK.UPDATE_ACTIVE_TAB, { activeTab: 'trnspt', footerTag: footerTag });
-    };
-    AAWindow.prototype.openSearchTab = function (footerTag) {
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS_TO_SDK.UPDATE_ACTIVE_TAB, { activeTab: 'srch', footerTag: footerTag });
-    };
-    AAWindow.prototype.openMybotTab = function (footerTag) {
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS_TO_SDK.UPDATE_ACTIVE_TAB, { activeTab: 'mB', footerTag: footerTag });
-    };
-    AAWindow.prototype.openPlaybookTab = function (footerTag) {
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS_TO_SDK.UPDATE_ACTIVE_TAB, { activeTab: 'playbook', footerTag: footerTag });
-    };
-    AAWindow.prototype.sendChecklistOpenedEvent = function (checklistParams) {
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS_TO_SDK.CHECKLIST_OPEN, checklistParams);
-    };
-    AAWindow.prototype.sendChecklistResumeEvent = function (checklistParams) {
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS_TO_SDK.CHECLIST_RESUME, checklistParams);
-    };
-    AAWindow.prototype.sendChecklistStepCloseEvent = function (checklistParams) {
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS_TO_SDK.CHECKLIST_STEP_CLOSE, checklistParams);
-    };
-    AAWindow.prototype.sendChecklistProceedToCloseEvent = function (checklistParams) {
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.EVENTS_TO_SDK.CHECKLIST_PROCEED_TO_CLOSE, checklistParams);
-    };
-    AAWindow.prototype.endOfConversation = function () {
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.INTERNAL_EVENTS.END_OF_CONVERSATION);
-    };
-    AAWindow.prototype.responseResolutionCommentsFromParent = function (resolutionComments) {
-        resolutionComments.openOnResponse = true;
-        this.setSummaryPopup(resolutionComments);
-    };
-    AAWindow.prototype.setSummaryPopup = function (summaryPopup) {
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.INTERNAL_EVENTS.SET_SUMMARY_POPUP, summaryPopup);
-    };
-    AAWindow.prototype.internalTransfer = function (data) {
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.INTERNAL_EVENTS.INTERNAL_TRANSFER, data);
-    };
-    AAWindow.prototype.disableWidget = function (isActive) {
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.INTERNAL_EVENTS.DISABLE_WIDGET, isActive);
-    };
-    AAWindow.prototype.applyBranding = function (colors, theme) {
+        }, 7000);
+        (_a = hostInstance.eventManager) === null || _a === void 0 ? void 0 : _a.addEventListener(".".concat(_constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.ClassMapConstanst.NUDGE_CLOSE), 'click', function () {
+            closeNudge(uQ);
+        }, nudgeBanner);
+        hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, nudgeBanner, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.NUDGE_TEMPLATE, NudgeObject: NudgeObject });
+        nudgeEle.append(nudgeBanner);
+    };
+    var nudgeHTMLEle = function (props) {
         var _a, _b, _c;
-        if (theme === _common_constants_projConsts__WEBPACK_IMPORTED_MODULE_9__.storageConst.DARK) {
-            colors = JSON.parse(JSON.stringify(_common_constants_projConsts__WEBPACK_IMPORTED_MODULE_9__.DARKTHEME_COLORCODES));
-            colors.primay = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.branding) === null || _b === void 0 ? void 0 : _b.colors) === null || _c === void 0 ? void 0 : _c.primay;
-        }
-        var colorObj = {
-            primay: '--AA-primary-color',
-            secondary: '--AA-secondary-color',
-            primaryText: '--AA-primary-text',
-            secondaryText: '--AA-secondary-text',
-            bodyBackground: '--AA-body-background',
-            warningColor: '--AA-warning-color',
-        };
-        if (colorObj) {
-            for (var key in colorObj) {
-                if (Object.prototype.hasOwnProperty.call(colorObj, key)) {
-                    var element = colorObj[key];
-                    document.documentElement.style.setProperty(element, colors[key]);
-                }
+        var msgData = props.msgData;
+        return ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { class: "nudges-card ".concat((_a = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst.NUDGE_DATA[msgData === null || msgData === void 0 ? void 0 : msgData.expression]) === null || _a === void 0 ? void 0 : _a.className), id: "".concat(msgData === null || msgData === void 0 ? void 0 : msgData.actionId) },
+            ((_b = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst.NUDGE_DATA[msgData === null || msgData === void 0 ? void 0 : msgData.expression]) === null || _b === void 0 ? void 0 : _b.icon) && ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "icon_block" },
+                (msgData === null || msgData === void 0 ? void 0 : msgData.expression) === 'neutral' && (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" },
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M2.55371 8.35C2.55371 7.7701 3.02381 7.3 3.60371 7.3C4.18361 7.3 4.65371 7.7701 4.65371 8.35V12.55C4.65371 13.1299 4.18361 13.6 3.60371 13.6C3.02381 13.6 2.55371 13.1299 2.55371 12.55V8.35Z", fill: "white" }),
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M5.35371 8.23334V12.0348C5.35371 12.565 5.65331 13.0498 6.12761 13.287L6.1625 13.3044C6.5513 13.4988 6.98002 13.6 7.4147 13.6H11.206C11.8733 13.6 12.4479 13.129 12.5788 12.4746L13.4188 8.27457C13.5921 7.40826 12.9295 6.6 12.046 6.6H9.55371V3.8C9.55371 3.0268 8.92691 2.4 8.15371 2.4C7.76711 2.4 7.45371 2.7134 7.45371 3.1V3.56667C7.45371 4.1725 7.25721 4.762 6.89371 5.24667L5.91371 6.55334C5.55021 7.038 5.35371 7.6275 5.35371 8.23334Z", fill: "white" })),
+                (msgData === null || msgData === void 0 ? void 0 : msgData.expression) === 'alert' && (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" },
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.71312 3.61289C7.27776 2.60908 8.72302 2.60908 9.28766 3.61289L13.4086 10.9389C13.9624 11.9235 13.2509 13.14 12.1213 13.14H3.87949C2.74988 13.14 2.03841 11.9235 2.59222 10.9389L6.71312 3.61289ZM8.7388 10.9246C8.7388 11.3325 8.40817 11.6631 8.00033 11.6631C7.59248 11.6631 7.26185 11.3325 7.26185 10.9246C7.26185 10.5168 7.59248 10.1862 8.00033 10.1862C8.40817 10.1862 8.7388 10.5168 8.7388 10.9246ZM8.00033 5.01685C7.59248 5.01685 7.26185 5.34748 7.26185 5.75533V7.97075C7.26185 8.37859 7.59248 8.70922 8.00033 8.70922C8.40817 8.70922 8.7388 8.37859 8.7388 7.97075V5.75533C8.7388 5.34748 8.40817 5.01685 8.00033 5.01685Z", fill: "white" })),
+                (msgData === null || msgData === void 0 ? void 0 : msgData.expression) === 'critical' && (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" },
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M7.29961 3.1C7.29961 2.7134 7.61301 2.4 7.99961 2.4C8.38621 2.4 8.69961 2.7134 8.69961 3.1V6.95C8.69961 7.1433 8.85631 7.3 9.04961 7.3C9.24291 7.3 9.39961 7.1433 9.39961 6.95V3.8C9.39961 3.4134 9.71301 3.1 10.0996 3.1C10.4862 3.1 10.7996 3.4134 10.7996 3.8V6.95C10.7996 7.1433 10.9563 7.3 11.1496 7.3C11.3429 7.3 11.4996 7.1433 11.4996 6.95V5.2C11.4996 4.8134 11.813 4.5 12.1996 4.5C12.5862 4.5 12.8996 4.8134 12.8996 5.2V8.7C12.8996 11.4062 10.7058 13.6 7.99961 13.6C5.29341 13.6 3.09961 11.4062 3.09961 8.7V7.3C3.09961 6.9134 3.41301 6.6 3.79961 6.6C4.18621 6.6 4.49961 6.9134 4.49961 7.3V9.05C4.49961 9.2433 4.65631 9.4 4.84961 9.4C5.04291 9.4 5.19961 9.2433 5.19961 9.05V3.8C5.19961 3.4134 5.51301 3.1 5.89961 3.1C6.28621 3.1 6.59961 3.4134 6.59961 3.8V6.95C6.59961 7.1433 6.75631 7.3 6.94961 7.3C7.14291 7.3 7.29961 7.1433 7.29961 6.95V3.1Z", fill: "white" })),
+                (msgData === null || msgData === void 0 ? void 0 : msgData.expression) === 'positive' && (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" },
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M5.76708 0.5C5.40707 0.5 5.08084 0.712015 4.93462 1.04099L3.25425 4.82184C3.21348 4.91357 3.19219 4.96087 3.17474 4.99418L3.17319 4.99711L3.16988 4.99734C3.13236 4.99976 3.08048 5 2.9801 5L2.58073 5C2.31715 4.99999 2.08977 4.99998 1.90249 5.01528C1.70481 5.03144 1.50821 5.06709 1.31902 5.16349C1.03677 5.3073 0.807302 5.53677 0.663492 5.81901C0.567095 6.0082 0.531437 6.20481 0.515286 6.40249C0.499985 6.58977 0.499992 6.81714 0.5 7.08071V9.41927C0.499992 9.68284 0.499985 9.91023 0.515286 10.0975C0.531437 10.2952 0.567095 10.4918 0.663492 10.681C0.807302 10.9632 1.03677 11.1927 1.31902 11.3365C1.50821 11.4329 1.70481 11.4686 1.90249 11.4847C2.08977 11.5 2.31715 11.5 2.58072 11.5C2.81228 11.5 3 11.3123 3 11.0807L3 7C3 6.72386 3.22386 6.5 3.5 6.5C3.77614 6.5 4 6.72386 4 7L4 10.7C4 10.98 4 11.12 4.0545 11.227C4.10243 11.3211 4.17892 11.3976 4.27301 11.4455C4.37996 11.5 4.51997 11.5 4.8 11.5H7.9598C8.30918 11.5 8.59925 11.5 8.83792 11.4818C9.08711 11.4629 9.31681 11.4222 9.53857 11.3217C9.88536 11.1646 10.1801 10.9117 10.3881 10.5929C10.5212 10.3889 10.5963 10.1681 10.6529 9.9247C10.7072 9.69158 10.7513 9.40489 10.8044 9.05958L11.0722 7.31883C11.1426 6.86136 11.2003 6.4863 11.2207 6.18021C11.2418 5.86439 11.228 5.56971 11.1203 5.28725C10.9548 4.85354 10.6437 4.49087 10.2402 4.26142C9.9774 4.11199 9.68824 4.05357 9.37289 4.02636C9.06724 3.99999 8.68779 3.99999 8.22491 4H7.8C7.65174 4 7.57061 3.99961 7.51232 3.99485L7.50573 3.99428L7.50515 3.98768C7.50039 3.92939 7.5 3.84826 7.5 3.7V2.23292C7.5 1.27585 6.72415 0.5 5.76708 0.5Z", fill: "#039855" })))),
+            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("p", null, (_c = msgData === null || msgData === void 0 ? void 0 : msgData.message) === null || _c === void 0 ? void 0 : _c.title),
+            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", { className: "close-nudge aa-close-nudge", "aria-label": "button" },
+                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" },
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M4 12L12 4M4 4L12 12", stroke: "white", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+    };
+    var closeNudge = function (uQ) {
+        var inx = nudges.findIndex(function (item) { return item.actionId === uQ; });
+        if (inx >= 0) {
+            var nudgeElement = document.getElementById("".concat(uQ));
+            if (nudgeElement) {
+                nudgeElement.remove();
+                nudges.splice(inx, 1);
+                setCoachingNudges(function (prevNudges) { return prevNudges.filter(function (nudge) { return nudge.actionId !== uQ; }); });
             }
         }
     };
-    AAWindow.prototype.destroy = function () {
-        this.cleanupEvents();
-        this.socketConnection.disconnect();
-        this.emit('DESTROY_WIDGET', {});
-        this.localStorageService.deleteLocalStorageState(this.rootService.connectionDetails.conversationId);
-    };
-    AAWindow.prototype.handleNetworkError = function () {
-        var _this = this;
-        var toastElement = this.addNetworkErrorToastrTemplate();
-        try {
-            requestAnimationFrame(function () {
-                _this.rootService.showNetworkToastr(_this);
-                if (_this.timeoutId !== undefined) {
-                    clearTimeout(_this.timeoutId);
-                }
-                // this.timeoutId = window.setTimeout(() => {
-                //     // this.rootService.hideNetworkToastr(this);
-                // }, 5000);
-            });
-        }
-        catch (error) {
-            console.error('Error handling network toast:', error);
-        }
-    };
-    AAWindow.prototype.addNetworkErrorToastrTemplate = function () {
-        var _this = this;
-        var _a, _b;
-        try {
-            var container = document.querySelector(".".concat(this.config.container));
-            var toastContainer = container === null || container === void 0 ? void 0 : container.querySelector(".".concat(_common_constants_projConsts__WEBPACK_IMPORTED_MODULE_9__.ClassMapConstanst.NETWORK_ERROR_TOASTR));
-            if (!toastContainer) {
-                (_a = container === null || container === void 0 ? void 0 : container.classList) === null || _a === void 0 ? void 0 : _a.add('container-border');
-                var networkErrorToastTemplate = (0,_common_templatemanager_base_domManager__WEBPACK_IMPORTED_MODULE_2__.getHTML)(_common_templatemanager_base_aaContainer_aaContainer__WEBPACK_IMPORTED_MODULE_3__.NetworkErrorToast, {}, this);
-                // Add event listener for close button
-                (_b = this.eventManager) === null || _b === void 0 ? void 0 : _b.addEventListener(".".concat(_common_constants_projConsts__WEBPACK_IMPORTED_MODULE_9__.ClassMapConstanst.NETWORK_ERROR_CLOSE_BTN), 'click', function () {
-                    _this.rootService.hideNetworkToastr(_this);
-                    if (_this.timeoutId) {
-                        clearTimeout(_this.timeoutId);
+    var handleHintData = function (hintObject) {
+        var _a, _b, _c, _d;
+        var uQ = hintObject.actionId;
+        hints.unshift(hintObject);
+        setCoachingHints(function (prevHints) { return __spreadArray([hintObject], prevHints, true); });
+        // this.hintScrollBottom(true);
+        var HintBanner = (0,_domManager__WEBPACK_IMPORTED_MODULE_12__.getHTML)(hintHTMLEle, hintObject, hostInstance);
+        var hintEle = document.getElementsByClassName(_constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.ClassMapConstanst.HINT_TEMPLATE)[0];
+        if (((_a = hintObject === null || hintObject === void 0 ? void 0 : hintObject.message) === null || _a === void 0 ? void 0 : _a.postAction) !== 'doesnot_auto_close') {
+            setTimeout(function () {
+                var inx = hints.findIndex(function (item) { return item.actionId === uQ; });
+                if (inx >= 0) {
+                    var hintElement = document.getElementById("".concat(uQ));
+                    if (hintElement) {
+                        hintElement.remove();
+                        hints.splice(inx, 1);
+                        setCoachingHints(function (prevHints) { return prevHints.filter(function (hints) { return hints.actionId !== uQ; }); });
                     }
-                }, networkErrorToastTemplate);
-                // Emit event before adding to DOM
-                this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.SDK_EVENTS.BEFORE_VIEW_INIT, networkErrorToastTemplate, {
-                    event: _common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.SDK_EVENTS.NETWORK_ERROR_TOASTR,
-                    data: {}
-                });
-                // Add to DOM
-                if (!container) {
-                    throw new Error('Container not found');
                 }
-                container.appendChild(networkErrorToastTemplate);
-                return networkErrorToastTemplate;
-            }
-        }
-        catch (error) {
-            console.error('Error adding network error toast template:', error);
-            throw error;
+            }, (((_b = hintObject.message) === null || _b === void 0 ? void 0 : _b.time) < 900 ? (_c = hintObject.message) === null || _c === void 0 ? void 0 : _c.time : 900) * 1000);
         }
+        (_d = hostInstance.eventManager) === null || _d === void 0 ? void 0 : _d.addEventListener(".".concat(_constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.ClassMapConstanst.HINT_CLOSE), 'click', function () {
+            closeHint(uQ);
+        }, HintBanner);
+        hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, HintBanner, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.HINT_TEMPLATE, hintObject: hintObject });
+        hintEle.append(HintBanner);
     };
-    AAWindow.prototype.receiveMessage = function (e) {
-        var _a;
-        if (((_a = e.data) === null || _a === void 0 ? void 0 : _a.name) === 'agentAssist.internalTransfer') {
-            this.internalTransfer(e.data);
+    var hintHTMLEle = function (props) {
+        var _a, _b, _c, _d, _e;
+        var msgData = props.msgData;
+        return ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "hint-card ".concat((_a = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === null || _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === void 0 ? void 0 : _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst.HINT_DATA[msgData === null || msgData === void 0 ? void 0 : msgData.expression]) === null || _a === void 0 ? void 0 : _a.className), style: { border: (_b = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === null || _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === void 0 ? void 0 : _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst.HINT_DATA[msgData === null || msgData === void 0 ? void 0 : msgData.expression]) === null || _b === void 0 ? void 0 : _b.color }, id: "".concat(msgData.actionId) },
+            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "top-card-info" },
+                ((_c = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === null || _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst === void 0 ? void 0 : _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.coachingConst.HINT_DATA[msgData === null || msgData === void 0 ? void 0 : msgData.expression]) === null || _c === void 0 ? void 0 : _c.icon) && ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "icon_block" },
+                    (msgData === null || msgData === void 0 ? void 0 : msgData.expression) === 'positive' && (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" },
+                        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M5.76708 0.5C5.40707 0.5 5.08084 0.712015 4.93462 1.04099L3.25425 4.82184C3.21348 4.91357 3.19219 4.96087 3.17474 4.99418L3.17319 4.99711L3.16988 4.99734C3.13236 4.99976 3.08048 5 2.9801 5L2.58073 5C2.31715 4.99999 2.08977 4.99998 1.90249 5.01528C1.70481 5.03144 1.50821 5.06709 1.31902 5.16349C1.03677 5.3073 0.807302 5.53677 0.663492 5.81901C0.567095 6.0082 0.531437 6.20481 0.515286 6.40249C0.499985 6.58977 0.499992 6.81714 0.5 7.08071V9.41927C0.499992 9.68284 0.499985 9.91023 0.515286 10.0975C0.531437 10.2952 0.567095 10.4918 0.663492 10.681C0.807302 10.9632 1.03677 11.1927 1.31902 11.3365C1.50821 11.4329 1.70481 11.4686 1.90249 11.4847C2.08977 11.5 2.31715 11.5 2.58072 11.5C2.81228 11.5 3 11.3123 3 11.0807L3 7C3 6.72386 3.22386 6.5 3.5 6.5C3.77614 6.5 4 6.72386 4 7L4 10.7C4 10.98 4 11.12 4.0545 11.227C4.10243 11.3211 4.17892 11.3976 4.27301 11.4455C4.37996 11.5 4.51997 11.5 4.8 11.5H7.9598C8.30918 11.5 8.59925 11.5 8.83792 11.4818C9.08711 11.4629 9.31681 11.4222 9.53857 11.3217C9.88536 11.1646 10.1801 10.9117 10.3881 10.5929C10.5212 10.3889 10.5963 10.1681 10.6529 9.9247C10.7072 9.69158 10.7513 9.40489 10.8044 9.05958L11.0722 7.31883C11.1426 6.86136 11.2003 6.4863 11.2207 6.18021C11.2418 5.86439 11.228 5.56971 11.1203 5.28725C10.9548 4.85354 10.6437 4.49087 10.2402 4.26142C9.9774 4.11199 9.68824 4.05357 9.37289 4.02636C9.06724 3.99999 8.68779 3.99999 8.22491 4H7.8C7.65174 4 7.57061 3.99961 7.51232 3.99485L7.50573 3.99428L7.50515 3.98768C7.50039 3.92939 7.5 3.84826 7.5 3.7V2.23292C7.5 1.27585 6.72415 0.5 5.76708 0.5Z", fill: "#039855" })),
+                    (msgData === null || msgData === void 0 ? void 0 : msgData.expression) === 'neutral' && (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" },
+                        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.2008 6.00005C10.2008 8.31964 8.32038 10.2 6.00078 10.2C3.68119 10.2 1.80078 8.31964 1.80078 6.00005C1.80078 3.68045 3.68119 1.80005 6.00078 1.80005C8.32038 1.80005 10.2008 3.68045 10.2008 6.00005ZM6.52578 8.10005C6.52578 8.39 6.29073 8.62505 6.00078 8.62505C5.71083 8.62505 5.47578 8.39 5.47578 8.10005C5.47578 7.8101 5.71083 7.57505 6.00078 7.57505C6.29073 7.57505 6.52578 7.8101 6.52578 8.10005ZM6.00078 3.37505C5.71083 3.37505 5.47578 3.6101 5.47578 3.90005V6.00005C5.47578 6.29 5.71083 6.52505 6.00078 6.52505C6.29073 6.52505 6.52578 6.29 6.52578 6.00005V3.90005C6.52578 3.6101 6.29073 3.37505 6.00078 3.37505Z", fill: "#667085" })),
+                    (msgData === null || msgData === void 0 ? void 0 : msgData.expression) === 'alert' && (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" },
+                        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.40714 0.834185C6.14848 0.719172 5.8532 0.719172 5.59454 0.834185C5.39478 0.923011 5.26501 1.07947 5.17471 1.20696C5.08593 1.3323 4.99087 1.49651 4.88634 1.67711L0.75276 8.81693C0.647804 8.99818 0.552428 9.16289 0.487757 9.30268C0.422033 9.44475 0.35073 9.63572 0.373455 9.85369C0.40286 10.1357 0.550631 10.392 0.779988 10.5588C0.957236 10.6877 1.15823 10.7217 1.31411 10.736C1.46749 10.75 1.65782 10.75 1.86726 10.75H10.1344C10.3438 10.75 10.5342 10.75 10.6876 10.736C10.8434 10.7217 11.0444 10.6877 11.2217 10.5588C11.451 10.392 11.5988 10.1357 11.6282 9.85369C11.651 9.63572 11.5796 9.44475 11.5139 9.30268C11.4493 9.1629 11.3539 8.9982 11.2489 8.81697L7.11533 1.67709C7.0108 1.49651 6.91575 1.3323 6.82697 1.20696C6.73667 1.07947 6.6069 0.923011 6.40714 0.834185ZM6.50085 4.5C6.50085 4.22386 6.277 4 6.00085 4C5.72471 4 5.50085 4.22386 5.50085 4.5V6.5C5.50085 6.77614 5.72471 7 6.00085 7C6.277 7 6.50085 6.77614 6.50085 6.5V4.5ZM6.00085 8C5.72471 8 5.50085 8.22386 5.50085 8.5C5.50085 8.77614 5.72471 9 6.00085 9H6.00585C6.282 9 6.50585 8.77614 6.50585 8.5C6.50585 8.22386 6.282 8 6.00585 8H6.00085Z", fill: "#F79009" })),
+                    (msgData === null || msgData === void 0 ? void 0 : msgData.expression) === 'critical' && (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" },
+                        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M3.45 5.72222V7.11111M3.45 5.72222V2.38889C3.45 1.92865 3.83056 1.55556 4.3 1.55556C4.76944 1.55556 5.15 1.92865 5.15 2.38889M3.45 5.72222C3.45 5.26198 3.06944 4.88889 2.6 4.88889C2.13056 4.88889 1.75 5.26198 1.75 5.72222V6.83333C1.75 9.13452 3.65279 11 6 11C8.34721 11 10.25 9.13452 10.25 6.83333V4.05556C10.25 3.59532 9.86944 3.22222 9.4 3.22222C8.93056 3.22222 8.55 3.59532 8.55 4.05556M5.15 2.38889V5.44444M5.15 2.38889V1.83333C5.15 1.3731 5.53056 1 6 1C6.46944 1 6.85 1.3731 6.85 1.83333V2.38889M6.85 2.38889V5.44444M6.85 2.38889C6.85 1.92865 7.23056 1.55556 7.7 1.55556C8.16944 1.55556 8.55 1.92865 8.55 2.38889V4.05556M8.55 4.05556V5.44444", stroke: "#F04438", "stroke-linecap": "round", "stroke-linejoin": "round" })))),
+                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("h1", null, msgData.message.title),
+                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", { className: "close-hint aa-close-hint", "aria-label": "button" },
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
+                        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M15 5L5 15M5 5L15 15", stroke: "#E3E8EF", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))),
+            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "body-hint" },
+                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("p", null, msgData.message.body)),
+            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "footer-hint" }, ((_d = msgData.adherence) === null || _d === void 0 ? void 0 : _d.adType) === 'ack' && ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("button", null, (_e = msgData.adherence) === null || _e === void 0 ? void 0 : _e.ackText)))));
+    };
+    var closeHint = function (uQ) {
+        var inx = hints.findIndex(function (item) { return item.actionId === uQ; });
+        if (inx >= 0) {
+            var hintElement = document.getElementById("".concat(uQ));
+            if (hintElement) {
+                hintElement.remove();
+                hints.splice(inx, 1);
+                setCoachingHints(function (prevHints) { return prevHints.filter(function (hints) { return hints.actionId !== uQ; }); });
+            }
         }
     };
-    AAWindow.prototype.pauseTranscript = function () {
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.INTERNAL_EVENTS.PAUSE_TRANSCRIPT, 'pause');
-    };
-    AAWindow.prototype.resumeTranscript = function () {
-        this.emit(_common_constants_events_cnst__WEBPACK_IMPORTED_MODULE_5__.INTERNAL_EVENTS.RESUME_TRANSCRIPT, 'resume');
-    };
-    return AAWindow;
-}(_common_utils_EventEmiter__WEBPACK_IMPORTED_MODULE_1__.EventEmitter));
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AAWindow);
-
-
-/***/ }),
-
-/***/ "./src/components/common/constants/errorcodes.ts":
-/*!*******************************************************!*\
-  !*** ./src/components/common/constants/errorcodes.ts ***!
-  \*******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   ERROR_CODES: () => (/* binding */ ERROR_CODES)
-/* harmony export */ });
-var ERROR_CODES = {
-    ERR_WS_INIT: {
-        message: 'Socket connection failed',
-        action: 'show',
-        code: 'ERR_WS_INIT',
-        details: {
-            requiredFields: ['token', 'conversationId'],
-        }
-        // timestamp: new Date().toISOString()
-    },
-    ERR_WS_TIMEOUT: {
-        message: 'Socket connection timeout',
-        action: 'show',
-        code: 'ERR_WS_INIT',
-        details: {
-            requiredFields: ['token', 'conversationId'],
-        }
-    },
-    ERR_WS_DISCONNECT: {
-        message: 'Socket disconnected',
-        action: 'show',
-        code: 'ERR_WS_INIT',
-        details: {
-            requiredFields: ['token', 'conversationId'],
-        }
-    },
-    ERR_WS_RECONNECT_FAILED: {
-        message: 'Socket reconnection failed',
-        action: 'show',
-        code: 'ERR_WS_INIT',
-        details: {
-            requiredFields: ['token', 'conversationId'],
-        }
-    },
-    ERR_WS_GENERIC: {
-        message: 'Socket error',
-        action: 'show',
-        code: 'ERR_WS_INIT',
-        details: {
-            requiredFields: ['token', 'conversationId'],
-        }
-    },
-    ERR_SETTINGS_API_FAILURE: {
-        message: 'Settings API failed',
-        action: 'show',
-        code: 'ERR_SETTINGS_API_FAILURE',
-        details: {
-            requiredFields: ['botId', 'channel'],
-        }
-    },
-    ERR_TOKEN_INVALID: {
-        message: 'Invalid token',
-        action: 'show',
-        code: 'ERR_TOKEN_INVALID',
-        details: {
-            requiredFields: ['token', 'botId'],
-        }
-    },
-    ERR_CHECKLIST_API_FAILURE: {
-        message: 'Checklist API failed',
-        action: 'show',
-        code: 'ERR_CHECKLIST_API_FAILURE',
-        details: {
-            requiredFields: ['botId'],
-        }
-    },
-    ERR_ASST_HISTORY_API_FAILURE: {
-        message: 'Assist history API failed',
-        action: 'show',
-        code: 'ERR_ASST_HISTORY_API_FAILURE',
-        details: {
-            requiredFields: ['botId', 'conversationId'],
-        }
-    },
-    ERR_MYBOT_HISTORY_API_FAILURE: {
-        message: 'Mybot history API failed',
-        action: 'show',
-        code: 'ERR_MYBOT_HISTORY_API_FAILURE',
-        details: {
-            requiredFields: ['botId', 'conversationId'],
-        }
-    },
-    ERR_FEEDBACK_API_FAILURE: {
-        message: 'Feedback API failed',
-        action: 'show',
-        code: 'ERR_FEEDBACK_API_FAILURE',
-        details: {
-            requiredFields: ['tab', 'conversationId'],
-        }
-    },
-    ERR_SUMMARY_LOAD_FAILURE: {
-        message: 'Summary load failed',
-        action: 'show',
-        code: 'ERR_SUMMARY_LOAD_FAILURE',
-        details: {
-            requiredFields: ['conversationId', 'botId', 'channel', 'sessionId'],
-        }
-    },
-    ERR_AUTO_SUGGESTION_TRIGGER_FAILURE: {
-        message: 'Auto suggestion trigger failed',
-        action: 'show',
-        code: 'ERR_AUTO_SUGGESTION_TRIGGER_FAILURE',
-        details: {
-            requiredFields: [],
-        }
-    },
-    ERR_USER_MISSING_REQ_FIELDS: {
-        message: 'Missing required fields to send user message',
-        action: 'sendUserMessage',
-        code: 'ERR_MISSING_REQ_FIELDS',
-        details: {
-            requiredFields: ['author', 'type', 'conversationId', 'value', 'botId'],
-        }
-    },
-    ERR_AGENT_MISSING_REQ_FIELDS: {
-        message: 'Missing required fields to send agent message',
-        action: 'sendAgentMessage',
-        code: 'ERR_MISSING_REQ_FIELDS',
-        details: {
-            requiredFields: ['author', 'type', 'conversationId', 'value', 'botId'],
-        }
-    },
-    ERR_JS_CODE: {
-        message: 'JS code failed',
-        action: 'show',
-        code: 'ERR_JS_CODE_FAILURE',
-        details: {
-            requiredFields: [],
-        }
-    },
-    ERR_MISSING_REQUIRED_FIELDS: {
-        message: 'Missing required fields to initialize the SDK',
-        action: 'show',
-        code: 'ERR_MISSING_REQUIRED_FIELDS',
-        details: {
-            requiredFields: ['conversationId', 'botId', 'domainURL', 'token', 'channel'],
-        }
-    }
-    // ERR_VOICE_TRANSCRIPTS_PROPOGATION : {
-    //     message: 'Voice transcripts propogation failed',
-    //     action: 'show',
-    //     code: 'ERR_VOICE_TRANSCRIPTS_PROPOGATION',
-    //     details: {
-    //         requiredFields: [],
-    //     }
-    // },
-    // ERR_VOICE_CALL_DOES_NOT_EXIST : {
-    //     message: 'Voice call does not exist',
-    //     action: 'show',
-    //     code: 'ERR_VOICE_CALL_DOES_NOT_EXIST',
-    //     details: {
-    //         requiredFields: [],
-    //     }
-    // },
-    // ERR_VOICE_TRANSCRIPTS_GENERATION : {
-    //     message: 'Voice transcripts generation failed',
-    //     action: 'show',
-    //     code: 'ERR_VOICE_TRANSCRIPTS_GENERATION',
-    //     details: {
-    //         requiredFields: [],
+    //   const hintScrollBottom = (flag: any) => {
+    //     if(flag && this.overlayhint){
+    //       this.overlayhint.nativeElement.scrollTop = 0;
     //     }
-    // },
-    // ERR_VOICE_PREMATURE_CONNECTION_TERMINATION : {
-    //     message: 'Voice connection terminated prematurely',
-    //     action: 'show',
-    //     code: 'ERR_VOICE_PREMATURE_CONNECTION_TERMINATION',
-    //     details: {
-    //         requiredFields: [],
-    //     }
-    // }
-};
-
-
-/***/ }),
-
-/***/ "./src/components/common/templatemanager/tabs/transcript/transcript.tsx":
-/*!******************************************************************************!*\
-  !*** ./src/components/common/templatemanager/tabs/transcript/transcript.tsx ***!
-  \******************************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   BulbCount: () => (/* binding */ BulbCount),
-/* harmony export */   Transcript: () => (/* binding */ Transcript)
-/* harmony export */ });
-/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.module.js");
-/* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! preact/hooks */ "./node_modules/preact/hooks/dist/hooks.module.js");
-/* harmony import */ var _transcript_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./transcript.scss */ "./src/components/common/templatemanager/tabs/transcript/transcript.scss");
-/* harmony import */ var _base_domManager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../base/domManager */ "./src/components/common/templatemanager/base/domManager.tsx");
-/* harmony import */ var _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../constants/events.cnst */ "./src/components/common/constants/events.cnst.ts");
-/* harmony import */ var _utils_interceptor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils/interceptor */ "./src/components/common/utils/interceptor.ts");
-/* harmony import */ var _constants_projConsts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../constants/projConsts */ "./src/components/common/constants/projConsts.ts");
-/* harmony import */ var _constants_errorcodes__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../constants/errorcodes */ "./src/components/common/constants/errorcodes.ts");
-var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-
-
-
-
-
-
-
-
-function BulbCount(props) {
-    var _a, _b, _c;
-    return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "intent-suggestion-buld aa-transcript-bulb-".concat((_a = props.msgData) === null || _a === void 0 ? void 0 : _a.uuid), title: (_b = props === null || props === void 0 ? void 0 : props.msgData) === null || _b === void 0 ? void 0 : _b.value },
-        (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("sub", { className: "aa-transcript-bulb-count" }, (_c = props === null || props === void 0 ? void 0 : props.msgData) === null || _c === void 0 ? void 0 : _c.bulbCount),
-        (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
-            (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", { d: "M13.0496 4.64998C13.0496 4.07008 12.5795 3.59998 11.9996 3.59998C11.4197 3.59998 10.9496 4.07008 10.9496 4.64998V5.69998C10.9496 6.27987 11.4197 6.74998 11.9996 6.74998C12.5795 6.74998 13.0496 6.27987 13.0496 5.69998V4.64998Z", fill: "#2B75E4" }),
-            (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", { d: "M17.9393 7.54515C18.3493 7.1351 18.3493 6.47027 17.9393 6.06022C17.5292 5.65017 16.8644 5.65017 16.4543 6.06022L15.7119 6.80269C15.3018 7.21274 15.3018 7.87756 15.7119 8.28761C16.1219 8.69766 16.7868 8.69766 17.1968 8.28761L17.9393 7.54515Z", fill: "#2B75E4" }),
-            (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", { d: "M20.3996 12C20.3996 12.5799 19.9295 13.05 19.3496 13.05H18.2996C17.7197 13.05 17.2496 12.5799 17.2496 12C17.2496 11.4201 17.7197 10.95 18.2996 10.95H19.3496C19.9295 10.95 20.3996 11.4201 20.3996 12Z", fill: "#2B75E4" }),
-            (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", { d: "M6.80231 8.28763C7.21236 8.69768 7.87718 8.69768 8.28723 8.28763C8.69728 7.87758 8.69728 7.21275 8.28723 6.8027L7.54477 6.06024C7.13472 5.65019 6.4699 5.65019 6.05984 6.06024C5.64979 6.47029 5.64979 7.13512 6.05984 7.54517L6.80231 8.28763Z", fill: "#2B75E4" }),
-            (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", { d: "M6.74961 12C6.74961 12.5799 6.27951 13.05 5.69961 13.05H4.64961C4.06971 13.05 3.59961 12.5799 3.59961 12C3.59961 11.4201 4.06971 10.95 4.64961 10.95H5.69961C6.27951 10.95 6.74961 11.4201 6.74961 12Z", fill: "#2B75E4" }),
-            (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", { d: "M9.89961 18.3V17.25H14.0996V18.3C14.0996 19.4598 13.1594 20.4 11.9996 20.4C10.8398 20.4 9.89961 19.4598 9.89961 18.3Z", fill: "#2B75E4" }),
-            (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", { d: "M14.1005 16.2C14.1159 15.8426 14.3176 15.5214 14.6003 15.2982C15.5744 14.529 16.1996 13.3375 16.1996 12C16.1996 9.68038 14.3192 7.79998 11.9996 7.79998C9.68001 7.79998 7.79961 9.68038 7.79961 12C7.79961 13.3375 8.42483 14.529 9.39896 15.2982C9.68164 15.5214 9.88335 15.8426 9.89867 16.2H14.1005Z", fill: "#2B75E4" }))));
-}
-function Transcript(_a) {
-    var _b, _c, _d;
-    var hostInstance = _a.hostInstance;
-    var _e = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)([]), messages = _e[0], setMessages = _e[1];
-    var _f = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)([]), userAgentHistory = _f[0], setUserAgentHistory = _f[1];
-    var _g = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)([]), userBotHistory = _g[0], setUserBotHistory = _g[1];
-    var _h = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(undefined), summary = _h[0], setSummary = _h[1];
-    var isInitialRender = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useRef)(true);
-    var rootServiceInstance = hostInstance.rootService;
-    var classMapConstansts = _constants_projConsts__WEBPACK_IMPORTED_MODULE_6__.ClassMapConstanst;
-    var assistEnabled = (_d = (_c = (_b = hostInstance.dskSettings) === null || _b === void 0 ? void 0 : _b.tabs) === null || _c === void 0 ? void 0 : _c.find(function (tab) { return tab.type === _constants_projConsts__WEBPACK_IMPORTED_MODULE_6__.Tabs.ASSIST; })) === null || _d === void 0 ? void 0 : _d.isEnabled;
-    // Socket and History API call methods
-    (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-        var _a;
-        var transcriptEle = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector('.aa-transcript-body-wrapper');
-        hostInstance.renderIndividualLoader(transcriptEle);
-        listeningToSocketEvents();
-        return function () {
-            hostInstance.off('AGENT_AI_RESPONSE', updateAgentAssistResponse);
-            hostInstance.off('AGENT_TRANSCRIPT_MSG', handleUserAgentMessage);
-            hostInstance.off('USER_TRANSCRIPT_MSG', handleUserAgentMessage);
-            hostInstance.off('AGENT_TRANSCRIPT_RESPONSE', handleUserAgentMessage);
-            hostInstance.off('USER_TRANSCRIPT_RESPONSE', handleUserAgentMessage);
-            hostInstance.off('AGENT_AI_RESPONSE', updateAgentAssistResponse);
-            hostInstance.off(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.DATA_EVENTS.CALL_CONVERSATION_SUGGESTIONS, handleAssistSuggestions);
-            hostInstance.off(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.INTERNAL_EVENTS.FETCH_TRANSCRIPT, transcriptHistoryAPICall);
+    //   }
+    var hintAckPressed = function (data) {
+        data["ackPressed"] = true;
+        hostInstance.socketConnection.emitEvents(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.EVENTS.agent_coaching_ackpress, data);
+    };
+    var handleSentimentPopupOutSideClick = function () {
+        window.onclick = function (event) {
+            var _a, _b;
+            if (!event.target.matches('aa-sentiment-popup-wrapper') && !event.target.matches('sentiment-btn')) {
+                var sentimentPopup = (_b = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector) === null || _b === void 0 ? void 0 : _b.call(_a, "".concat(classConstants.SENTIMENT_POPUP_WRAPPER));
+                if (sentimentPopup) {
+                    sentimentPopup.classList.add(classConstants.HIDE_ELEMENT);
+                }
+            }
         };
-    }, []);
-    // User and Agent transcript messages from Socket
-    var handleUserAgentMessage = function (agentResponse) { return handleTranscriptionResponse(agentResponse); };
-    var listeningToSocketEvents = function () {
-        hostInstance.on('AGENT_TRANSCRIPT_MSG', handleUserAgentMessage);
-        hostInstance.on('USER_TRANSCRIPT_MSG', handleUserAgentMessage);
-        hostInstance.on('AGENT_TRANSCRIPT_RESPONSE', handleUserAgentMessage);
-        hostInstance.on('USER_TRANSCRIPT_RESPONSE', handleUserAgentMessage);
-        hostInstance.on('AGENT_AI_RESPONSE', updateAgentAssistResponse);
-        hostInstance.on(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.DATA_EVENTS.CALL_CONVERSATION_SUGGESTIONS, handleAssistSuggestions);
-        hostInstance.on(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.INTERNAL_EVENTS.FETCH_TRANSCRIPT, transcriptHistoryAPICall);
     };
-    var updateAgentAssistResponse = function (data) {
-        var responseType = rootServiceInstance.getTypeOfResponse(data);
-        if (responseType === _constants_projConsts__WEBPACK_IMPORTED_MODULE_6__.RenderResponseType.SUGGESTIONS && !assistEnabled) {
-            hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.DATA_EVENTS.CALL_CONVERSATION_SUGGESTIONS, { data: data });
+    var addSentimentPopupTemplate = function () {
+        var _a, _b;
+        var sentimentPopupTemplate = (0,_domManager__WEBPACK_IMPORTED_MODULE_12__.getHTML)(_tabs_sentimentScore_sentimentScore__WEBPACK_IMPORTED_MODULE_18__.sentimentScore, { hostInstance: hostInstance }, hostInstance);
+        hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, sentimentPopupTemplate, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.SENTIMENT_POPUP_TEMPLATE, data: {} });
+        var sentimentChart = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector('.sentiment-chart-drp');
+        sentimentChart === null || sentimentChart === void 0 ? void 0 : sentimentChart.append(sentimentPopupTemplate);
+        (_b = hostInstance.eventManager) === null || _b === void 0 ? void 0 : _b.addEventListener("#".concat(idMapConstants.SENTIMENT_POPUP_CLOSE_BTN), 'click', function (e) {
+            var _a, _b, _c;
+            (_c = (_b = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector) === null || _b === void 0 ? void 0 : _b.call(_a, "".concat(classConstants.SENTIMENT_POPUP_WRAPPER)).classList) === null || _c === void 0 ? void 0 : _c.add(classConstants.HIDE_ELEMENT);
+        }, sentimentPopupTemplate);
+    };
+    var addHeaderTemplate = function () {
+        var _a, _b, _c, _d, _e;
+        var headerTemplate;
+        var theme = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.localStorageService) === null || _a === void 0 ? void 0 : _a.getThemeLocal();
+        headerTemplate = (0,_domManager__WEBPACK_IMPORTED_MODULE_12__.getHTML)(_tabs_header_header__WEBPACK_IMPORTED_MODULE_9__.Header, { hostInstance: hostInstance, theme: theme }, hostInstance);
+        var headerSection = (_b = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _b === void 0 ? void 0 : _b.querySelector(classConstants.HEADER);
+        if (headerSection && headerTemplate) {
+            hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, headerTemplate, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.HEADER_TEMPLATE, data: {} });
+            headerSection.append(headerTemplate);
+            (_c = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.eventManager) === null || _c === void 0 ? void 0 : _c.addEventListener("#".concat(idMapConstants.SETTINGS_BTN), 'click', function (event) {
+                var _a, _b, _c;
+                hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, '', { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.SETTINGS_CLICK_EVENT, data: {} });
+                (_c = (_b = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector) === null || _b === void 0 ? void 0 : _b.call(_a, "".concat(classConstants.SETTINGS_POPUP)).classList) === null || _c === void 0 ? void 0 : _c.remove(classConstants.HIDE_ELEMENT);
+            }, headerTemplate);
+            (_d = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.eventManager) === null || _d === void 0 ? void 0 : _d.addEventListener("#".concat(idMapConstants.DARK_THEME_BTN), 'click', function (event) {
+                toggleTheme(headerTemplate);
+            }, headerTemplate);
+            (_e = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.eventManager) === null || _e === void 0 ? void 0 : _e.addEventListener("#".concat(idMapConstants.LIGHT_THEME_BTN), 'click', function (event) {
+                toggleTheme(headerTemplate);
+            }, headerTemplate);
+        }
+    };
+    var toggleTheme = function (headerTemplate) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var darkThemeBtn = (_a = headerTemplate === null || headerTemplate === void 0 ? void 0 : headerTemplate.querySelector) === null || _a === void 0 ? void 0 : _a.call(headerTemplate, "#".concat(idMapConstants.DARK_THEME_BTN));
+        var lightThemeBtn = (_b = headerTemplate === null || headerTemplate === void 0 ? void 0 : headerTemplate.querySelector) === null || _b === void 0 ? void 0 : _b.call(headerTemplate, "#".concat(idMapConstants.LIGHT_THEME_BTN));
+        var theme = (_c = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.localStorageService) === null || _c === void 0 ? void 0 : _c.getThemeLocal();
+        hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, '', { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.THEME_CHANGE_EVENT, data: { theme: theme === _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.storageConst.LIGHT ? _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.storageConst.DARK : _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.storageConst.LIGHT } });
+        if (theme === _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.storageConst.LIGHT) {
+            hostInstance.applyBranding(_constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.DARKTHEME_COLORCODES, _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.storageConst.DARK);
+            hostInstance.localStorageService.setThemeLocal(_constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.storageConst.DARK);
+            (_d = darkThemeBtn === null || darkThemeBtn === void 0 ? void 0 : darkThemeBtn.classList) === null || _d === void 0 ? void 0 : _d.add(classConstants.HIDE_ELEMENT);
+            (_e = lightThemeBtn === null || lightThemeBtn === void 0 ? void 0 : lightThemeBtn.classList) === null || _e === void 0 ? void 0 : _e.remove(classConstants.HIDE_ELEMENT);
+        }
+        else {
+            hostInstance.applyBranding((_g = (_f = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.config) === null || _f === void 0 ? void 0 : _f.branding) === null || _g === void 0 ? void 0 : _g.colors, _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.storageConst.LIGHT);
+            hostInstance.localStorageService.setThemeLocal(_constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.storageConst.LIGHT);
+            (_h = darkThemeBtn === null || darkThemeBtn === void 0 ? void 0 : darkThemeBtn.classList) === null || _h === void 0 ? void 0 : _h.remove(classConstants.HIDE_ELEMENT);
+            (_j = lightThemeBtn === null || lightThemeBtn === void 0 ? void 0 : lightThemeBtn.classList) === null || _j === void 0 ? void 0 : _j.add(classConstants.HIDE_ELEMENT);
         }
     };
-    var handleAssistSuggestions = function (response) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        if ((response === null || response === void 0 ? void 0 : response.data) && ((_a = Object.keys(response === null || response === void 0 ? void 0 : response.data)) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            var data = response === null || response === void 0 ? void 0 : response.data;
-            var bulbCount_1 = (((_b = data.suggestions.dialogs) === null || _b === void 0 ? void 0 : _b.length) || 0) + (((_c = data.suggestions.faqs) === null || _c === void 0 ? void 0 : _c.length) || 0) + (((_e = (_d = data.suggestions.searchassist) === null || _d === void 0 ? void 0 : _d.snippets) === null || _e === void 0 ? void 0 : _e.length) || 0) + (((_g = (_f = rootServiceInstance.formatSearchResponse(data, false, response.suggestionIndex, _constants_projConsts__WEBPACK_IMPORTED_MODULE_6__.ProjConstants.ASSIST)) === null || _f === void 0 ? void 0 : _f.articles) === null || _g === void 0 ? void 0 : _g.length) || 0);
-            setMessages(function (prevResponse) {
-                var returnResponse = __spreadArray([], prevResponse, true);
-                var userBubbleIndex = prevResponse.findLastIndex(function (data) { return data.type == 'user'; });
-                if (userBubbleIndex !== -1) {
-                    returnResponse[userBubbleIndex].count = bulbCount_1;
-                    returnResponse[userBubbleIndex].suggestionUUID = response.uuid;
-                    showCountBulb(bulbCount_1, response, userBubbleIndex);
-                }
-                return returnResponse;
+    var addFooterTemplate = function () {
+        var _a, _b, _c, _d;
+        var allTabs;
+        var showTranscript = (hostInstance.rootService.connectionDetails.channel === _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.ProjConstants.VOICE) && ((_c = (_b = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.rootService) === null || _a === void 0 ? void 0 : _a.aaSettings) === null || _b === void 0 ? void 0 : _b.transcripts) === null || _c === void 0 ? void 0 : _c.isEnabled);
+        allTabs = (0,_domManager__WEBPACK_IMPORTED_MODULE_12__.getHTML)(_tabs_all_tabs__WEBPACK_IMPORTED_MODULE_4__.AllTabs, {
+            tabsNTitles: tabsNTitles,
+            selectedTab: serTabMap[selectTab],
+            showTranscript: showTranscript,
+            connectionDetails: connectionDetails,
+            sourceDesktop: sourceDesktop,
+            hideUserBotHistory: hideUserBotHistory,
+            projConstants: _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.Tabs,
+            selectedTheme: selectedTheme,
+            chooseTheme: chooseTheme,
+            hostInstance: hostInstance,
+            rootServiceInstance: rootServiceInstance
+        }, hostInstance);
+        var footerTag = (_d = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _d === void 0 ? void 0 : _d.querySelector(classConstants.FOOTER);
+        if (footerTag) {
+            hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, allTabs, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.FOOTER_TEMPLATE, data: { tabsNTitles: tabsNTitles, footerTag: footerTag } });
+            footerTag.append(allTabs);
+            tabsNTitles.forEach(function (tab) {
+                var _a;
+                (_a = hostInstance.eventManager) === null || _a === void 0 ? void 0 : _a.addEventListener("".concat(classConstants.FOOTER_BTN).concat(tab.type), 'click', function () {
+                    toggleActiveTab(tab.type, footerTag);
+                }, footerTag);
             });
         }
     };
-    var showCountBulb = function (bulbCount, response, bubbleIndex) {
+    var addListViewPopupTemplate = function () {
         var _a, _b, _c;
-        var uuid = response.uuid;
-        var transcriptBulbHtml = (0,_base_domManager__WEBPACK_IMPORTED_MODULE_3__.getHTML)(BulbCount, { bulbCount: bulbCount, uuid: uuid, value: (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.value }, hostInstance);
-        hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.BEFORE_VIEW_INIT, transcriptBulbHtml, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.TRANSCRIPT_BULB, data: { bulbCount: bulbCount, response: response, bubbleIndex: bubbleIndex } });
-        var transcriptBubble = (_b = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _b === void 0 ? void 0 : _b.querySelector("".concat(_constants_projConsts__WEBPACK_IMPORTED_MODULE_6__.ClassMapConstanst.TRANSCRIPT_BUBBLE).concat(bubbleIndex));
-        transcriptBubble.querySelector(".bot-bubble-content .bubble-msg-with-img").append(transcriptBulbHtml);
-        (_c = hostInstance.eventManager) === null || _c === void 0 ? void 0 : _c.addEventListener("".concat(_constants_projConsts__WEBPACK_IMPORTED_MODULE_6__.ClassMapConstanst.TRANSCRIPT_BULB).concat(uuid), 'click', function () {
-            var assistSuggestions = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle.getElementById("".concat(_constants_projConsts__WEBPACK_IMPORTED_MODULE_6__.IdMapConstant.ASSIST_SUGGESTIONS).concat(uuid));
-            if (assistSuggestions && assistEnabled) {
-                transcriptBubble.querySelector(".aa-transcript-bulb-count").innerHTML = rootServiceInstance.sanitizeHTML("&#10004;");
-                var footerTag = hostInstance.chatEle.querySelector(classMapConstansts.FOOTER);
-                hostInstance.openAssistTab(footerTag, true);
-                setTimeout(function () {
-                    assistSuggestions.scrollIntoView();
-                }, 0);
-            }
-        }, transcriptBubble);
-    };
-    // Transcript History API call
-    var transcriptHistoryAPICall = function () {
-        var transcriptEle = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle.querySelector('.aa-transcript-body-wrapper');
-        fetchTranscriptHistoryData().then(function (res) {
-            hostInstance.removeIndividualLoader(transcriptEle);
-            if (res) {
-                transcriptEle.innerHTML = '';
-                var userBotMessages = res.userBotMessages, summary_1 = res.summary, userAgentMessages = res.userAgentMessages;
-                var processedUserBotMessages = processMessages(userBotMessages === null || userBotMessages === void 0 ? void 0 : userBotMessages.result);
-                setUserBotHistory(processedUserBotMessages);
-                if (summary_1 === null || summary_1 === void 0 ? void 0 : summary_1.message) {
-                    summaryBannerData(summary_1);
-                }
-                var processedUserAgentMessages = processMessages(userAgentMessages === null || userAgentMessages === void 0 ? void 0 : userAgentMessages.result);
-                setUserAgentHistory(processedUserAgentMessages);
-                setTimeout(function () {
-                    rootServiceInstance.scrollBottomTranscript();
-                });
-            }
-        })
-            .catch(function (error) {
-            hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.ON_ERROR, _constants_errorcodes__WEBPACK_IMPORTED_MODULE_7__.ERROR_CODES['ERR_SUMMARY_LOAD_FAILURE']);
-            hostInstance.removeIndividualLoader(transcriptEle);
-            addAgentJoiningBanner();
+        var listViewTemplate = (0,_domManager__WEBPACK_IMPORTED_MODULE_12__.getHTML)(_tabs_atom_dialogPopups__WEBPACK_IMPORTED_MODULE_14__.RenderListView, {}, hostInstance);
+        hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, listViewTemplate, {
+            event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.LIST_VIEW_TEMPLATE,
+            data: {}
         });
+        (_a = hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.append(listViewTemplate);
+        (_c = (_b = hostInstance.eventManager) === null || _b === void 0 ? void 0 : _b.addEventListener) === null || _c === void 0 ? void 0 : _c.call(_b, "".concat(classConstants.LIST_VIEW_CLOSE_BTN), 'click', function (e) {
+            rootServiceInstance.closeListView(hostInstance);
+        }, listViewTemplate);
     };
-    (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-        var _a;
-        if (isInitialRender.current) {
-            isInitialRender.current = false;
-            return;
-        }
-        (userBotHistory || []).forEach(function (element) {
-            var _a, _b;
-            if ((_b = (_a = element === null || element === void 0 ? void 0 : element.components[0]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.text) {
-                handleUserBotHistoryResponse(element);
-            }
+    var addTerminatePopupTemplate = function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var terminatePopupTemplate = (0,_domManager__WEBPACK_IMPORTED_MODULE_12__.getHTML)(_tabs_atom_dialogPopups__WEBPACK_IMPORTED_MODULE_14__.RenderTerminatePopup, {}, hostInstance);
+        hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, terminatePopupTemplate, {
+            event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.TERMINATE_POPUP_TEMPLATE,
+            data: {}
         });
-        if (summary === null || summary === void 0 ? void 0 : summary.msg) {
-            var summaryBanner = (0,_base_domManager__WEBPACK_IMPORTED_MODULE_3__.getHTML)(SummaryEleBanner, summary, hostInstance);
-            var transcriptEle = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle.getElementsByClassName(classMapConstansts.TRANSCRIPT_BODY_WRAPPER)) === null || _a === void 0 ? void 0 : _a[0];
-            hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.BEFORE_VIEW_INIT, summaryBanner, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.SUMMARY_TEMPLATE, summary: summary });
-            transcriptEle === null || transcriptEle === void 0 ? void 0 : transcriptEle.append(summaryBanner);
-        }
-        addAgentJoiningBanner();
-        (userAgentHistory || []).forEach(function (element) {
-            var _a, _b;
-            if (((element === null || element === void 0 ? void 0 : element.msgType) === 'USER' || (element === null || element === void 0 ? void 0 : element.msgType) === 'AGENT') && ((_b = (_a = element === null || element === void 0 ? void 0 : element.components[0]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.text)) {
-                handleUserAgentHistoryResponse(element);
-            }
+        (_a = hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.append(terminatePopupTemplate);
+        (_c = (_b = hostInstance.eventManager) === null || _b === void 0 ? void 0 : _b.addEventListener) === null || _c === void 0 ? void 0 : _c.call(_b, "".concat(classConstants.TERMINATE_YES_BTN), 'click', function (e) {
+            hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, '', { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.TERMINATE_CLICK_EVENT, data: { activeTab: rootServiceInstance.activeTab } });
+            hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.INTERNAL_EVENTS.TERMINATE_EVENT, { activeTab: rootServiceInstance.activeTab });
+        }, terminatePopupTemplate);
+        (_e = (_d = hostInstance.eventManager) === null || _d === void 0 ? void 0 : _d.addEventListener) === null || _e === void 0 ? void 0 : _e.call(_d, "".concat(classConstants.TERMINATE_CANCEL_BTN), 'click', function (e) {
+            var _a, _b, _c;
+            (_c = (_b = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector) === null || _b === void 0 ? void 0 : _b.call(_a, "".concat(classConstants.TERMIANTE_POPUP)).classList) === null || _c === void 0 ? void 0 : _c.add(classConstants.HIDE_ELEMENT);
+        }, terminatePopupTemplate);
+        (_g = (_f = hostInstance.eventManager) === null || _f === void 0 ? void 0 : _f.addEventListener) === null || _g === void 0 ? void 0 : _g.call(_f, "".concat(classConstants.TERMINATE_OVERRIDE_BTN), 'click', function (e) {
+            hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, '', { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.TERMINATE_CLICK_EVENT, data: { activeTab: rootServiceInstance.activeTab } });
+            hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.INTERNAL_EVENTS.TERMINATE_OVERRIDE_EVENT, { activeTab: rootServiceInstance.activeTab });
+        }, terminatePopupTemplate);
+        (_j = (_h = hostInstance.eventManager) === null || _h === void 0 ? void 0 : _h.addEventListener) === null || _j === void 0 ? void 0 : _j.call(_h, "".concat(classConstants.TERMINATE_CLOSE_BTN), 'click', function (e) {
+            var _a, _b, _c;
+            (_c = (_b = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector) === null || _b === void 0 ? void 0 : _b.call(_a, "".concat(classConstants.TERMIANTE_POPUP)).classList) === null || _c === void 0 ? void 0 : _c.add(classConstants.HIDE_ELEMENT);
+        }, terminatePopupTemplate);
+    };
+    var addInterruptPopupTemplate = function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var interruptPopupTemplate = (0,_domManager__WEBPACK_IMPORTED_MODULE_12__.getHTML)(_tabs_atom_dialogPopups__WEBPACK_IMPORTED_MODULE_14__.RenderInterruptionPopup, {}, hostInstance);
+        hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, interruptPopupTemplate, {
+            event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.INTERRUPT_POPUP_TEMPLATE,
+            data: {}
         });
-    }, [userBotHistory, userAgentHistory, summary]);
-    var processMessages = function (messages) {
-        if (!(messages === null || messages === void 0 ? void 0 : messages.length)) {
-            return [];
-        }
-        return messages.map(function (item) {
+        (_a = hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.append(interruptPopupTemplate);
+        (_c = (_b = hostInstance.eventManager) === null || _b === void 0 ? void 0 : _b.addEventListener) === null || _c === void 0 ? void 0 : _c.call(_b, "".concat(classConstants.INTERRUPT_ACCEPT_BTN), 'click', function (e) {
+            hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, '', { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.INTERRUPT_CLICK_EVENT, data: { activeTab: rootServiceInstance.activeTab } });
+            hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.INTERNAL_EVENTS.INTERRUPT_ACCEPT_EVENT, { activeTab: rootServiceInstance.activeTab });
+        }, interruptPopupTemplate);
+        (_e = (_d = hostInstance.eventManager) === null || _d === void 0 ? void 0 : _d.addEventListener) === null || _e === void 0 ? void 0 : _e.call(_d, "".concat(classConstants.INTERRUPT_CANCE_BTN), 'click', function (e) {
             var _a, _b, _c;
-            try {
-                if (typeof ((_b = (_a = item === null || item === void 0 ? void 0 : item.components[0]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.text) === 'string') {
-                    var parsedText = JSON.parse(item.components[0].data.text);
-                    if ((_c = parsedText === null || parsedText === void 0 ? void 0 : parsedText.payload) === null || _c === void 0 ? void 0 : _c.text) {
-                        item.components[0].data.text = parsedText.payload.text;
-                    }
-                }
+            (_c = (_b = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector) === null || _b === void 0 ? void 0 : _b.call(_a, "".concat(classConstants.INTERRUPT_POPUP)).classList) === null || _c === void 0 ? void 0 : _c.add(classConstants.HIDE_ELEMENT);
+        }, interruptPopupTemplate);
+        (_g = (_f = hostInstance.eventManager) === null || _f === void 0 ? void 0 : _f.addEventListener) === null || _g === void 0 ? void 0 : _g.call(_f, "".concat(classConstants.INTERRUPT_RUNLATER_BTN), 'click', function (e) {
+            hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.INTERNAL_EVENTS.INTERRUPT_RUNLATER_EVENT, { activeTab: rootServiceInstance.activeTab });
+        }, interruptPopupTemplate);
+        (_j = (_h = hostInstance.eventManager) === null || _h === void 0 ? void 0 : _h.addEventListener) === null || _j === void 0 ? void 0 : _j.call(_h, "".concat(classConstants.INTERRUPT_CLOSE_BTN), 'click', function (e) {
+            var _a, _b, _c;
+            (_c = (_b = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector) === null || _b === void 0 ? void 0 : _b.call(_a, "".concat(classConstants.INTERRUPT_POPUP)).classList) === null || _c === void 0 ? void 0 : _c.add(classConstants.HIDE_ELEMENT);
+        }, interruptPopupTemplate);
+    };
+    var addSettingsTemplate = function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var settingsTemplate = (0,_domManager__WEBPACK_IMPORTED_MODULE_12__.getHTML)(_tabs_atom_dialogPopups__WEBPACK_IMPORTED_MODULE_14__.RenderSettingsPopup, {}, hostInstance);
+        hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, settingsTemplate, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.SETTINGS_TEMPLATE, data: {} });
+        (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.append(settingsTemplate);
+        (_c = (_b = hostInstance.eventManager) === null || _b === void 0 ? void 0 : _b.addEventListener) === null || _c === void 0 ? void 0 : _c.call(_b, "".concat(classConstants.SETTINGS_POPUP_CLOSE_BTN), 'click', function (e) {
+            var _a, _b, _c;
+            (_c = (_b = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector) === null || _b === void 0 ? void 0 : _b.call(_a, "".concat(classConstants.SETTINGS_POPUP)).classList) === null || _c === void 0 ? void 0 : _c.add(classConstants.HIDE_ELEMENT);
+        }, settingsTemplate);
+        (_e = (_d = hostInstance.eventManager) === null || _d === void 0 ? void 0 : _d.addEventListener) === null || _e === void 0 ? void 0 : _e.call(_d, "".concat(classConstants.SETTINGS_POPUP_BACK_BTN), 'click', function (e) {
+            toggleSettingsElements('add');
+        }, settingsTemplate);
+        (_g = (_f = hostInstance.eventManager) === null || _f === void 0 ? void 0 : _f.addEventListener) === null || _g === void 0 ? void 0 : _g.call(_f, "".concat(classConstants.SETTINGS_HELP_BTN), 'click', function (e) {
+            toggleSettingsElements('remove');
+        }, settingsTemplate);
+        (_j = (_h = hostInstance.eventManager) === null || _h === void 0 ? void 0 : _h.addEventListener) === null || _j === void 0 ? void 0 : _j.call(_h, "".concat(classConstants.SETTINGS_HELP_SECTION), 'click', function (e) {
+            toggleSettingsElements('remove');
+        }, settingsTemplate);
+        (_k = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.eventManager) === null || _k === void 0 ? void 0 : _k.addEventListener("".concat(classConstants.SETTINGS_AUTO_SCROLL), 'click', function (event) {
+            var _a;
+            var inputElement;
+            if (event.target.nodeName === 'INPUT') {
+                inputElement = event === null || event === void 0 ? void 0 : event.currentTarget;
             }
-            catch (_d) {
-                // Handle JSON parsing error if needed
+            else {
+                inputElement = (_a = event === null || event === void 0 ? void 0 : event.currentTarget) === null || _a === void 0 ? void 0 : _a.querySelector('input[type="checkbox"]');
             }
-            return item;
-        });
-    };
-    var fetchTranscriptHistoryData = function () {
-        var isSummaryRequired = true;
-        var _a = rootServiceInstance.connectionDetails || {}, botId = _a.botId, conversationId = _a.conversationId, channel = _a.channel, sessionId = _a.sessionId;
-        var params = {
-            conversationId: conversationId,
-            botId: botId,
-            channel: channel,
-            sessionId: sessionId || 0,
-            isSummaryRequired: isSummaryRequired,
-        };
-        return (0,_utils_interceptor__WEBPACK_IMPORTED_MODULE_5__["default"])('get_history_trascript', {
-            method: 'GET',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-        }, hostInstance, params);
+            if (inputElement && !inputElement.disabled) {
+                inputElement.checked = !inputElement.checked;
+                rootServiceInstance.autoScrollStatus = inputElement.checked;
+                hostInstance.localStorageService.setAutoScroll(inputElement.checked);
+                hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.DATA_EVENTS.AUTO_SCROLL_CHANGE, inputElement.checked);
+            }
+        }, settingsTemplate);
+        (_l = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.eventManager) === null || _l === void 0 ? void 0 : _l.addEventListener("#".concat(idMapConstants.PROACTIVE_BTN), 'click', function (event) {
+            var inputElement;
+            if (event.target.nodeName === 'INPUT') {
+                inputElement = event.currentTarget;
+            }
+            else {
+                inputElement = event.currentTarget.querySelector('input[type="checkbox"]');
+            }
+            if (inputElement && !inputElement.disabled) {
+                // Toggle the checked state
+                inputElement.checked = !inputElement.checked;
+                // Trigger any logic that depends on the checked state
+                rootServiceInstance.proactiveMode = inputElement.checked;
+                hostInstance.localStorageService.setProactiveMode(inputElement.checked);
+                hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.DATA_EVENTS.PRO_ACTIVE_CHANGE, inputElement.checked);
+                hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.handleOverrideMode(!inputElement.checked);
+                if (event.isTrusted) {
+                    hostInstance.socketConnection.dialogEntityExtraction = false;
+                }
+            }
+        }, settingsTemplate);
+        (_m = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.eventManager) === null || _m === void 0 ? void 0 : _m.addEventListener("".concat(classConstants.SETTINGS_FAQ_LINK), 'click', function (event) {
+            openLink(_constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.ProjConstants.FAQ_LINK, _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.ProjConstants.SETTINGS_FAQ);
+        }, settingsTemplate);
+        (_o = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.eventManager) === null || _o === void 0 ? void 0 : _o.addEventListener("".concat(classConstants.SETTINGS_DOCUMENTATION_LINK), 'click', function (event) {
+            openLink(_constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.ProjConstants.DOCUMENTATION_LINK, _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.ProjConstants.SETTINGS_DOCUMENTATION);
+        }, settingsTemplate);
+        (_p = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.eventManager) === null || _p === void 0 ? void 0 : _p.addEventListener("".concat(classConstants.SETTINGS_KORE_ACADEMY_LINK), 'click', function (event) {
+            openLink(_constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.ProjConstants.KOREACADEMY_LINK, _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.ProjConstants.SETTINGS_KOREACADEMY);
+        }, settingsTemplate);
+    };
+    function openLink(url, type) {
+        var _a, _b;
+        var openUrl = ((_b = (_a = rootServiceInstance.settingsData) === null || _a === void 0 ? void 0 : _a.showHelp[type]) === null || _b === void 0 ? void 0 : _b.resource) || url;
+        rootServiceInstance.openurlInBrowser(openUrl);
+    }
+    function toggleSettingsElements(action) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+        var method = action === 'add' ? 'add' : 'remove';
+        var settingsMethod = action === 'add' ? 'remove' : 'add';
+        (_f = (_e = (_d = (_c = (_b = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector) === null || _b === void 0 ? void 0 : _b.call(_a, "".concat(classConstants.SETTINGS_POPUP))) === null || _c === void 0 ? void 0 : _c.querySelector) === null || _d === void 0 ? void 0 : _d.call(_c, "".concat(classConstants.SETTINGS_HELP_GROUP))) === null || _e === void 0 ? void 0 : _e.classList) === null || _f === void 0 ? void 0 : _f[method](classConstants.HIDE_ELEMENT);
+        (_m = (_l = (_k = (_j = (_h = (_g = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _g === void 0 ? void 0 : _g.querySelector) === null || _h === void 0 ? void 0 : _h.call(_g, "".concat(classConstants.SETTINGS_POPUP))) === null || _j === void 0 ? void 0 : _j.querySelector) === null || _k === void 0 ? void 0 : _k.call(_j, "".concat(classConstants.SETTINGS_NEXT_BTN))) === null || _l === void 0 ? void 0 : _l.classList) === null || _m === void 0 ? void 0 : _m[method](classConstants.HIDE_ELEMENT);
+        (_t = (_s = (_r = (_q = (_p = (_o = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _o === void 0 ? void 0 : _o.querySelector) === null || _p === void 0 ? void 0 : _p.call(_o, "".concat(classConstants.SETTINGS_POPUP))) === null || _q === void 0 ? void 0 : _q.querySelector) === null || _r === void 0 ? void 0 : _r.call(_q, "".concat(classConstants.SETTINGS_MAIN_SECTION))) === null || _s === void 0 ? void 0 : _s.classList) === null || _t === void 0 ? void 0 : _t[settingsMethod](classConstants.HIDE_ELEMENT);
+        (_z = (_y = (_x = (_w = (_v = (_u = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _u === void 0 ? void 0 : _u.querySelector) === null || _v === void 0 ? void 0 : _v.call(_u, "".concat(classConstants.SETTINGS_POPUP))) === null || _w === void 0 ? void 0 : _w.querySelector) === null || _x === void 0 ? void 0 : _x.call(_w, "".concat(classConstants.SETTINGS_POPUP_BACK_BTN))) === null || _y === void 0 ? void 0 : _y.classList) === null || _z === void 0 ? void 0 : _z[method](classConstants.HIDE_ELEMENT);
+        if (action === 'remove') {
+            hostInstance.chatEle.querySelector("".concat(classConstants.SETTINGS_POPUP)).querySelector("".concat(classConstants.SETTINGS_NEXT_BTN)).textContent = ' / Help';
+        }
+    }
+    var addAttachmentViewTemplate = function () {
+        var _a, _b, _c, _d, _e, _f;
+        var attachmentviewTemplate = (0,_domManager__WEBPACK_IMPORTED_MODULE_12__.getHTML)(_tabs_atom_dialogPopups__WEBPACK_IMPORTED_MODULE_14__.RenderAttachmentImageView, {}, hostInstance);
+        hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, attachmentviewTemplate, { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.ATTACHMENT_VIEW, data: {} });
+        (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.append(attachmentviewTemplate);
+        var attachmentView = (_b = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _b === void 0 ? void 0 : _b.querySelector("".concat(classConstants.ENTITY_ATTACHMENT_VIEW_MODAL));
+        (_d = (_c = hostInstance.eventManager) === null || _c === void 0 ? void 0 : _c.addEventListener) === null || _d === void 0 ? void 0 : _d.call(_c, "".concat(classConstants.ENTITY_ATTACHMENT_BACK_BTN), 'click', function (e) {
+            var _a;
+            (_a = attachmentView === null || attachmentView === void 0 ? void 0 : attachmentView.classList) === null || _a === void 0 ? void 0 : _a.add(classConstants.HIDE_ELEMENT);
+        }, attachmentviewTemplate);
+        (_f = (_e = hostInstance.eventManager) === null || _e === void 0 ? void 0 : _e.addEventListener) === null || _f === void 0 ? void 0 : _f.call(_e, "".concat(classConstants.ENTITY_ATTACHMENT_CLOSE_BTN), 'click', function (e) {
+            var _a;
+            (_a = attachmentView === null || attachmentView === void 0 ? void 0 : attachmentView.classList) === null || _a === void 0 ? void 0 : _a.add(classConstants.HIDE_ELEMENT);
+        }, attachmentviewTemplate);
     };
-    // userBot Converstion Transcript History
-    var handleUserBotHistoryResponse = function (response) {
+    var addFeedbackToastrTemplate = function () {
         var _a, _b, _c;
-        var data = {
-            timestamp: formatStandardTime(response.createdOn),
-            msg: (_b = (_a = response.components[0]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.text,
-            from: response.msgType === 'BOT' ? 'bot' : 'user',
-            type: response.msgType === 'BOT' ? 'bot' : 'user'
-        };
-        var trnsptBubble = (0,_base_domManager__WEBPACK_IMPORTED_MODULE_3__.getHTML)(TranscriptBubble, { data: data }, hostInstance);
-        var transcriptEle = (_c = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle.getElementsByClassName(classMapConstansts.TRANSCRIPT_BODY_WRAPPER)) === null || _c === void 0 ? void 0 : _c[0];
-        hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.BEFORE_VIEW_INIT, trnsptBubble, {
-            event: response.msgType === 'BOT' ? _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.BOT_TRANSCRIPT : _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.USER_TRANSCRIPT,
-            data: data
+        var feedbackToastTemplate = (0,_domManager__WEBPACK_IMPORTED_MODULE_12__.getHTML)(FeedbackToast, {}, hostInstance);
+        hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, feedbackToastTemplate, {
+            event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.FEEDBACK_TOAST_TEMPLATE,
+            data: {}
         });
-        transcriptEle.append(trnsptBubble);
+        (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.append(feedbackToastTemplate);
+        (_c = (_b = hostInstance.eventManager) === null || _b === void 0 ? void 0 : _b.addEventListener) === null || _c === void 0 ? void 0 : _c.call(_b, "".concat(classConstants.FEEDBACK_CLOSE_BTN), 'click', function (e) {
+            hideFeedbackToastr();
+        }, feedbackToastTemplate);
     };
-    // userAgent Conversation Transcript History
-    var handleUserAgentHistoryResponse = function (response) {
+    var hideFeedbackToastr = function () {
         var _a, _b, _c;
-        var data = {
-            timestamp: formatStandardTime(response.createdOn),
-            msg: (_b = (_a = response.components[0]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.text,
-            from: response.msgType === 'AGENT' ? 'agent' : 'user',
-            type: response.msgType === 'AGENT' ? 'agent' : 'user'
-        };
-        var trnsptBubble = (0,_base_domManager__WEBPACK_IMPORTED_MODULE_3__.getHTML)(TranscriptBubble, { data: data }, hostInstance);
-        var transcriptEle = (_c = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle.getElementsByClassName(classMapConstansts.TRANSCRIPT_BODY_WRAPPER)) === null || _c === void 0 ? void 0 : _c[0];
-        hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.BEFORE_VIEW_INIT, trnsptBubble, {
-            event: response.msgType === 'AGENT' ? _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.AGENT_TRANSCRIPT : _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.USER_TRANSCRIPT,
-            data: data
-        });
-        transcriptEle === null || transcriptEle === void 0 ? void 0 : transcriptEle.append(trnsptBubble);
-    };
-    // conversion of standard UTC timestamp
-    var formatStandardTime = function (timeStamp) {
-        var date = new Date(timeStamp);
-        var hours = date.getHours();
-        var minutes = date.getMinutes();
-        var ampm = hours >= 12 ? 'pm' : 'am';
-        hours = hours % 12;
-        hours = hours ? hours : 12;
-        minutes = minutes < 10 ? '0' + minutes : minutes;
-        return "".concat(hours, ":").concat(minutes, " ").concat(ampm);
+        (_c = (_b = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector) === null || _b === void 0 ? void 0 : _b.call(_a, "".concat(classConstants.FEEDBACK_TOASTR)).classList) === null || _c === void 0 ? void 0 : _c.add(classConstants.HIDE_ELEMENT);
     };
-    // Live conversation of user and Agent Transcripts
-    var handleTranscriptionResponse = function (response) {
-        var _a, _b;
-        var type = (_b = (_a = response === null || response === void 0 ? void 0 : response.author) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toLowerCase();
-        var data = {
-            timestamp: formatAmpm(new Date()),
-            msg: response === null || response === void 0 ? void 0 : response.value,
-            from: type,
-            type: type
-        };
-        setMessages(function (prevResponse) {
-            var _a, _b;
-            var messages = __spreadArray([], prevResponse, true);
-            messages === null || messages === void 0 ? void 0 : messages.push(data);
-            var trnsptBubble = (0,_base_domManager__WEBPACK_IMPORTED_MODULE_3__.getHTML)(TranscriptBubble, { data: data, index: (messages === null || messages === void 0 ? void 0 : messages.length) - 1 }, hostInstance);
-            var transcriptEle = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle.getElementsByClassName(classMapConstansts.TRANSCRIPT_BODY_WRAPPER)) === null || _a === void 0 ? void 0 : _a[0];
-            hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.BEFORE_VIEW_INIT, trnsptBubble, {
-                event: ((_b = response === null || response === void 0 ? void 0 : response.author) === null || _b === void 0 ? void 0 : _b.type) === 'AGENT' ? _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.AGENT_TRANSCRIPT : _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.USER_TRANSCRIPT,
-                data: data
-            });
-            transcriptEle === null || transcriptEle === void 0 ? void 0 : transcriptEle.append(trnsptBubble);
-            return messages;
-        });
-    };
-    // Live converstion timestamp conversion
-    var formatAmpm = function (date) {
-        var hours = date.getHours();
-        var minutes = date.getMinutes();
-        var ampm = hours >= 12 ? 'pm' : 'am';
-        hours = hours % 12;
-        hours = hours ? hours : 12;
-        minutes = minutes < 10 ? '0' + minutes : minutes;
-        var strTime = hours + ':' + minutes + ' ' + ampm;
-        return strTime;
+    var showFeedbackToastr = function () {
+        var _a, _b, _c;
+        (_c = (_b = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle) === null || _a === void 0 ? void 0 : _a.querySelector) === null || _b === void 0 ? void 0 : _b.call(_a, "".concat(classConstants.FEEDBACK_TOASTR)).classList) === null || _c === void 0 ? void 0 : _c.remove(classConstants.HIDE_ELEMENT);
     };
-    // Banner for the Agent Joining
-    var addAgentJoiningBanner = function () {
+    var handleFeedbackResponse = function (response) {
         var _a;
-        var transcriptEle = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.chatEle.getElementsByClassName(classMapConstansts.TRANSCRIPT_BODY_WRAPPER)) === null || _a === void 0 ? void 0 : _a[0];
-        var isAgentBannerPresent = transcriptEle === null || transcriptEle === void 0 ? void 0 : transcriptEle.querySelector('.agent-joined-banner');
-        if (isAgentBannerPresent) {
-            return;
+        if (response && ((_a = Object.keys(response)) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            if (response.feedback == 'like' || (response.feedback == 'dislike' && rootServiceInstance.isUpdateFeedBackDetailsFlag)) {
+                showFeedbackToastr();
+                if (timeoutId.current !== undefined) {
+                    clearTimeout(timeoutId.current); // Clear existing timeout if any
+                }
+                timeoutId.current = window.setTimeout(function () {
+                    hideFeedbackToastr();
+                }, 5000);
+            }
         }
-        var timeStr = formatAmpm(new Date());
-        var data = { title: 'Agent joined the conversation', timeStamp: timeStr };
-        var agentJoinBanner = (0,_base_domManager__WEBPACK_IMPORTED_MODULE_3__.getHTML)(AgentJoiningEleBanner, data, hostInstance);
-        hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.BEFORE_VIEW_INIT, agentJoinBanner, {
-            event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_4__.SDK_EVENTS.AGENT_JOINED_TEMPLATE,
-            data: data
-        });
-        transcriptEle === null || transcriptEle === void 0 ? void 0 : transcriptEle.append(agentJoinBanner);
     };
-    // Agent joining banner HTML
-    var AgentJoiningEleBanner = function (props) {
-        var msgData = props.msgData;
-        return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "agent-joined-banner" },
-            (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "line-border" }),
-            (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "info-joined-details" },
-                (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("h4", { className: "aa-text-sm" }, msgData.title)),
-            (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "line-border" })));
-    };
-    var SummaryEleBanner = function (props) {
-        var msgData = props.msgData;
-        return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "summary-wrapper" },
-            (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "summary-header" },
-                (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("i", { className: "krIocnsFont-Aimark" }),
-                (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("span", { className: "aa-text-md medium" }, msgData.title)),
-            (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("p", { className: "aa-text-sm" }, msgData.msg)));
-    };
-    var summaryBannerData = function (response) {
-        var data = {
-            title: 'Conversation Summary',
-            msg: response === null || response === void 0 ? void 0 : response.message
-        };
-        setSummary(data);
-    };
-    // Message Bubbles for user agent
-    var TranscriptBubble = function (props) {
+    var toggleActiveTab = function (activeTab, footerTag) {
         var _a;
-        var msgData = props.msgData;
-        var actualData = ((_a = props === null || props === void 0 ? void 0 : props.msgData) === null || _a === void 0 ? void 0 : _a.data) || {};
-        return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "aa-transcript-bubble-".concat(msgData.index, " ").concat(actualData.type === 'user' ? 'aa-bot-bubble-comp' : 'aa-agent-bubble-comp') },
-            (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: actualData.type === 'user' ? 'bot-bubble-content' : 'agent-bubble-content' },
-                (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "top-info" },
-                    actualData.type !== 'bot' && ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "you-text" }, actualData.type === 'agent' ? 'agent' : 'user')),
-                    actualData.type === 'bot' && ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "you-text" }, actualData.type === 'bot' ? 'bot' : 'user')),
-                    (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "time-tamp" },
-                        (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("time", null, actualData.timestamp))),
-                (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "bubble-msg-with-img" },
-                    (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "bubble-msg" }, actualData.msg)))));
+        var isEnabled = (_a = tabsNTitles.find(function (tab) { return tab.type === activeTab; })) === null || _a === void 0 ? void 0 : _a.isEnabled;
+        if (isEnabled) {
+            updateTabActive(activeTab);
+            tabsNTitles.forEach(function (tab) {
+                var _a, _b;
+                var footerTabEle = footerTag.querySelector("".concat(classConstants.FOOTER_BTN).concat(tab.type));
+                if (footerTabEle && tab.type === activeTab) {
+                    (_a = footerTabEle === null || footerTabEle === void 0 ? void 0 : footerTabEle.classList) === null || _a === void 0 ? void 0 : _a.add.apply(_a, ["selected-tab", "sel-bg"]);
+                }
+                else if (footerTabEle) {
+                    (_b = footerTabEle === null || footerTabEle === void 0 ? void 0 : footerTabEle.classList) === null || _b === void 0 ? void 0 : _b.remove.apply(_b, ["selected-tab", "sel-bg"]);
+                }
+            });
+        }
     };
-    //scroll to bottom during message incoming
-    (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-        rootServiceInstance.scrollBottomTranscript();
-    }, [messages]);
-    return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
-        (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "transcript-template-wrapper" },
-            (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "transcript-template-data" },
-                (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("h1", { className: "transcript-header aa-text-md semibold" }, "Transcript"),
-                (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: "transcript-body-wrapper aa-transcript-body-wrapper" })))));
+    var updateTabActive = function (tab, removeOtherTabs) {
+        if (removeOtherTabs === void 0) { removeOtherTabs = true; }
+        rootServiceInstance.activeTab = _constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.serviceTabMap[tab];
+        if (removeOtherTabs) {
+            setAssistTabActive(false);
+            setMybotTabActive(false);
+            setSearchTabActive(false);
+            setTranscriptTabActive(false);
+            setplaybookTabActive(false);
+        }
+        switch (tab) {
+            case 'ast':
+                setAssistTabActive(true);
+                break;
+            case 'srch':
+                setSearchTabActive(true);
+                break;
+            case 'mB':
+                setMybotTabActive(true);
+                break;
+            case 'trnspt':
+                setTranscriptTabActive(true);
+                break;
+            case 'cl':
+                setplaybookTabActive(true);
+                break;
+            default:
+                setAssistTabActive(true);
+                break;
+        }
+        if (tab) {
+            hostInstance.emit(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.BEFORE_VIEW_INIT, '', { event: _constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.SDK_EVENTS.TAB_CHANGE_EVENT, data: { activeTab: tab } });
+            localStorageServiceInstance.setActiveTab(_constants_projConsts__WEBPACK_IMPORTED_MODULE_3__.serviceTabMap[tab]);
+        }
+    };
+    var handlePauseResumeTranscript = function (transcriptionStatus) {
+        var payload = {
+            conversationId: hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.rootService.connectionDetails.conversationId,
+            botId: hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.rootService.connectionDetails.botId,
+            transcriptionStatus: transcriptionStatus,
+            experience: hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.rootService.connectionDetails.channel
+        };
+        hostInstance.socketConnection.emitEvents(_constants_events_cnst__WEBPACK_IMPORTED_MODULE_10__.EVENTS.desktop_activity_request, payload);
+    };
+    return ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(preact__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
+        showWidget && ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_tabs_ErrorBoundary_ErrorBoundary__WEBPACK_IMPORTED_MODULE_17__["default"], { hostInstance: hostInstance },
+            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: chatContainerClass, "aria-label": 'agent-window-section' },
+                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("section", { className: "section-agent-aa-wrapper" },
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("header", { className: "aa-header" }),
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("section", { className: "body-container-aa" }, tabsNTitles.map(function (tab) {
+                        var _a, _b;
+                        if (!tab.isEnabled)
+                            return null;
+                        if (tab.type === 'cl' && !((_a = rootServiceInstance === null || rootServiceInstance === void 0 ? void 0 : rootServiceInstance.aaSettings) === null || _a === void 0 ? void 0 : _a.isAgentPlaybookEnabled))
+                            return null;
+                        var TabComponent = tabComponents[tab.type];
+                        var isActive = tabActiveStates[tab.type];
+                        if (tab.type === 'trnspt') {
+                            console.log("TabComponent", tab);
+                            var transcriptContainer = (0,_domManager__WEBPACK_IMPORTED_MODULE_12__.getHTML)(_tabs_transcript_transcript__WEBPACK_IMPORTED_MODULE_7__.Transcript, {}, hostInstance);
+                            (_b = document === null || document === void 0 ? void 0 : document.querySelector(".transcript-container")) === null || _b === void 0 ? void 0 : _b.append(transcriptContainer);
+                            return;
+                        }
+                        return TabComponent ? ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { key: tab.type, className: isActive ? 'animate-compo-slide-up-wrapper' : 'aa-hidden' },
+                            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(TabComponent, { hostInstance: hostInstance }))) : null;
+                    })),
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("footer", { className: "aa-footer" }),
+                    ((_c = rootServiceInstance === null || rootServiceInstance === void 0 ? void 0 : rootServiceInstance.aaSettings) === null || _c === void 0 ? void 0 : _c.isAgentCoachingEnabled) && ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "nudges-wrapper-fixed" },
+                        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "nudges-template-data aa-nudges-template-data" }))),
+                    ((_d = rootServiceInstance === null || rootServiceInstance === void 0 ? void 0 : rootServiceInstance.aaSettings) === null || _d === void 0 ? void 0 : _d.isAgentCoachingEnabled) && ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "hints-wrapper-fixed " },
+                        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: "hints-template-data aa-hints-template-data" }))))))),
+        !showWidget && ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { className: chatContainerClass, "aria-label": 'agent-window-section' },
+            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("section", { className: "section-agent-aa-wrapper" },
+                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { class: "widgets-disabled-card-wrapper" },
+                    (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { class: "widgets-info-disabled-content" },
+                        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { class: "icon_block" },
+                            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" },
+                                (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("path", { d: "M8 6.00015V8.66682M8 11.3335H8.00667M7.07688 2.59464L1.59362 12.0657C1.28948 12.591 1.13742 12.8537 1.15989 13.0693C1.1795 13.2573 1.27801 13.4282 1.43091 13.5394C1.60622 13.6668 1.90973 13.6668 2.51674 13.6668H13.4833C14.0903 13.6668 14.3938 13.6668 14.5691 13.5394C14.722 13.4282 14.8205 13.2573 14.8401 13.0693C14.8626 12.8537 14.7105 12.591 14.4064 12.0657L8.92312 2.59463C8.62007 2.07119 8.46855 1.80947 8.27087 1.72157C8.09843 1.64489 7.90157 1.64489 7.72913 1.72157C7.53145 1.80947 7.37992 2.07119 7.07688 2.59464Z", stroke: "#F79009", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" }))),
+                        (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", { class: "content-info-widget" },
+                            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("h1", null, "Widget Disabled"),
+                            (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("p", null, "Agent AI Settings configuration are Disabled! Please reach out to Agent AI Admin.")))))))));
 }
 
 
@@ -1277,7 +890,7 @@ function Transcript(_a) {
 /******/ function(__webpack_require__) { // webpackRuntimeModules
 /******/ /* webpack/runtime/getFullHash */
 /******/ (() => {
-/******/ 	__webpack_require__.h = () => ("e4f2622c5a426bc55419")
+/******/ 	__webpack_require__.h = () => ("96959ff730d1585878d6")
 /******/ })();
 /******/ 
 /******/ }