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

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

@@ -64,6 +64,22 @@ 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);
+            }
+        };
         _this.handleOverrideMode = function (toggleOverride, dialogId) {
             var _a;
             var connectionDetails = _this.rootService.connectionDetails;
@@ -84,8 +100,19 @@ var AAWindow = /** @class */ (function (_super) {
         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);
@@ -148,6 +175,7 @@ var AAWindow = /** @class */ (function (_super) {
                     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);
@@ -164,6 +192,50 @@ var AAWindow = /** @class */ (function (_super) {
             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;
+        }
+    };
     AAWindow.prototype.initShow = function (config) {
         var _this = this;
         var _a, _b, _c;
@@ -188,6 +260,8 @@ var AAWindow = /** @class */ (function (_super) {
         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;
@@ -195,38 +269,21 @@ var AAWindow = /** @class */ (function (_super) {
                 _this.rootService.grantResponseObj = data;
                 config['JWT_RESP'] = data;
                 _this.socketConnection.configOptions = config;
-                var _a = config.connectionDetails, botId = _a.botId, channel = _a.channel;
-                _this.getAASettings(botId)
-                    .then(function (res) {
-                    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));
-                    var hasEnabledTabs = _this.localStorageService.initializeLocalStorageData(widgetSettings);
-                    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 {
-                        _this.socketConnection.socketConnection(config);
-                        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.bindEvents();
-                        _this.hideSendAndCopy();
-                        _this.chatWindowInstance.chatEle = _this.chatEle;
-                    }
-                }).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 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']);
+                    });
+                }
             }).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();
@@ -237,6 +294,10 @@ var AAWindow = /** @class */ (function (_super) {
         }
     };
     ;
+    AAWindow.prototype.getLanguageDetails = function () {
+        var language = this.localStorageService.getLanguage();
+        return language;
+    };
     AAWindow.prototype.addBackWardCompatibility = function (agentassistSettings) {
         var _a;
         if (agentassistSettings && (!agentassistSettings.feedback || !((_a = Object.keys(agentassistSettings.feedback)) === null || _a === void 0 ? void 0 : _a.length))) {
@@ -325,10 +386,13 @@ var AAWindow = /** @class */ (function (_super) {
         loaderHtml === null || loaderHtml === void 0 ? void 0 : loaderHtml.remove();
     };
     AAWindow.prototype.bindEvents = function () {
-        var _this = this;
-        this.on('ON_SOCKET_CONNECTION', function (config) {
-            _this.commonEmitEvents(config);
-        });
+        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;
@@ -579,6 +643,7 @@ var AAWindow = /** @class */ (function (_super) {
         }
     };
     AAWindow.prototype.destroy = function () {
+        this.cleanupEvents();
         this.socketConnection.disconnect();
         this.emit('DESTROY_WIDGET', {});
         this.localStorageService.deleteLocalStorageState(this.rootService.connectionDetails.conversationId);
@@ -652,13 +717,567 @@ var AAWindow = /** @class */ (function (_super) {
 /* 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: [],
+    //     }
+    // },
+    // 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);
+        };
+    }, []);
+    // 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 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 showCountBulb = function (bulbCount, response, bubbleIndex) {
+        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();
+        });
+    };
+    (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);
+            }
+        });
+        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);
+            }
+        });
+    }, [userBotHistory, userAgentHistory, summary]);
+    var processMessages = function (messages) {
+        if (!(messages === null || messages === void 0 ? void 0 : messages.length)) {
+            return [];
+        }
+        return messages.map(function (item) {
+            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;
+                    }
+                }
+            }
+            catch (_d) {
+                // Handle JSON parsing error if needed
+            }
+            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);
+    };
+    // userBot Converstion Transcript History
+    var handleUserBotHistoryResponse = function (response) {
+        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
+        });
+        transcriptEle.append(trnsptBubble);
+    };
+    // userAgent Conversation Transcript History
+    var handleUserAgentHistoryResponse = function (response) {
+        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);
+    };
+    // 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;
+    };
+    // Banner for the Agent Joining
+    var addAgentJoiningBanner = function () {
+        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;
+        }
+        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 _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)))));
+    };
+    //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" })))));
+}
+
+
 /***/ })
 
 },
 /******/ function(__webpack_require__) { // webpackRuntimeModules
 /******/ /* webpack/runtime/getFullHash */
 /******/ (() => {
-/******/ 	__webpack_require__.h = () => ("a456ff1cd84a558f74e3")
+/******/ 	__webpack_require__.h = () => ("e4f2622c5a426bc55419")
 /******/ })();
 /******/ 
 /******/ }