@hivegpt/hiveai-angular 0.0.381 → 0.0.382

package/bundles/hivegpt-hiveai-angular.umd.js

@@ -0,0 +1,3145 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common/http'), require('@angular/core'), require('@angular/platform-browser'), require('rxjs'), require('rxjs/operators'), require('ngx-socket-io'), require('@angular/forms'), require('microsoft-cognitiveservices-speech-sdk'), require('marked'), require('@angular/common'), require('@angular/material/icon'), require('@angular/material/sidenav'), require('ngx-quill')) :
+    typeof define === 'function' && define.amd ? define('@hivegpt/hiveai-angular', ['exports', '@angular/common/http', '@angular/core', '@angular/platform-browser', 'rxjs', 'rxjs/operators', 'ngx-socket-io', '@angular/forms', 'microsoft-cognitiveservices-speech-sdk', 'marked', '@angular/common', '@angular/material/icon', '@angular/material/sidenav', 'ngx-quill'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.hivegpt = global.hivegpt || {}, global.hivegpt["hiveai-angular"] = {}), global.ng.common.http, global.ng.core, global.ng.platformBrowser, global.rxjs, global.rxjs.operators, global.ngxSocketIo, global.ng.forms, global.SpeechSDK, global.marked, global.ng.common, global.ng.material.icon, global.ng.material.sidenav, global.ngxQuill));
+})(this, (function (exports, i1, i0, platformBrowser, rxjs, operators, ngxSocketIo, forms, SpeechSDK, marked, common, icon, sidenav, ngxQuill) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var SpeechSDK__namespace = /*#__PURE__*/_interopNamespace(SpeechSDK);
+    var marked__namespace = /*#__PURE__*/_interopNamespace(marked);
+
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+    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);
+    };
+    function __extends(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 __());
+    }
+    var __assign = function () {
+        __assign = Object.assign || function __assign(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);
+    };
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+            r = Reflect.decorate(decorators, target, key, desc);
+        else
+            for (var i = decorators.length - 1; i >= 0; i--)
+                if (d = decorators[i])
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); };
+    }
+    function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+        function accept(f) { if (f !== void 0 && typeof f !== "function")
+            throw new TypeError("Function expected"); return f; }
+        var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+        var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+        var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+        var _, done = false;
+        for (var i = decorators.length - 1; i >= 0; i--) {
+            var context = {};
+            for (var p in contextIn)
+                context[p] = p === "access" ? {} : contextIn[p];
+            for (var p in contextIn.access)
+                context.access[p] = contextIn.access[p];
+            context.addInitializer = function (f) { if (done)
+                throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+            var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+            if (kind === "accessor") {
+                if (result === void 0)
+                    continue;
+                if (result === null || typeof result !== "object")
+                    throw new TypeError("Object expected");
+                if (_ = accept(result.get))
+                    descriptor.get = _;
+                if (_ = accept(result.set))
+                    descriptor.set = _;
+                if (_ = accept(result.init))
+                    initializers.unshift(_);
+            }
+            else if (_ = accept(result)) {
+                if (kind === "field")
+                    initializers.unshift(_);
+                else
+                    descriptor[key] = _;
+            }
+        }
+        if (target)
+            Object.defineProperty(target, contextIn.name, descriptor);
+        done = true;
+    }
+    ;
+    function __runInitializers(thisArg, initializers, value) {
+        var useValue = arguments.length > 2;
+        for (var i = 0; i < initializers.length; i++) {
+            value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+        }
+        return useValue ? value : void 0;
+    }
+    ;
+    function __propKey(x) {
+        return typeof x === "symbol" ? x : "".concat(x);
+    }
+    ;
+    function __setFunctionName(f, name, prefix) {
+        if (typeof name === "symbol")
+            name = name.description ? "[".concat(name.description, "]") : "";
+        return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+    }
+    ;
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+            return Reflect.metadata(metadataKey, metadataValue);
+    }
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+        return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (g && (g = 0, op[0] && (_ = 0)), _)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
+                            }
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
+                }
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+            desc = { enumerable: true, get: function () { return m[k]; } };
+        }
+        Object.defineProperty(o, k2, desc);
+    }) : (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        o[k2] = m[k];
+    });
+    function __exportStar(m, o) {
+        for (var p in m)
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
+    }
+    function __values(o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m)
+            return m.call(o);
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    }
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m)
+            return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
+        }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
+            }
+        }
+        return ar;
+    }
+    /** @deprecated */
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+    /** @deprecated */
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+            s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
+    function __spreadArray(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 __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = Object.create((typeof AsyncIterator === "function" ? AsyncIterator : Object).prototype), verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
+        function verb(n, f) { if (g[n]) {
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); };
+            if (f)
+                i[n] = f(i[n]);
+        } }
+        function resume(n, v) { try {
+            step(g[n](v));
+        }
+        catch (e) {
+            settle(q[0][3], e);
+        } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length)
+            resume(q[0][0], q[0][1]); }
+    }
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
+    }
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+    }
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) {
+            Object.defineProperty(cooked, "raw", { value: raw });
+        }
+        else {
+            cooked.raw = raw;
+        }
+        return cooked;
+    }
+    ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
+    var ownKeys = function (o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o)
+                if (Object.prototype.hasOwnProperty.call(o, k))
+                    ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    function __importStar(mod) {
+        if (mod && mod.__esModule)
+            return mod;
+        var result = {};
+        if (mod != null)
+            for (var k = ownKeys(mod), i = 0; i < k.length; i++)
+                if (k[i] !== "default")
+                    __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    }
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
+    function __classPrivateFieldIn(state, receiver) {
+        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
+            throw new TypeError("Cannot use 'in' operator on non-object");
+        return typeof state === "function" ? receiver === state : state.has(receiver);
+    }
+    function __addDisposableResource(env, value, async) {
+        if (value !== null && value !== void 0) {
+            if (typeof value !== "object" && typeof value !== "function")
+                throw new TypeError("Object expected.");
+            var dispose, inner;
+            if (async) {
+                if (!Symbol.asyncDispose)
+                    throw new TypeError("Symbol.asyncDispose is not defined.");
+                dispose = value[Symbol.asyncDispose];
+            }
+            if (dispose === void 0) {
+                if (!Symbol.dispose)
+                    throw new TypeError("Symbol.dispose is not defined.");
+                dispose = value[Symbol.dispose];
+                if (async)
+                    inner = dispose;
+            }
+            if (typeof dispose !== "function")
+                throw new TypeError("Object not disposable.");
+            if (inner)
+                dispose = function () { try {
+                    inner.call(this);
+                }
+                catch (e) {
+                    return Promise.reject(e);
+                } };
+            env.stack.push({ value: value, dispose: dispose, async: async });
+        }
+        else if (async) {
+            env.stack.push({ async: true });
+        }
+        return value;
+    }
+    var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+    function __disposeResources(env) {
+        function fail(e) {
+            env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
+            env.hasError = true;
+        }
+        var r, s = 0;
+        function next() {
+            while (r = env.stack.pop()) {
+                try {
+                    if (!r.async && s === 1)
+                        return s = 0, env.stack.push(r), Promise.resolve().then(next);
+                    if (r.dispose) {
+                        var result = r.dispose.call(r.value);
+                        if (r.async)
+                            return s |= 2, Promise.resolve(result).then(next, function (e) { fail(e); return next(); });
+                    }
+                    else
+                        s |= 1;
+                }
+                catch (e) {
+                    fail(e);
+                }
+            }
+            if (s === 1)
+                return env.hasError ? Promise.reject(env.error) : Promise.resolve();
+            if (env.hasError)
+                throw env.error;
+        }
+        return next();
+    }
+    function __rewriteRelativeImportExtension(path, preserveJsx) {
+        if (typeof path === "string" && /^\.\.?\//.test(path)) {
+            return path.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {
+                return tsx ? preserveJsx ? ".jsx" : ".js" : d && (!ext || !cm) ? m : (d + ext + "." + cm.toLowerCase() + "js");
+            });
+        }
+        return path;
+    }
+    var tslib_es6 = {
+        __extends: __extends,
+        __assign: __assign,
+        __rest: __rest,
+        __decorate: __decorate,
+        __param: __param,
+        __esDecorate: __esDecorate,
+        __runInitializers: __runInitializers,
+        __propKey: __propKey,
+        __setFunctionName: __setFunctionName,
+        __metadata: __metadata,
+        __awaiter: __awaiter,
+        __generator: __generator,
+        __createBinding: __createBinding,
+        __exportStar: __exportStar,
+        __values: __values,
+        __read: __read,
+        __spread: __spread,
+        __spreadArrays: __spreadArrays,
+        __spreadArray: __spreadArray,
+        __await: __await,
+        __asyncGenerator: __asyncGenerator,
+        __asyncDelegator: __asyncDelegator,
+        __asyncValues: __asyncValues,
+        __makeTemplateObject: __makeTemplateObject,
+        __importStar: __importStar,
+        __importDefault: __importDefault,
+        __classPrivateFieldGet: __classPrivateFieldGet,
+        __classPrivateFieldSet: __classPrivateFieldSet,
+        __classPrivateFieldIn: __classPrivateFieldIn,
+        __addDisposableResource: __addDisposableResource,
+        __disposeResources: __disposeResources,
+        __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,
+    };
+
+    var TranslationService = /** @class */ (function () {
+        function TranslationService() {
+            this.eventId = null;
+            this.translationsData = [
+                {
+                    Key: "Copy",
+                    DefaultValue: "Copy",
+                    Translations: {
+                        en: "Copy",
+                        fr: "Copier",
+                        it: "Copia",
+                        es: "Copiar",
+                        de: "Kopieren",
+                        "pt-br": "Copiar",
+                        ar: "نسخ",
+                        zh: "复制",
+                        ru: "Копировать"
+                    }
+                },
+                {
+                    Key: "May I assist you with anything else",
+                    DefaultValue: "Great. May I assist you with anything else?",
+                    Translations: {
+                        en: "Great. May I assist you with anything else?",
+                        fr: "Parfait. Puis-je vous aider avec autre chose ?",
+                        it: "Perfetto. Posso aiutarti con qualcos'altro?",
+                        es: "Genial. ¿Puedo ayudarte con algo más?",
+                        de: "Super. Kann ich Ihnen noch bei etwas anderem helfen?",
+                        "pt-br": "Ótimo. Posso ajudar com mais alguma coisa?",
+                        ar: "رائع. هل يمكنني مساعدتك في أي شيء آخر؟",
+                        zh: "太好了。还有什么我可以帮您的吗？",
+                        ru: "Отлично. Могу ли я помочь вам с чем-то ещё?"
+                    }
+                },
+                {
+                    Key: "We are sorry we've not been able to answer your question",
+                    DefaultValue: "We are sorry we've not been able to answer your question. However, our dedicated support team is happy to help. Please <a href=\"mailto:support@social27.com\">click here</a> and a human agent will assist you as soon as possible.",
+                    Translations: {
+                        en: "We are sorry we've not been able to answer your question. However, our dedicated support team is happy to help. Please <a href=\"mailto:support@social27.com\">click here</a> and a human agent will assist you as soon as possible.",
+                        fr: "Nous sommes désolés de ne pas avoir pu répondre à votre question. Cependant, notre équipe d'assistance se fera un plaisir de vous aider. Veuillez <a href=\"mailto:support@social27.com\">cliquer ici</a> et un agent humain vous assistera dès que possible.",
+                        it: "Ci dispiace di non essere riusciti a rispondere alla tua domanda. Tuttavia, il nostro team di supporto dedicato sarà lieto di aiutarti. Ti preghiamo di <a href=\"mailto:support@social27.com\">fare clic qui</a> e un operatore umano ti assisterà al più presto.",
+                        es: "Lamentamos no haber podido responder a tu pregunta. Sin embargo, nuestro equipo de soporte estará encantado de ayudarte. Por favor, <a href=\"mailto:support@social27.com\">haz clic aquí</a> y un agente humano te asistirá lo antes posible.",
+                        de: "Es tut uns leid, dass wir Ihre Frage nicht beantworten konnten. Unser engagiertes Support-Team hilft Ihnen jedoch gerne weiter. Bitte <a href=\"mailto:support@social27.com\">klicken Sie hier</a>, und ein menschlicher Mitarbeiter wird Ihnen so bald wie möglich helfen.",
+                        "pt-br": "Lamentamos não ter conseguido responder à sua pergunta. No entanto, nossa equipe de suporte dedicada ficará feliz em ajudar. Por favor, <a href=\"mailto:support@social27.com\">clique aqui</a> e um agente humano o ajudará o mais rápido possível.",
+                        ar: "نأسف لعدم تمكننا من الإجابة على سؤالك. ومع ذلك، يسعد فريق الدعم المخصص لدينا بمساعدتك. يرجى <a href=\"mailto:support@social27.com\">النقر هنا</a> وسيساعدك أحد الوكلاء البشريين في أقرب وقت ممكن.",
+                        zh: "很抱歉我们未能回答您的问题。不过，我们的专属支持团队很乐意为您提供帮助。请<a href=\"mailto:support@social27.com\">点击这里</a>，人工客服将尽快为您提供协助。",
+                        ru: "К сожалению, мы не смогли ответить на ваш вопрос. Однако наша служба поддержки с радостью вам поможет. Пожалуйста, <a href=\"mailto:support@social27.com\">нажмите здесь</a>, и наш оператор свяжется с вами как можно скорее."
+                    }
+                },
+                {
+                    Key: 'Ask anything',
+                    DefaultValue: 'Ask anything',
+                    Translations: {
+                        en: 'Ask anything',
+                        fr: 'Demandez ce que vous voulez',
+                        it: 'Chiedi qualsiasi cosa',
+                        es: 'Pregunta lo que quieras',
+                        de: 'Frag alles',
+                        'pt-br': 'Pergunte qualquer coisa',
+                        ar: 'اسأل أي شيء',
+                        zh: '随便问',
+                        ru: 'Спросите что угодно',
+                    },
+                },
+                {
+                    Key: 'Assistant',
+                    DefaultValue: 'Assistant',
+                    Translations: {
+                        en: 'Assistant',
+                        fr: 'Assistant',
+                        it: 'Assistente',
+                        es: 'Asistente',
+                        de: 'Assistent',
+                        'pt-br': 'Assistente',
+                        ar: 'مساعد',
+                        zh: '助手',
+                        ru: 'Ассистент',
+                    },
+                },
+                {
+                    Key: 'Your personal or company information is kept private and secure within this chat.',
+                    DefaultValue: 'Your personal or company information is kept private and secure within this chat.',
+                    Translations: {
+                        en: 'Your personal or company information is kept private and secure within this chat.',
+                        fr: 'Vos informations personnelles ou celles de votre entreprise sont conservées privées et sécurisées dans cette conversation.',
+                        it: "Le tue informazioni personali o aziendali sono mantenute private e sicure all'interno di questa chat.",
+                        es: 'Tu información personal o de la empresa se mantiene privada y segura dentro de este chat.',
+                        de: 'Ihre persönlichen oder geschäftlichen Informationen bleiben in diesem Chat privat und sicher.',
+                        'pt-br': 'Suas informações pessoais ou da empresa são mantidas privadas e seguras dentro deste chat.',
+                        ar: 'تظل معلوماتك الشخصية أو معلومات شركتك خاصة وآمنة داخل هذه المحادثة.',
+                        zh: '您的个人或公司信息在此聊天中保持私密和安全。',
+                        ru: 'Ваша личная или корпоративная информация остается конфиденциальной и защищенной в этом чате.',
+                    },
+                },
+                {
+                    Key: 'Send message',
+                    DefaultValue: 'Send message',
+                    Translations: {
+                        en: 'Send message',
+                        fr: 'Envoyer un message',
+                        it: 'Invia messaggio',
+                        es: 'Enviar mensaje',
+                        de: 'Nachricht senden',
+                        'pt-br': 'Enviar mensagem',
+                        ar: 'إرسال رسالة',
+                        zh: '发送消息',
+                        ru: 'Отправить сообщение',
+                    },
+                },
+                {
+                    Key: 'Platform GPT',
+                    DefaultValue: 'Platform GPT',
+                    Translations: {
+                        en: 'Platform GPT',
+                        fr: 'Plateforme GPT',
+                        it: 'Piattaforma GPT',
+                        es: 'Plataforma GPT',
+                        de: 'Plattform GPT',
+                        'pt-br': 'Plataforma GPT',
+                        ar: 'منصة GPT',
+                        zh: '平台 GPT',
+                        ru: 'Платформа GPT',
+                    },
+                },
+                {
+                    Key: 'New Chat',
+                    DefaultValue: 'New Chat',
+                    Translations: {
+                        en: 'New Chat',
+                        fr: 'Nouvelle conversation',
+                        it: 'Nuova chat',
+                        es: 'Nuevo chat',
+                        de: 'Neuer Chat',
+                        'pt-br': 'Novo chat',
+                        ar: 'محادثة جديدة',
+                        zh: '新聊天',
+                        ru: 'Новый чат',
+                    },
+                },
+                {
+                    Key: 'You',
+                    DefaultValue: 'You',
+                    Translations: {
+                        en: 'You',
+                        fr: 'Vous',
+                        it: 'Tu',
+                        es: 'Tú',
+                        de: 'Du',
+                        'pt-br': 'Você',
+                        ar: 'أنت',
+                        zh: '您',
+                        ru: 'Вы',
+                    },
+                },
+                {
+                    Key: 'Write your message',
+                    DefaultValue: 'Write your message',
+                    Translations: {
+                        en: 'Write your message',
+                        fr: 'Écrivez votre message',
+                        it: 'Scrivi il tuo messaggio',
+                        es: 'Escribe tu mensaje',
+                        de: 'Schreiben Sie Ihre Nachricht',
+                        'pt-br': 'Escreva sua mensagem',
+                        ar: 'اكتب رسالتك',
+                        zh: '写下您的消息',
+                        ru: 'Напишите ваше сообщение',
+                    },
+                },
+                {
+                    Key: 'Send',
+                    DefaultValue: 'Send',
+                    Translations: {
+                        en: 'Send',
+                        fr: 'Envoyer',
+                        it: 'Invia',
+                        es: 'Enviar',
+                        de: 'Senden',
+                        'pt-br': 'Enviar',
+                        ar: 'إرسال',
+                        zh: '发送',
+                        ru: 'Отправить',
+                    },
+                },
+                {
+                    Key: 'Call Interface',
+                    DefaultValue: 'Call Interface',
+                    Translations: {
+                        en: 'Call Interface',
+                        fr: "Interface d'appel",
+                        it: 'Interfaccia chiamata',
+                        es: 'Interfaz de llamada',
+                        de: 'Anrufoberfläche',
+                        'pt-br': 'Interface de chamada',
+                        ar: 'واجهة الاتصال',
+                        zh: '呼叫界面',
+                        ru: 'Интерфейс звонка',
+                    },
+                },
+                {
+                    Key: 'Close',
+                    DefaultValue: 'Close',
+                    Translations: {
+                        en: 'Close',
+                        fr: 'Fermer',
+                        it: 'Chiudi',
+                        es: 'Cerrar',
+                        de: 'Schließen',
+                        'pt-br': 'Fechar',
+                        ar: 'إغلاق',
+                        zh: '关闭',
+                        ru: 'Закрыть',
+                    },
+                },
+            ];
+        }
+        TranslationService.prototype.setEventId = function (id) {
+            this.eventId = id;
+        };
+        TranslationService.prototype.getTranslation = function (key) {
+            console.log('eventId', this.eventId);
+            // let lang = String(this.getLang(this.eventId)).replace(/^"|"$/g, '');
+            var lang = (localStorage.getItem('defaultLanguage-' + this.eventId) || 'en').replace(/^"|"$/g, '');
+            var entry = this.translationsData.find(function (item) { return item.Key === key; });
+            if (!entry) {
+                return key; // fallback
+            }
+            return entry.Translations[lang] || entry.DefaultValue || key;
+        };
+        TranslationService.prototype.getLang = function (eventId) {
+            var suffix = eventId ? "-" + eventId : '';
+            var storageKey = "defaultLanguage" + suffix;
+            return localStorage.getItem(storageKey) || 'en';
+        };
+        return TranslationService;
+    }());
+    TranslationService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TranslationService_Factory() { return new TranslationService(); }, token: TranslationService, providedIn: "root" });
+    TranslationService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+
+    var formatHoursAndMinutes = function (date) {
+        var hours = date.getHours() % 12;
+        var minutes = date.getMinutes();
+        var amPm = date.getHours() < 12 ? 'AM' : 'PM';
+        if (hours === 0)
+            hours = 12;
+        var formattedHours = hours < 10 ? "0" + hours : hours;
+        var formattedMinutes = minutes < 10 ? "0" + minutes : minutes;
+        return formattedHours + ":" + formattedMinutes + " " + amPm;
+    };
+    var ɵ0 = formatHoursAndMinutes;
+    var formatNow = function (timezone) {
+        var now = new Date();
+        if (timezone) {
+            var options = {
+                hour12: true,
+                hour: 'numeric',
+                minute: 'numeric',
+                timeZone: timezone,
+            };
+            return now.toLocaleString('en-US', options);
+        }
+        return formatHoursAndMinutes(now);
+    };
+    var formatTimeStamps = function (timezone, timestamps) {
+        var date = new Date(timestamps + 'Z');
+        var options = {
+            hour12: true,
+            hour: 'numeric',
+            minute: 'numeric',
+            timeZone: timezone,
+        };
+        return date.toLocaleString('en-US', options);
+    };
+
+    var prod_environment = {
+        USERS_API: 'https://es-user.social27.com/api',
+        BASE_URL: 'https://agent-api.hivegpt.ai',
+        AGENTS_API: 'https://hive-ai.social27.com/api',
+        API_KEY: '82595783-dc9c-4513-8204-709818d51be3',
+        SocketUrl: 'https://notif-v2-ws.social27.com/'
+    };
+    var dev_environment = {
+        USERS_API: 'https://pre-user.social27.com/api',
+        BASE_URL: 'https://pre-agent-api.hivegpt.ai',
+        AGENTS_API: 'https://hive-pre-ai.social27.com/api',
+        API_KEY: '66d59244c50b8fb597a101t1',
+        SocketUrl: 'https://notif-ws-staging.social27.com/',
+    };
+
+    var ConversationService = /** @class */ (function () {
+        function ConversationService() {
+            this.conversationStorageKeyPrefix = 'conversationKey_';
+            this.sessionStorageKeyPrefix = 'sessionKey_';
+            this.userSpecificNotification = new rxjs.Subject();
+        }
+        ConversationService.prototype.generateKey = function () {
+            var timestamp = Math.floor(new Date().getTime() / 1000).toString(16);
+            var randomHex = 'xxxxxxxxxxxxxxxx'.replace(/[x]/g, function () {
+                return Math.floor(Math.random() * 16).toString(16);
+            });
+            return timestamp + randomHex;
+        };
+        ConversationService.prototype.getKey = function (botId, resetKey) {
+            if (resetKey === void 0) { resetKey = false; }
+            var storageKey = "" + this.conversationStorageKeyPrefix + botId;
+            var value = localStorage.getItem(storageKey);
+            if (!value || resetKey) {
+                value = this.generateKey();
+                localStorage.setItem(storageKey, value);
+            }
+            return value;
+        };
+        ConversationService.prototype.getSessionKey = function (sessionId, resetKey) {
+            if (resetKey === void 0) { resetKey = false; }
+            var storageKey = "" + this.sessionStorageKeyPrefix + sessionId;
+            var value = localStorage.getItem(storageKey);
+            if (!value || resetKey) {
+                value = this.generateKey();
+                localStorage.setItem(storageKey, value);
+            }
+            return value;
+        };
+        ConversationService.prototype.sendValidatedUserData = function (message) {
+            this.userSpecificNotification.next(message);
+        };
+        ConversationService.prototype.getUserSpecificNotification = function () {
+            return this.userSpecificNotification.asObservable();
+        };
+        return ConversationService;
+    }());
+    ConversationService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ConversationService_Factory() { return new ConversationService(); }, token: ConversationService, providedIn: "root" });
+    ConversationService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    ConversationService.ctorParameters = function () { return []; };
+
+    var NotificationSocket = /** @class */ (function (_super) {
+        __extends(NotificationSocket, _super);
+        function NotificationSocket() {
+            var _this = _super.call(this, socketConfig) || this;
+            // Log connection status
+            _this.on('connect', function () {
+                console.log('Socket connected');
+            });
+            _this.on('disconnect', function () {
+                console.warn('Socket disconnected');
+            });
+            _this.on('connect_error', function (err) {
+                console.error('Socket connection error:', err);
+            });
+            return _this;
+        }
+        return NotificationSocket;
+    }(ngxSocketIo.Socket));
+    NotificationSocket.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function NotificationSocket_Factory() { return new NotificationSocket(); }, token: NotificationSocket, providedIn: "root" });
+    NotificationSocket.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root' // This ensures the service is available across the application
+                },] }
+    ];
+    NotificationSocket.ctorParameters = function () { return []; };
+    var socketConfig = {
+        url: prod_environment.SocketUrl,
+        options: {
+            transports: ['websocket', 'polling'],
+            reconnection: true,
+            autoConnect: true,
+            upgrade: true,
+            reconnectionDelay: 1000,
+            reconnectionDelayMax: 5000,
+            reconnectionAttempts: Infinity
+        }
+    };
+
+    var SocketService = /** @class */ (function () {
+        function SocketService(conversationService, notificationSocket) {
+            this.conversationService = conversationService;
+            this.notificationSocket = notificationSocket;
+            this.isCommonSocketInitialized = false;
+            this.isUserSpecificSocketInitialized = false;
+            this.isUserSpecificEventReleased = true;
+            this.messageQueue = [];
+            this.releaseInterval = 1000;
+            this.intervalSetup = false;
+            this.startReleasingMessages();
+        }
+        SocketService.prototype.isSocketInitialized = function (isCommon) {
+            return isCommon
+                ? this.isCommonSocketInitialized
+                : this.isUserSpecificSocketInitialized &&
+                    !this.isUserSpecificEventReleased;
+        };
+        SocketService.prototype.disconnectSocketConnection = function () {
+            this.notificationSocket.disconnect();
+        };
+        SocketService.prototype.connectSocketConnection = function () {
+            this.notificationSocket.connect();
+        };
+        SocketService.prototype.registerUserSpecificHiveSocket = function (botId, conversation_id, org_id) {
+            var _this = this;
+            var commonNotification = 'commonNotification';
+            var groupId = "Hive_AI_Notifs_" + botId + "_" + conversation_id;
+            var groupId_org = "Hive_AI_Notifs_" + org_id;
+            // Remove any pre-existing listeners for commonNotification
+            // this.notificationSocket.removeAllListeners(commonNotification);
+            // Join the group again with updated botId and conversation_id
+            this.notificationSocket.emit('joinData', { groupId: groupId });
+            this.notificationSocket.emit('joinData', { groupId: groupId_org });
+            // Re-register for common notifications
+            this.notificationSocket.fromEvent(commonNotification).subscribe(function (res) {
+                console.log('Received commonNotification:', res);
+                _this.conversationService.sendValidatedUserData(res);
+            }, function (error) {
+                console.error('Error receiving commonNotification:', error);
+            });
+        };
+        SocketService.prototype.startReleasingMessages = function () {
+            var _this = this;
+            if (!this.intervalSetup) {
+                setInterval(function () {
+                    if (_this.messageQueue.length > 0) {
+                        var message = _this.messageQueue.shift(); // Remove the first message from the queue
+                        // Handle the message here, e.g., send it to the server or process it
+                        console.log('Releasing message from queue:', message);
+                        // this.campaignService.sendValidatedUserData(message);
+                    }
+                }, this.releaseInterval);
+                this.intervalSetup = true; // Prevents multiple intervals
+            }
+        };
+        return SocketService;
+    }());
+    SocketService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function SocketService_Factory() { return new SocketService(i0__namespace.ɵɵinject(ConversationService), i0__namespace.ɵɵinject(NotificationSocket)); }, token: SocketService, providedIn: "root" });
+    SocketService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    SocketService.ctorParameters = function () { return [
+        { type: ConversationService },
+        { type: NotificationSocket }
+    ]; };
+
+    var BotsService = /** @class */ (function () {
+        function BotsService(http) {
+            this.http = http;
+            this.eventDescription = new rxjs.Subject();
+            this.bot_api = 'https://agent-api.hivegpt.ai/';
+        }
+        BotsService.prototype.fetchSpeechAuthorizationToken = function (botId, apiKey, domain) {
+            var headers = new i1.HttpHeaders({
+                'Content-Type': 'application/json',
+                'x-api-key': apiKey,
+                'hive-bot-id': botId,
+                'domain-authority': domain
+            });
+            var apiUrl = this.bot_api + "speech/issue_token";
+            var url = "" + apiUrl;
+            return this.http.get(url, { headers: headers }).pipe(operators.map(function (resp) {
+                return resp.token;
+            }));
+        };
+        BotsService.prototype.getWorkflowsByOrgId = function (orgId) {
+            var apiUrl = this.bot_api + "workflows";
+            var url = apiUrl + "?org_id=" + orgId;
+            return this.http.get(url).pipe(operators.map(function (resp) {
+                return resp;
+            }));
+        };
+        BotsService.prototype.getWorkflowExecutionById = function (executionId) {
+            var apiUrl = this.bot_api + "workflows/execution/" + executionId;
+            return this.http.get(apiUrl).pipe(operators.map(function (resp) {
+                return resp;
+            }));
+        };
+        return BotsService;
+    }());
+    BotsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function BotsService_Factory() { return new BotsService(i0__namespace.ɵɵinject(i1__namespace.HttpClient)); }, token: BotsService, providedIn: "root" });
+    BotsService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    BotsService.ctorParameters = function () { return [
+        { type: i1.HttpClient }
+    ]; };
+
+    var ChatDrawerComponent = /** @class */ (function () {
+        function ChatDrawerComponent(fb, botService, cdr, http, sanitizer, elementRef, renderer, socketService, conversationService, // private platform: Platform
+        translationService) {
+            var _this = this;
+            this.fb = fb;
+            this.botService = botService;
+            this.cdr = cdr;
+            this.http = http;
+            this.sanitizer = sanitizer;
+            this.elementRef = elementRef;
+            this.renderer = renderer;
+            this.socketService = socketService;
+            this.conversationService = conversationService;
+            this.translationService = translationService;
+            this.bodyOverflowClass = 'body-overflow-hidden';
+            this.isCollapsedTrue = false;
+            this.copilotName = 'HiveXGPT';
+            this.feedbackEvent = new i0.EventEmitter();
+            this.onCloseEvent = new i0.EventEmitter();
+            this.openPage = new i0.EventEmitter();
+            this.sessionActions = new i0.EventEmitter();
+            this.closeBot = new i0.EventEmitter();
+            this.connectWithUser = new i0.EventEmitter();
+            this.scheduleMeeting = new i0.EventEmitter();
+            this.refreshToken = new i0.EventEmitter();
+            this.openSupport = new i0.EventEmitter();
+            this.autogenKey = 'Autogen_eDJTtEU-NB0RtIpzq1w';
+            this.addToMyAgendaAction = 'add_to_my_agenda';
+            this.myUpcomingSessionAction = 'my_upcomming_session';
+            this.connectOrFollowAction = 'connect_or_follow';
+            this.aiResponse = '';
+            this.chatLog = [];
+            this.decoder = new TextDecoder();
+            this.feedbackDone = false;
+            this.greetingMsg = '';
+            this.hasBackdropValue = false;
+            this.input = '';
+            this.listenerAdded = false;
+            this.loading = false;
+            this.mode = 'over';
+            this.quickPrompts = [];
+            this.thumbsDownMsgIndex = 0;
+            this.userName = '';
+            this.showStartAgain = false;
+            this.isIOSDevice = false;
+            this.showFeedBackIconsIndex = null;
+            this.temperature = 1;
+            this.speakers = [];
+            this.conSessionKey = '';
+            this.currentWorkflowActionProgress = 0;
+            this.currentWorkflowAction = '';
+            this.recognizedText = '';
+            this.authorizationToken = '';
+            this.region = 'westeurope'; // Set your Azure region here
+            this.domainAuthorityValue = "prod-lite";
+            this.isChatingWithAi = false;
+            this.readAllChunks = function (stream) {
+                var reader = stream.getReader();
+                var allSuggestions = [];
+                reader.closed.catch(function (err) {
+                    if (err) {
+                        console.error('Error reading stream: ', err);
+                    }
+                    _this.isChatingWithAi = false;
+                    _this.scrollToBottom();
+                    return;
+                });
+                return new ReadableStream({
+                    start: function (controller) {
+                        return _this.pump(controller, reader, allSuggestions);
+                    },
+                });
+            };
+            this.currentMessageForEditor = '';
+            this.currentIndexForEditor = -1;
+            this.isDropdownOpen = false;
+            this.selectedAgents = [];
+            this.allSelected = false;
+            this.isDocInEditMode = false;
+            this.isContentLoaded = false;
+            this.isCollapsed = false;
+            this.isCollapsedForGraph = false;
+            this.isCollapsedForFGraph = false;
+            //   [
+            //   {
+            //     "title": "AI News January 2024: In-Depth and Concise - The AI Track",
+            //     "desc": "Each month, we compile significant news, trends, and happenings in AI, providing detailed summaries with key points in bullet form for concise yet complete understanding.",
+            //     "link": "https://theaitrack.com/ai-news-january-2024/"
+            //   },
+            //   {
+            //     "title": "Top AI News, January 2024 - Everypixel Journal",
+            //     "desc": "In this monthly roundup, we spotlight the top AI news stories from January, including the OpenAI vs. The New York Times Lawsuit.",
+            //     "link": "https://journal.everypixel.com/top-ai-news-january-2024"
+            //   },
+            //   {
+            //     "title": "AI News July 2024: In-Depth and Concise - The AI Track",
+            //     "desc": "This page features AI News for July 2024, highlighting significant events such as Canva acquiring Leonardo AI.",
+            //     "link": "https://theaitrack.com/ai-news-july-2024-in-depth-and-concise/"
+            //   },
+            //   {
+            //     "title": "January news roundup: What's new in the world of AI? - Pluralsight",
+            //     "desc": "OpenAI’s new GPT store, business-ready ChatGPT plans, and a predicted rise in AI-powered cybercrime.",
+            //     "link": "https://www.pluralsight.com/resources/blog/data/ai-this-month-january-2024"
+            //   },
+            //   {
+            //     "title": "AI News August 2024: In-Depth and Concise - The AI Track",
+            //     "desc": "This page features AI News for August 2024, with highlights such as Nvidia delaying the “Blackwell” B200 AI chips delivery.",
+            //     "link": "https://theaitrack.com/ai-news-august-2024-in-depth-and-concise-duplicate/"
+            //   }
+            // ]
+            this.dateTime = { now: new Date().toISOString() };
+            this.currentSourcesList = [];
+            this.isShowEditorButton = true;
+            this.isDrawerOpen = true;
+            this.chatMain = new i0.ElementRef(null);
+            // if (this.platform.IOS) {
+            //   this.isIOSDevice = true;
+            // }
+        }
+        ChatDrawerComponent.prototype.getTranslation = function (key) {
+            return this.translationService.getTranslation(key);
+        };
+        ChatDrawerComponent.prototype.ngOnChanges = function (changes) {
+            // Handle eventId changes to update translation service
+            if (changes.eventId && changes.eventId.currentValue) {
+                this.translationService.setEventId(changes.eventId.currentValue);
+            }
+            if (changes.s27Token) {
+                if (changes.s27Token.currentValue != changes.s27Token.previousValue) {
+                    this.s27Token = changes.s27Token.currentValue;
+                    console.log('isFetchDataFor: ', this.isFetchDataFor);
+                    console.log('msg: ', this.msg);
+                    console.log('chat: ', this.chat);
+                    if (this.is401) {
+                        if (this.isFetchDataFor) {
+                            this.fetchDataFor(this.msg, this.chat);
+                        }
+                        else {
+                            this.fetchData(this.msg);
+                        }
+                    }
+                }
+            }
+            if (changes.orgId) {
+                if (changes.orgId.currentValue != changes.orgId.previousValue &&
+                    changes.orgId.currentValue) {
+                    this.initializeSocket();
+                }
+            }
+        };
+        ChatDrawerComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            // Set the eventId in translation service to get the correct language from localStorage
+            if (this.eventId) {
+                this.translationService.setEventId(this.eventId);
+            }
+            this.environment = this.isDev ? dev_environment : prod_environment;
+            var domain = window.location.hostname;
+            // Determine the header value based on the domain
+            if (domain.includes('pre-app.social27.com')) {
+                this.domainAuthorityValue = 'pre-prod-lite';
+            }
+            else if (domain.includes('app.social27.com')) {
+                this.domainAuthorityValue = 'prod-lite';
+            }
+            else if (domain.includes('hivegpt.io')) {
+                this.domainAuthorityValue = 'hivegpt';
+            }
+            // this.fetchMyConnections().subscribe();
+            // this.fetchPendingRequests().subscribe();
+            this.changeTemperature(this.temperature);
+            this.fetchBotConfig().subscribe(function (res) {
+                _this.cdr.markForCheck();
+                _this.fetchChatHistory().subscribe(function (response) {
+                    _this.loading = false;
+                    _this.mapChatHistory(response);
+                    _this.cdr.markForCheck();
+                }, function (err) {
+                    console.error('Error fetching chat history:', err);
+                });
+            }, function (err) {
+                console.error('Error fetching chat history:', err);
+            });
+            // this.fetchAgents();
+            // this.fetchEditorContent();
+            this.cdr.markForCheck();
+            // this.initializeSocket();
+            this.botService.fetchSpeechAuthorizationToken(this.botId, this.apiKey, this.domainAuthorityValue).subscribe(function (token) {
+                _this.authorizationToken = token;
+                _this.initializeSpeechRecognizer(token);
+            });
+        };
+        ChatDrawerComponent.prototype.initializeSocket = function () {
+            var _this = this;
+            try {
+                this.socketService.disconnectSocketConnection();
+            }
+            catch (error) { }
+            setTimeout(function () {
+                _this.socketService.connectSocketConnection();
+                setTimeout(function () {
+                    console.log('YES INIT');
+                    var conversation_id = _this.conversationService.getKey(_this.botId);
+                    _this.socketService.registerUserSpecificHiveSocket(_this.botId, conversation_id, _this.orgId);
+                    setTimeout(function () {
+                        _this.listenSockets();
+                    }, 300);
+                }, 200);
+            }, 300);
+        };
+        ChatDrawerComponent.prototype.listenSockets = function () {
+            var _this = this;
+            if (this.eventSubscription) {
+                this.eventSubscription.unsubscribe();
+            }
+            console.log('Listen Socket');
+            this.eventSubscription = this.conversationService
+                .getUserSpecificNotification()
+                .subscribe(function (res) {
+                var _a, _b, _c, _d, _e, _f;
+                console.log('Listen Socket response');
+                console.log(res);
+                // Check if OtherFields exists in the response
+                if ((_b = (_a = res === null || res === void 0 ? void 0 : res.m) === null || _a === void 0 ? void 0 : _a.OtherFields) === null || _b === void 0 ? void 0 : _b.workflow_id) {
+                    var _g = (_c = res === null || res === void 0 ? void 0 : res.m) === null || _c === void 0 ? void 0 : _c.OtherFields, percentage = _g.percentage, output = _g.output, action_name = _g.action_name, current_action_name_1 = _g.current_action_name, workflow_execution_id = _g.workflow_execution_id, time_stamp = _g.time_stamp;
+                    _this.currentWorkflowActionProgress = percentage;
+                    _this.currentWorkflowAction = action_name;
+                    var actionIndex = _this.workflowExecutionDetails.Actions.findIndex(function (a) { return a.Name == current_action_name_1; });
+                    if (actionIndex !== -1) {
+                        _this.workflowExecutionDetails.Actions[actionIndex]['Output'] = output;
+                        _this.workflowExecutionDetails.Actions[actionIndex]['InsertTimeStamp'] = formatTimeStamps(_this.timezone, time_stamp);
+                    }
+                    else {
+                        console.error("Action with name " + action_name + " not found");
+                    }
+                    _this.currentWorkflowExecutionDetails = _this.workflowExecutionDetails;
+                    if (_this.currentWorkflowActionProgress == 100) {
+                        _this.chatLog[_this.chatLog.length - 1]['WorkflowExecutionId'] = workflow_execution_id;
+                        _this.isChatingWithAi = false;
+                        _this.executingWorkflow = false;
+                    }
+                    _this.cdr.detectChanges();
+                }
+                else if ((_d = res === null || res === void 0 ? void 0 : res.m) === null || _d === void 0 ? void 0 : _d.OtherFields) {
+                    var _h = (_e = res === null || res === void 0 ? void 0 : res.m) === null || _e === void 0 ? void 0 : _e.OtherFields, conversation_id = _h.conversation_id, bot_id = _h.bot_id, message_id_1 = _h.message_id, answer = _h.answer, web_results = _h.web_results, search_results = _h.search_results, graphs = _h.graphs, execution_graphs = _h.execution_graphs, suggestions = _h.suggestions;
+                    console.log('message_id1');
+                    console.log((_f = res === null || res === void 0 ? void 0 : res.m) === null || _f === void 0 ? void 0 : _f.OtherFields);
+                    var currentChatMessage = _this.chatLog.find(function (p) { return p._id == message_id_1; });
+                    console.log(_this.chatLog);
+                    if (!currentChatMessage) {
+                        console.log('message_id2');
+                        console.log(message_id_1);
+                        currentChatMessage = {
+                            _id: message_id_1,
+                            type: 'ai',
+                            time: formatNow(_this.timezone),
+                        };
+                        _this.chatLog.push(currentChatMessage);
+                        _this.showFeedBackIconsIndex = _this.chatLog.length - 1;
+                        console.log('message_id3');
+                        console.log(message_id_1);
+                        _this.cdr.detectChanges();
+                    }
+                    // Handle the fields based on their presence
+                    if (search_results && Array.isArray(search_results)) {
+                        console.log('Online Search Terms:', search_results);
+                        currentChatMessage.searchTerms = search_results;
+                        _this.cdr.detectChanges();
+                    }
+                    if (web_results && Array.isArray(web_results)) {
+                        console.log('Web Results:', web_results);
+                        currentChatMessage.sourcesList = web_results;
+                        currentChatMessage.displayedSources = web_results === null || web_results === void 0 ? void 0 : web_results.slice(0, 3); // First 3 cards
+                        currentChatMessage.remainingSources = web_results === null || web_results === void 0 ? void 0 : web_results.slice(3); // Remaining items
+                        _this.cdr.detectChanges();
+                    }
+                    if (answer) {
+                        _this.isChatingWithAi = false;
+                        console.log('Answer:', answer);
+                        currentChatMessage.message = _this.processMessageForDisplay(answer);
+                        _this.cdr.detectChanges();
+                        _this.scrollToBottom();
+                    }
+                    if (graphs && Array.isArray(graphs)) {
+                        console.log('Graphs:', graphs);
+                        currentChatMessage.graphs = graphs;
+                        _this.cdr.detectChanges();
+                    }
+                    if (execution_graphs && Array.isArray(execution_graphs)) {
+                        console.log('Execution Graphs:', execution_graphs);
+                        currentChatMessage.executionGraphs = execution_graphs;
+                        _this.cdr.detectChanges();
+                    }
+                    if (suggestions && Array.isArray(suggestions)) {
+                        console.log('suggestions:', suggestions);
+                        currentChatMessage.relatedListItems = suggestions;
+                        _this.cdr.detectChanges();
+                        // Process online search terms as needed
+                    }
+                    // Add any other fields and their processing here
+                }
+                else {
+                    console.warn('OtherFields is missing in the response');
+                }
+            }, function (err) {
+                _this.eventSubscription.unsubscribe();
+                console.error('Error in fetching data from socket', err);
+            });
+        };
+        ChatDrawerComponent.prototype.initializeSocketAndListen = function () { };
+        ChatDrawerComponent.prototype.handleEvent = function (data, type) {
+            switch (type) {
+                case 'webresult':
+                    break;
+                case 'answer':
+                    break;
+                case 'graph':
+                    break;
+                default:
+                    break;
+            }
+        };
+        ChatDrawerComponent.prototype.ngOnDestroy = function () {
+            if (this.eventSubscription) {
+                this.eventSubscription.unsubscribe();
+            }
+            this.socketService.disconnectSocketConnection();
+            //this.socketService.close();
+        };
+        ChatDrawerComponent.prototype.changeTemperature = function (newTemperature) {
+            if (this.loading)
+                return;
+            this.temperature = newTemperature;
+            var wrapper = document.querySelector('.hivegpt-chat-wrapper');
+            // Remove existing theme classes from body
+            wrapper === null || wrapper === void 0 ? void 0 : wrapper.classList.remove('creative', 'balanced', 'precise');
+            switch (newTemperature) {
+                case 0:
+                    wrapper === null || wrapper === void 0 ? void 0 : wrapper.classList.add('creative');
+                    break;
+                case 1:
+                    wrapper === null || wrapper === void 0 ? void 0 : wrapper.classList.add('balanced');
+                    break;
+                case 2:
+                    wrapper === null || wrapper === void 0 ? void 0 : wrapper.classList.add('precise');
+                    break;
+                default:
+                    break;
+            }
+        };
+        ChatDrawerComponent.prototype.onStartAgain = function () {
+            if (this.loading)
+                return;
+            this.showStartAgain = false;
+            this.chatLog = [];
+            this.chatLog.push({
+                type: 'ai',
+                message: this.greetingMsg,
+                time: formatNow(this.timezone),
+            });
+            this.archieveMessages().subscribe();
+        };
+        ChatDrawerComponent.prototype.archieveMessages = function () {
+            var headers = new i1.HttpHeaders({
+                'Content-Type': 'application/json',
+                'x-api-key': this.apiKey,
+                'hive-bot-id': this.botId,
+                'domain-authority': this.domainAuthorityValue
+            });
+            var url = this.environment.BASE_URL + "/bot/clear-history/" + this.botId + "/" + this.userId;
+            return this.http.post(url, { headers: headers }).pipe(operators.switchMap(function (res) {
+                return rxjs.of(res);
+            }), operators.catchError(function (error) {
+                return rxjs.of(null);
+            }));
+        };
+        ChatDrawerComponent.prototype.triggerSupport = function () {
+            this.openSupport.emit();
+        };
+        ChatDrawerComponent.prototype.fetchBotConfig = function () {
+            var _this = this;
+            this.loading = true;
+            var headers = new i1.HttpHeaders({
+                'x-api-key': this.apiKey,
+                'hive-bot-id': this.botId,
+                'domain-authority': this.domainAuthorityValue
+            });
+            var url = this.environment.BASE_URL + "/bots?bot_id=" + this.botId;
+            return this.http.get(url, { headers: headers }).pipe(operators.switchMap(function (res) {
+                var _a;
+                _this.botName = _this.getTranslation(res.Name);
+                _this.botIcon = res.Icon;
+                _this.botSkills = res === null || res === void 0 ? void 0 : res.Skills;
+                _this.greetingMsg = res.Greeting;
+                _this.thumbsDownMessages = ((_a = res === null || res === void 0 ? void 0 : res.NegativeResponses) === null || _a === void 0 ? void 0 : _a.length)
+                    ? res.NegativeResponses
+                    : [
+                        _this.getTranslation("We are sorry we've not been able to answer your question"),
+                    ];
+                _this.quickPrompts = res.QuickPrompts;
+                _this.cdr.markForCheck();
+                _this.loading = false;
+                return rxjs.of(res);
+            }), operators.catchError(function (error) {
+                console.error('Error fetching chatbot config: ', error);
+                _this.loading = false;
+                return rxjs.of(null);
+            }));
+        };
+        ChatDrawerComponent.prototype.fetchChatHistory = function () {
+            this.loading = true;
+            this.conversationKey = this.conversationService.getKey(this.botId, false);
+            this.conSessionKey = this.conversationService.getSessionKey(this.botId, false);
+            var url = this.environment.BASE_URL + "/conversations/" + this.conversationKey + "?session_id=" + this.conSessionKey;
+            var headers = new i1.HttpHeaders({
+                accept: 'application/json',
+                'x-api-key': this.apiKey,
+                'hive-bot-id': this.botId,
+                'domain-authority': this.domainAuthorityValue
+            });
+            return this.http
+                .get(url, { headers: headers })
+                .pipe(operators.catchError(this.handleError('fetchConversation')));
+        };
+        ChatDrawerComponent.prototype.handleError = function (operation, result) {
+            if (operation === void 0) { operation = 'operation'; }
+            return function (error) {
+                console.error(operation + " failed: " + error.message);
+                return rxjs.of(result);
+            };
+        };
+        // fetchChatHistory() {
+        //   this.loading = true;
+        //   const headers = new HttpHeaders({
+        //     'Content-Type': 'application/json',
+        //     'x-api-key': this.apiKey,
+        //   });
+        //   return this.http
+        //     .get(`${this.environment.BASE_URL}/conversations/${this.conversationKey}`, { headers })
+        //     .pipe(
+        //       switchMap((res: any) => {
+        //         this.loading = false;
+        //         return of(res);
+        //       }),
+        //       catchError((error: any) => {
+        //         console.error('Error fetching chat history: ', error);
+        //         this.loading = false;
+        //         return of(null);
+        //       })
+        //     );
+        // }
+        ChatDrawerComponent.prototype.mapChatHistory = function (chats) {
+            var _this = this;
+            var _a;
+            this.chatLog.push({
+                type: 'ai',
+                message: this.greetingMsg,
+                time: formatNow(this.timezone),
+            });
+            if (chats && ((_a = chats === null || chats === void 0 ? void 0 : chats.Messages) === null || _a === void 0 ? void 0 : _a.length)) {
+                chats === null || chats === void 0 ? void 0 : chats.Messages.forEach(function (chat) {
+                    if (chat.Type == 'user') {
+                        _this.chatLog.push({
+                            type: 'user',
+                            message: _this.processMessageForDisplay(chat.Text),
+                            time: formatTimeStamps(_this.timezone, chat.InsertTimestamp),
+                            copied: false,
+                            isCollapsedTrue: false,
+                            WorkflowExecutionId: chat.WorkflowExecutionId,
+                            _id: chat._id
+                        });
+                    }
+                    if (chat.Type == 'ai') {
+                        var sourcesList = chat.WebLinks || [];
+                        var displayedSources = chat.WebLinks.slice(0, 3); // First 3 cards
+                        var remainingSources = chat.WebLinks.slice(3); // Remaining items
+                        _this.chatLog.push({
+                            type: 'ai',
+                            message: _this.processMessageForDisplay(chat.Text),
+                            executionGraphs: chat.ExecutionGraphs,
+                            graphs: chat.Graphs,
+                            searchTerms: chat.SearchTerms,
+                            sourcesList: sourcesList,
+                            displayedSources: displayedSources,
+                            remainingSources: remainingSources,
+                            time: formatTimeStamps(_this.timezone, chat.InsertTimestamp),
+                            copied: false,
+                            isCollapsedTrue: false,
+                            _id: chat._id
+                        });
+                        _this.showFeedBackIconsIndex = _this.chatLog.length - 1;
+                    }
+                });
+                this.showStartAgain = true;
+            }
+            this.scrollToBottom();
+            this.cdr.markForCheck();
+        };
+        ChatDrawerComponent.prototype.processMessage = function (message) {
+            if (!message || !((message === null || message === void 0 ? void 0 : message.length) > 0)) {
+                return '';
+            }
+            // console.log('here is my message')
+            // console.log(message);
+            message = message.trim();
+            var markdownLinkRegex = /\[([^[]+)]\(([^)]+)\)/g;
+            var urlRegex = /(?<!href=")\bhttps?:\/\/\S+(?<![.,])/gi;
+            if (markdownLinkRegex.test(message)) {
+                var html = message.replace(markdownLinkRegex, '<a href="$2" target="_blank">$1</a>');
+                //console.log('Sanitized message: ', message);
+                return this.sanitizeHtml(html);
+            }
+            if (urlRegex.test(message)) {
+                var html = message.replace(urlRegex, '<a href="$&" target="_blank">$&</a>');
+                // console.log('Sanitized message: ', message);
+                return this.sanitizeHtml(html);
+            }
+            message = message.replace(/(?:\r\n|\r|\n)/g, '<br>');
+            message = message.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
+            // Convert Markdown headers to HTML headers
+            message = message.replace(/^(#{1,6})\s+(.*)$/gm, function (match, hashes, text) {
+                var level = hashes.length;
+                return "<h" + level + ">" + text + "</h" + level + ">";
+            });
+            this.cdr.markForCheck();
+            var sanitizedMessage = this.sanitizeHtml(message);
+            return sanitizedMessage;
+        };
+        ChatDrawerComponent.prototype.ngAfterViewChecked = function () {
+            var _this = this;
+            var feedbackLinks = this.elementRef.nativeElement.querySelectorAll('.feedback-link');
+            feedbackLinks.forEach(function (link) {
+                link.addEventListener('click', _this.onFeedbackClick.bind(_this, 'zendesk'));
+            });
+            // if (this.elementRef.nativeElement.querySelector('.feedback-link')) {
+            //   this.elementRef.nativeElement
+            //     .querySelector('.feedback-link')
+            //     .addEventListener('click', this.onFeedbackClick.bind(this, 'zendesk'));
+            // }
+        };
+        ChatDrawerComponent.prototype.sanitizeHtml = function (html) {
+            return this.sanitizer.bypassSecurityTrustHtml(html);
+        };
+        ChatDrawerComponent.prototype.onFeedbackClick = function (value) {
+            this.feedbackEvent.emit(value);
+        };
+        ChatDrawerComponent.prototype.onClose = function () {
+            this.renderer.removeClass(document.body, this.bodyOverflowClass);
+            this.onCloseEvent.emit();
+        };
+        ChatDrawerComponent.prototype.sendMessageWithTile = function (prompt) {
+            this.input = prompt;
+            this.fetchData();
+            this.scrollToBottom();
+        };
+        ChatDrawerComponent.prototype.fetchData = function (msg) {
+            if (msg === void 0) { msg = null; }
+            var _a;
+            this.input = msg || ((_a = this.input) === null || _a === void 0 ? void 0 : _a.trim());
+            this.msg = this.input;
+            if (!this.input || this.loading) {
+                return;
+            }
+            this.chatLog.push({
+                type: 'user',
+                message: this.processMessageForDisplay(this.input),
+                time: formatNow(this.timezone),
+                copied: false,
+                isCollapsedTrue: false,
+            });
+            try {
+                var textarea = this.myInput.nativeElement;
+                textarea.style.height = 'hidden'; // Reset the height
+                textarea.style.height = "62px";
+            }
+            catch (error) { }
+            this.cdr.markForCheck();
+            this.aiResponse = '';
+            this.isChatingWithAi = true;
+            this.makeAskRequest(this.input, this.agents, this.conversationKey);
+        };
+        ChatDrawerComponent.prototype.fetchDataFor = function (msg, chat) {
+            var inputMsg = msg === null || msg === void 0 ? void 0 : msg.trim();
+            if (!inputMsg || this.loading) {
+                return;
+            }
+            try {
+                chat.relatedListItems = [];
+                this.cdr.detectChanges();
+            }
+            catch (error) { }
+            this.scrollToBottom();
+            this.chatLog.push({
+                type: 'user',
+                message: this.processMessageForDisplay(inputMsg),
+                time: formatNow(this.timezone),
+                copied: false,
+                isCollapsedTrue: false,
+            });
+            this.cdr.markForCheck();
+            this.aiResponse = '';
+            this.isChatingWithAi = true;
+            this.makeAskRequest(inputMsg, this.agents, this.conversationKey, msg, chat);
+        };
+        ChatDrawerComponent.prototype.fetchSmallTalk = function () {
+            var _this = this;
+            this.loading = true;
+            this.cdr.markForCheck();
+            var url = this.environment.BASE_URL + "/bot/small-talk/" + this.botId + "/" + this.userId;
+            this.http
+                .get(url, {
+                headers: {
+                    'x-api-key': this.apiKey,
+                    'hive-bot-id': this.botId,
+                    'domain-authority': this.domainAuthorityValue
+                },
+            })
+                .pipe(operators.catchError(function (error) {
+                console.error('Error while fetching small talk:', error);
+                return rxjs.of(null);
+            }))
+                .subscribe(function (response) {
+                _this.loading = false;
+                _this.cdr.markForCheck();
+                if (!response) {
+                    return;
+                }
+                if (response && response.smallTalk) {
+                    _this.chatLog.push({
+                        type: 'ai',
+                        message: _this.processMessage(response.smallTalk),
+                        time: formatNow(_this.timezone),
+                        isFeedbackMsg: true,
+                    });
+                    _this.showFeedBackIconsIndex = _this.chatLog.length - 2;
+                    // this.scrollToBottom();
+                    _this.cdr.markForCheck();
+                }
+            });
+        };
+        ChatDrawerComponent.prototype.pump = function (controller, reader, allSuggestions) {
+            var _this = this;
+            reader.read().then(function (_g) {
+                var done = _g.done, value = _g.value;
+                var _a, _b, _c, _d;
+                var lastItem = _this.chatLog[_this.chatLog.length - 1];
+                if (done) {
+                    lastItem.message = _this.processMessageForDisplay(lastItem.message);
+                    _this.chatLog.pop();
+                    _this.chatLog.push(lastItem);
+                    if (allSuggestions === null || allSuggestions === void 0 ? void 0 : allSuggestions.length) {
+                        _this.chatLog.push({
+                            type: 'suggestions',
+                            suggestions: allSuggestions,
+                        });
+                    }
+                    controller.close();
+                    _this.isChatingWithAi = false;
+                    // this.scrollToBottom();
+                    _this.cdr.markForCheck();
+                    _this.showStartAgain = true;
+                    // setTimeout(() => {
+                    //   this.fetchSmallTalk();
+                    // },1000)
+                    return;
+                }
+                var decodedChunk = _this.decoder.decode(value, { stream: true });
+                _this.aiResponse += decodedChunk;
+                if (lastItem.type === 'ai') {
+                    var suggestionsMatch = _this.aiResponse.match(/<sug>(.*?)<\/sug>/g);
+                    if (suggestionsMatch) {
+                        suggestionsMatch.forEach(function (match) {
+                            _this.aiResponse = _this.aiResponse.replace(match, '');
+                            allSuggestions.push(match === null || match === void 0 ? void 0 : match.replace(/<\/?sug>/g, ''));
+                        });
+                    }
+                    lastItem.message = _this.aiResponse;
+                    _this.cdr.markForCheck();
+                }
+                else {
+                    _this.isChatingWithAi = false;
+                    var aiFormattedData = void 0;
+                    try {
+                        console.log('parsing json ');
+                        aiFormattedData = JSON.parse(JSON.parse(_this.aiResponse));
+                    }
+                    catch (e) {
+                        try {
+                            console.log('parsing json 2');
+                            aiFormattedData = JSON.parse(_this.aiResponse);
+                        }
+                        catch (e) { }
+                    }
+                    console.log('parsing json done');
+                    if (aiFormattedData && ((_a = aiFormattedData === null || aiFormattedData === void 0 ? void 0 : aiFormattedData.section_id) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                        if (aiFormattedData.section_id == 'company_search' ||
+                            aiFormattedData.section_id == 'user_search' ||
+                            aiFormattedData.section_id == 'industry_company_search') {
+                            _this.fetchMyConnections().subscribe();
+                            _this.fetchPendingRequests().subscribe();
+                        }
+                        if (aiFormattedData.section_id == _this.myUpcomingSessionAction) {
+                            var speakerIds = [];
+                            (_b = aiFormattedData.content) === null || _b === void 0 ? void 0 : _b.forEach(function (session) {
+                                speakerIds = __spreadArray(__spreadArray([], __read(speakerIds)), __read(session.speakers));
+                            });
+                            if ((speakerIds === null || speakerIds === void 0 ? void 0 : speakerIds.length) > 0)
+                                _this.getSpeakersByStaffIds(speakerIds);
+                        }
+                        if (aiFormattedData.section_id == _this.addToMyAgendaAction &&
+                            ((_c = aiFormattedData.content) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+                            _this.openPage.next({
+                                sectionId: aiFormattedData.section_id,
+                                sessionIds: aiFormattedData.content,
+                            });
+                        }
+                        if (aiFormattedData.section_id == _this.connectOrFollowAction) {
+                            var usersLen = (_d = aiFormattedData.content) === null || _d === void 0 ? void 0 : _d.length;
+                            if (usersLen > 1) {
+                                _this.openPage.next({
+                                    sectionId: 'open_networking_drawer',
+                                    search: aiFormattedData.content,
+                                });
+                            }
+                            else if (usersLen == 1) {
+                                _this.openPage.next({
+                                    sectionId: aiFormattedData.section_id,
+                                    connetUserIds: [aiFormattedData.content[0].userId],
+                                });
+                            }
+                        }
+                        if (aiFormattedData.is_open_page == 'true') {
+                            _this.openPage.next({
+                                sectionId: aiFormattedData.section_id,
+                                search: aiFormattedData.content,
+                            });
+                            if (_this.isMobileBrowser()) {
+                                aiFormattedData.message +=
+                                    '\n\n' + '<a id="closeBotNow">Click Here</a> to see results.';
+                            }
+                        }
+                        _this.chatLog.push({
+                            type: 'ai',
+                            message: aiFormattedData.message,
+                            action: aiFormattedData,
+                            time: formatNow(_this.timezone),
+                        });
+                        if (_this.isMobileBrowser()) {
+                            setTimeout(function () {
+                                _this.addCloseBotClickEvent();
+                            }, 500);
+                        }
+                        _this.aiResponse = '';
+                    }
+                    else {
+                        _this.chatLog.push({
+                            type: 'ai',
+                            message: _this.aiResponse,
+                            time: formatNow(_this.timezone),
+                        });
+                    }
+                    _this.showFeedBackIconsIndex = _this.chatLog.length - 1;
+                    _this.cdr.markForCheck();
+                }
+                _this.scrollToBottom();
+                // Enqueue the next data chunk into our target stream
+                controller.enqueue(value);
+                _this.pump(controller, reader, allSuggestions);
+            });
+        };
+        ChatDrawerComponent.prototype.submitFeedback = function (flag, message) {
+            var _this = this;
+            console.log(message);
+            this.feedbackDone = true;
+            this.showFeedBackIconsIndex = null;
+            var conversation_id = this.conversationService.getKey(this.botId);
+            var url = this.environment.AGENTS_API + "/Conversation/coPilot/" + this.botId + "/conversation/" + conversation_id + "/helpful-response";
+            fetch(url, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'apiKey': 'Conversation_WIz/qAm+EEmfOkFaUA/weA==',
+                    'hive-bot-id': this.botId,
+                    'domain-authority': this.domainAuthorityValue
+                },
+                body: JSON.stringify({ messageId: message._id, isHelpful: flag }),
+            }).then(function () {
+                if (flag) {
+                    _this.chatLog.push({
+                        type: 'ai',
+                        message: _this.thumbsUpMessage ||
+                            _this.getTranslation('May I assist you with anything else'),
+                        time: formatNow(_this.timezone),
+                        isFeedbackMsg: true,
+                    });
+                    _this.scrollToBottom();
+                    _this.cdr.markForCheck();
+                    _this.feedbackDone = false;
+                    _this.showFeedBackIconsIndex = null;
+                    return;
+                }
+                _this.chatLog.push({
+                    type: 'ai',
+                    message: _this.processMessage(_this.thumbsDownMessages[_this.thumbsDownMsgIndex]),
+                    time: formatNow(_this.timezone),
+                    isFeedbackMsg: true,
+                });
+                _this.thumbsDownMsgIndex =
+                    (_this.thumbsDownMsgIndex + 1) % _this.thumbsDownMessages.length;
+                _this.scrollToBottom();
+                _this.cdr.markForCheck();
+                setTimeout(function () {
+                    var supportLink = document.getElementById('supportLink88');
+                    if (supportLink) {
+                        supportLink.addEventListener('click', _this.triggerSupport.bind(_this));
+                    }
+                }, 200);
+                _this.feedbackDone = false;
+                _this.showFeedBackIconsIndex = null;
+            });
+        };
+        ChatDrawerComponent.prototype.handleKeydown = function (event) {
+            if (event.key === 'Enter' && !event.shiftKey) {
+                // Prevent default behavior (new line)
+                event.preventDefault();
+                // Call your submit function
+                this.handleSubmit(event);
+            }
+        };
+        ChatDrawerComponent.prototype.handleSubmit = function (event) {
+            this.fetchData();
+            this.scrollToBottom();
+        };
+        ChatDrawerComponent.prototype.handleUpClick = function (idx) {
+            if (this.feedbackDone) {
+                return;
+            }
+            this.submitFeedback(true, this.chatLog[idx]);
+            this.chatLog[idx].liked = !this.chatLog[idx].liked;
+            if (this.chatLog[idx].unliked) {
+                this.chatLog[idx].unliked = !this.chatLog[idx].unliked;
+            }
+            this.cdr.markForCheck();
+        };
+        ChatDrawerComponent.prototype.handleDownClick = function (idx) {
+            if (this.feedbackDone)
+                return;
+            this.submitFeedback(false, this.chatLog[idx]);
+            this.chatLog[idx].unliked = !this.chatLog[idx].unliked;
+            if (this.chatLog[idx].liked)
+                this.chatLog[idx].liked = !this.chatLog[idx].liked;
+        };
+        // handleCopyClick(index: any) {
+        //   // Copy the message to the clipboard
+        //   const contentToCopy = this.chatLog[index].message;
+        //   console.log('contentToCopy');
+        //   console.log(contentToCopy);
+        //   navigator.clipboard.writeText(contentToCopy).then(() => {
+        //     // Indicate that the message was copied
+        //     this.chatLog[index].copied = true;
+        //     this.cdr.detectChanges();
+        //     // Reset the copied state after a delay
+        //     setTimeout(() => {
+        //       this.chatLog[index].copied = false;
+        //       this.cdr.detectChanges();
+        //     }, 2000); // Reset after 2 seconds
+        //   });
+        // }
+        ChatDrawerComponent.prototype.copyText = function (id, index) {
+            var _this = this;
+            // Get the text element
+            var textElement = document.getElementById(id);
+            // Create a temporary textarea element to copy the text
+            var tempTextArea = document.createElement('textarea');
+            tempTextArea.value = textElement.innerText;
+            // Append the textarea to the body (necessary for the execCommand to work)
+            document.body.appendChild(tempTextArea);
+            // Select the text inside the textarea
+            tempTextArea.select();
+            // Copy the text to the clipboard
+            document.execCommand('copy');
+            // Remove the temporary textarea
+            document.body.removeChild(tempTextArea);
+            // Optionally, you can alert the user or change the button text to indicate the copy was successful
+            // alert('Text copied to clipboard!');
+            this.chatLog[index].copied = true;
+            this.cdr.detectChanges();
+            // Reset the copied state after a delay
+            setTimeout(function () {
+                _this.chatLog[index].copied = false;
+                _this.cdr.detectChanges();
+            }, 2000); // Reset after 2 seconds
+        };
+        ChatDrawerComponent.prototype.handleCopyClick = function (index) {
+            // Copy the message to the clipboard
+            var contentToCopy = this.chatLog[index].message;
+            var resutlt = this.copyText('messageText_' + index, index);
+        };
+        ChatDrawerComponent.prototype.sanitizeHTML = function (html) {
+            var doc = new DOMParser().parseFromString(html, 'text/html');
+            // Create a new document fragment to hold the simplified content
+            var fragment = document.createDocumentFragment();
+            // Append the children of the body of the parsed document to the fragment
+            Array.from(doc.body.childNodes).forEach(function (node) {
+                fragment.appendChild(node.cloneNode(true));
+            });
+            // Create a new div element to hold the simplified HTML
+            var simplifiedDiv = document.createElement('div');
+            simplifiedDiv.appendChild(fragment);
+            // Remove complex tags or attributes as needed
+            // Example: remove scripts
+            simplifiedDiv
+                .querySelectorAll('script')
+                .forEach(function (script) { return script.remove(); });
+            // Return the simplified HTML as a string
+            return simplifiedDiv.innerHTML;
+        };
+        ChatDrawerComponent.prototype.handleEditorClick = function (index) {
+            var _this = this;
+            if (this.currentIndexForEditor == -1) {
+                this.currentIndexForEditor = index;
+                this.currentMessageForEditor = this.sanitizeHTML(this.chatLog[index].message);
+                this.currentMessageForEditor = this.currentMessageForEditor.replace('SafeValue must use [property]=binding:', '');
+                this.cdr.detectChanges();
+            }
+            else {
+                if (this.currentIndexForEditor == index) {
+                    this.currentMessageForEditor += this.sanitizeHTML(this.chatLog[index].message);
+                    this.currentMessageForEditor = this.currentMessageForEditor.replace('SafeValue must use [property]=binding:', '');
+                    this.cdr.detectChanges();
+                }
+                else {
+                    this.currentIndexForEditor = index;
+                    this.currentMessageForEditor = this.sanitizeHTML(this.chatLog[index].message);
+                    this.currentMessageForEditor = this.currentMessageForEditor.replace('SafeValue must use [property]=binding:', '');
+                    this.cdr.detectChanges();
+                }
+            }
+            this.chatLog[index].isEditor = true;
+            this.cdr.detectChanges();
+            // Reset the copied state after a delay
+            setTimeout(function () {
+                _this.chatLog[index].isEditor = false;
+                _this.cdr.detectChanges();
+            }, 2000); // Reset after 2 seconds
+            this.editorsDrawer.open();
+            var button = document.getElementById('botcloseplaygroundbutton');
+            if (button) {
+                button.style.display = 'none';
+            }
+            this.cdr.detectChanges();
+        };
+        ChatDrawerComponent.prototype.scrollToBottom = function () {
+            var _this = this;
+            var counter = 0;
+            var interval = setInterval(function () {
+                _this.chatMain.nativeElement.scrollTop = _this.chatMain.nativeElement.scrollHeight;
+                if (counter++ > 5)
+                    clearInterval(interval);
+            }, 5);
+        };
+        ChatDrawerComponent.prototype.handleAction = function (action) {
+            console.info('incoming action from the chatbot AI');
+            console.info(action);
+            if (action === null || action === void 0 ? void 0 : action.content) {
+            }
+        };
+        ChatDrawerComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            // Check if the drawer is initially open and apply overflow hidden to body if so
+            if (this.drawer.opened) {
+                this.setBodyOverflow();
+            }
+            // Listen to changes in the drawer being opened or closed
+            this.drawer.openedChange.subscribe(function (opened) {
+                if (opened) {
+                    _this.setBodyOverflow();
+                }
+                else {
+                    _this.removeBodyOverflow();
+                }
+            });
+            this.drawer.openedChange.subscribe(function (opened) {
+                if (opened) {
+                    setTimeout(function () {
+                        if (_this.myTextarea && _this.myTextarea.nativeElement) {
+                            _this.myTextarea.nativeElement.focus(); // Focus on the textarea
+                        }
+                    });
+                }
+            });
+        };
+        ChatDrawerComponent.prototype.setBodyOverflow = function () {
+            this.renderer.addClass(document.body, this.bodyOverflowClass);
+        };
+        ChatDrawerComponent.prototype.removeBodyOverflow = function () {
+            this.renderer.removeClass(document.body, this.bodyOverflowClass);
+        };
+        ChatDrawerComponent.prototype.getSpeakersByStaffIds = function (ids) {
+            var _this = this;
+            var url = this.environment.USERS_API + "/events/" + this.eventId + "/users/get-by-staff-ids";
+            fetch(url, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    Authorization: 'Bearer ' + 'your_token_here',
+                },
+                body: JSON.stringify(ids),
+            })
+                .then(function (response) {
+                if (response.ok) {
+                    return response.json(); // Parse the JSON body of the response
+                }
+                else {
+                    throw new Error('Network response was not ok.');
+                }
+            })
+                .then(function (data) {
+                if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
+                    data.forEach(function (speaker) {
+                        _this.speakers[speaker.id] = speaker;
+                    });
+                    _this.cdr.markForCheck();
+                }
+            })
+                .catch(function (err) {
+                console.error('Error fetching data:', err);
+                _this.loading = false;
+            });
+        };
+        ChatDrawerComponent.prototype.performSessionAction = function (sessionId, action) {
+            this.sessionActions.next({
+                sessionId: sessionId,
+                action: action,
+            });
+        };
+        ChatDrawerComponent.prototype.addCloseBotClickEvent = function () {
+            var _this = this;
+            var element = this.elementRef.nativeElement.querySelector('#closeBotNow');
+            if (element) {
+                this.renderer.listen(element, 'click', function () {
+                    _this.closeBot.next();
+                });
+            }
+        };
+        ChatDrawerComponent.prototype.isMobileBrowser = function () {
+            return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+        };
+        ChatDrawerComponent.prototype.connectToUser = function (userId) {
+            var _this = this;
+            this.connectWithUser.emit({
+                connect: !this.canDisconnect(userId),
+                userId: userId,
+            });
+            setTimeout(function () {
+                _this.fetchMyConnections().subscribe(function (res) {
+                    _this.cdr.markForCheck();
+                });
+                _this.fetchPendingRequests().subscribe(function (res) {
+                    _this.cdr.markForCheck();
+                });
+            }, 500);
+        };
+        ChatDrawerComponent.prototype.scheduleMeetingWithUser = function (user) {
+            this.scheduleMeeting.emit(user);
+        };
+        ChatDrawerComponent.prototype.canConnect = function (userId) {
+            return !(this.canDisconnect(userId) ||
+                this.pendingRequests.find(function (a) { return a == userId; }));
+        };
+        ChatDrawerComponent.prototype.canDisconnect = function (userId) {
+            return this.myConnections.find(function (conn) { return conn.userId == userId; });
+        };
+        ChatDrawerComponent.prototype.fetchPendingRequests = function () {
+            var _this = this;
+            var headers = new i1.HttpHeaders({
+                'Content-Type': 'application/json',
+                apiKey: this.autogenKey,
+            });
+            return this.http
+                .get(this.environment.USERS_API + "/events/" + this.eventId + "/connection-requests/autogen/pending-sent-requests?userId=" + this.userId, { headers: headers })
+                .pipe(operators.switchMap(function (res) {
+                _this.pendingRequests = res;
+                _this.cdr.markForCheck();
+                return rxjs.of(res);
+            }), operators.catchError(function (error) {
+                console.error('Error fetching pending requests: ', error);
+                return rxjs.of(null);
+            }));
+        };
+        ChatDrawerComponent.prototype.fetchMyConnections = function () {
+            var _this = this;
+            var headers = new i1.HttpHeaders({
+                'Content-Type': 'application/json',
+                apiKey: this.autogenKey,
+            });
+            return this.http
+                .get(this.environment.USERS_API + "/events/" + this.eventId + "/users-connections/autogen?userId=" + this.userId, { headers: headers })
+                .pipe(operators.switchMap(function (res) {
+                _this.myConnections = res;
+                _this.cdr.markForCheck();
+                return rxjs.of(res);
+            }), operators.catchError(function (error) {
+                console.error('Error fetching pending requests: ', error);
+                return rxjs.of(null);
+            }));
+        };
+        // Toggle the dropdown visibility
+        ChatDrawerComponent.prototype.toggleDropdown = function () {
+            if (!this.agents)
+                this.fetchAgents();
+            this.isDropdownOpen = !this.isDropdownOpen;
+            this.cdr.detectChanges();
+        };
+        ChatDrawerComponent.prototype.onSelectAll = function (event) {
+            var _a;
+            (_a = this.agents) === null || _a === void 0 ? void 0 : _a.forEach(function (agent) { return (agent.selected = false); });
+            this.cdr.detectChanges();
+        };
+        ChatDrawerComponent.prototype.onAgentChange = function (agent) {
+            //agent.selected = !agent.selected;
+            //console.log(agent);
+            var agentFound = this.agents.filter(function (p) { return p.id == agent.id; });
+            if (agentFound && agentFound.length > 0) {
+                agentFound[0].selected = !agentFound[0].selected;
+                this.cdr.detectChanges();
+            }
+            this.cdr.detectChanges();
+        };
+        ChatDrawerComponent.prototype.areAllSelected = function () {
+            var _a;
+            return (_a = this.agents) === null || _a === void 0 ? void 0 : _a.every(function (agent) { return !agent.selected; });
+        };
+        ChatDrawerComponent.prototype.getDropdownHeaderText = function () {
+            var _a;
+            var selectedAgents = (_a = this.agents) === null || _a === void 0 ? void 0 : _a.filter(function (agent) { return agent.selected; });
+            if (!selectedAgents) {
+                return 'All Agents';
+            }
+            else {
+                if (selectedAgents && (selectedAgents === null || selectedAgents === void 0 ? void 0 : selectedAgents.length) === 0) {
+                    return 'All Agents';
+                }
+                else {
+                    return (selectedAgents === null || selectedAgents === void 0 ? void 0 : selectedAgents.length) > 1
+                        ? (selectedAgents === null || selectedAgents === void 0 ? void 0 : selectedAgents.length) + " Agents Selected"
+                        : (selectedAgents === null || selectedAgents === void 0 ? void 0 : selectedAgents.length) + " Agent Selected";
+                }
+            }
+        };
+        ChatDrawerComponent.prototype.fetchAgents_http = function () {
+            var _this = this;
+            this.loading = true;
+            var url = this.environment.AGENTS_API + "/CoPilot/" + this.botId + "/active-agents";
+            var headers = new i1.HttpHeaders({
+                'Content-Type': 'application/json',
+            });
+            return this.http.post(url, {}, { headers: headers }).pipe(operators.switchMap(function (res) {
+                if (res) {
+                    _this.agents = res.map(function (agent) { return (Object.assign(Object.assign({}, agent), { selected: false })); });
+                }
+                _this.cdr.markForCheck();
+                return rxjs.of(res);
+            }), operators.catchError(function (error) {
+                console.error('Error fetching chatbot config: ', error);
+                return rxjs.of(null);
+            }));
+        };
+        ChatDrawerComponent.prototype.fetchContent_http = function () {
+            var _this = this;
+            this.isDocInEditMode = false;
+            this.isContentLoaded = false;
+            console.log('API call function');
+            this.loading = true;
+            var conversation_id = this.conversationService.getKey(this.botId);
+            this.conversationId = conversation_id;
+            var url = this.environment.AGENTS_API + "/ConversationDocuments?conversationId=" + conversation_id + "&botId=" + this.botId;
+            var headers = new i1.HttpHeaders({
+                'Content-Type': 'application/json',
+                apiKey: 'WIz/qAm+EEmfOkFaUA/weA==',
+                'domain-authority': this.domainAuthorityValue
+            });
+            return this.http.get(url, { headers: headers }).pipe(operators.switchMap(function (res) {
+                if (res) {
+                    _this.isDocInEditMode = true;
+                    _this.documentContent = res;
+                    console.log('Get API callled success');
+                    _this.isContentLoaded = true;
+                    console.log(res);
+                }
+                _this.cdr.markForCheck();
+                return rxjs.of(res);
+            }), operators.catchError(function (error) {
+                console.error('Error fetching chatbot config DJ: ', error);
+                _this.isDocInEditMode = false;
+                _this.isContentLoaded = true;
+                if ((error === null || error === void 0 ? void 0 : error.status) == 404) {
+                    console.log('dash');
+                    _this.isDocInEditMode = false;
+                    _this.isContentLoaded = true;
+                }
+                return rxjs.of(null);
+            }));
+        };
+        ChatDrawerComponent.prototype.fetchAgents = function () {
+            this.fetchAgents_http().subscribe();
+        };
+        ChatDrawerComponent.prototype.fetchEditorContent = function () {
+            this.fetchContent_http().subscribe();
+        };
+        // events/${eventId}/users-connections
+        ChatDrawerComponent.prototype.processMessageForDisplay = function (markdown) {
+            try {
+                // Create a custom renderer to modify <a> tags
+                var renderer = new marked__namespace.Renderer();
+                // Customize anchor tags to include target="_blank"
+                renderer.link = function (href, title, text) {
+                    return "<a href=\"" + href + "\" title=\"" + (title || '') + "\" target=\"_blank\">" + text + "</a>";
+                };
+                // Parse the markdown content to HTML using marked with the custom renderer
+                var markdownContent = marked__namespace.parse(markdown, { renderer: renderer });
+                // Sanitize the parsed HTML using Angular's DomSanitizer
+                var sanitizedHtml = this.sanitizer.bypassSecurityTrustHtml(markdownContent);
+                // Return the safe HTML content for display
+                return sanitizedHtml;
+            }
+            catch (error) {
+                console.error('Error processing markdown:', error);
+                return ''; // Return an empty string or handle the error appropriately
+            }
+        };
+        ChatDrawerComponent.prototype.prepareHtml = function (markdown) {
+            var _this = this;
+            if (!markdown || !(markdown.length > 0)) {
+                console.error('Input Markdown is null or empty');
+                return '';
+            }
+            // Convert Markdown headers (### or ##) to <strong> for bold headings
+            var html = markdown.replace(/^(#{1,6})\s+(.*)$/gm, function (match, hashes, text) {
+                var level = hashes.length;
+                if (level === 3) {
+                    return "<h3><strong>" + text + "</strong></h3>";
+                }
+                else if (level === 4) {
+                    return "<h4><strong>" + text + "</strong></h4>";
+                }
+                return "<strong>" + text + "</strong>";
+            });
+            // Convert Markdown code blocks with language to preformatted HTML
+            html = html.replace(/```(\w+)?\n([\s\S]*?)```/g, function (match, lang, code) {
+                var escapedCode = _this.escapeHtml(code);
+                var language = lang || 'plaintext';
+                // Create a copy button for the code block
+                return "\n      <div class=\"code-container\">\n        <button id=\"copy-button\" class=\"copy-button\" (click)=\"copyToClipboard('`" + escapedCode + "`')\">" + _this.getTranslation('Copy') + "</button>\n        <pre class=\"code_block diff\"><code class=\"language-" + language + "\">" + escapedCode + "</code></pre>\n      </div>";
+            });
+            // Convert inline code (wrapped in `backticks`) to inline <code> tags
+            html = html.replace(/`([^`]+)`/g, '<code>$1</code>');
+            // Convert Markdown bold to HTML <strong>
+            html = html.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
+            // Convert numbered lists
+            html = html.replace(/^\d+\.\s+(.*)$/gm, '<li>$1</li>');
+            // Convert bullet point lists
+            html = html.replace(/^\-\s+(.*)$/gm, '<li>$1</li>');
+            // Convert Markdown links to HTML links
+            html = html.replace(/\[([^\]]+)]\(([^)]+)\)/g, '<a href="$2" target="_blank">$1</a>');
+            // Convert new lines to <br> tags for paragraphs
+            html = html.replace(/(?:\r\n|\r|\n)/g, '<br>');
+            return html;
+        };
+        // Helper function to escape HTML characters for code blocks
+        ChatDrawerComponent.prototype.escapeHtml = function (code) {
+            return code
+                .replace(/&/g, '&amp;')
+                .replace(/</g, '&lt;')
+                .replace(/>/g, '&gt;')
+                .replace(/"/g, '&quot;')
+                .replace(/'/g, '&#039;');
+        };
+        // Function to copy text to clipboard
+        ChatDrawerComponent.prototype.copyToClipboard = function (text) {
+            navigator.clipboard.writeText(text).then(function () {
+                alert('Code copied to clipboard!');
+            }, function (err) {
+                console.error('Could not copy text: ', err);
+            });
+        };
+        ChatDrawerComponent.prototype.toggleCollapse = function () {
+            this.isCollapsed = !this.isCollapsed;
+            this.cdr.detectChanges();
+        };
+        ChatDrawerComponent.prototype.toggleCollapseGraph = function () {
+            this.isCollapsedForGraph = !this.isCollapsedForGraph;
+            this.cdr.detectChanges();
+        };
+        ChatDrawerComponent.prototype.toggleCollapseFGraph = function () {
+            this.isCollapsedForFGraph = !this.isCollapsedForFGraph;
+            this.cdr.detectChanges();
+        };
+        // Extracts the domain from a URL
+        ChatDrawerComponent.prototype.getDomainName = function (url) {
+            try {
+                var hostname = new URL(url).hostname;
+                return hostname.replace(/^www\./, ''); // Remove 'www.' if present
+            }
+            catch (_a) {
+                return 'unknown';
+            }
+        };
+        // Generates the favicon URL
+        ChatDrawerComponent.prototype.getFaviconUrl = function (url) {
+            var domain = this.getDomainName(url);
+            return "https://www.google.com/s2/favicons?sz=128&domain=" + domain;
+        };
+        ChatDrawerComponent.prototype.onCardClick = function (sources) {
+            this.currentSourcesList = sources;
+            this.cdr.detectChanges();
+            this.sourcesDrawer.open();
+            var button = document.getElementById('botcloseplaygroundbutton');
+            if (button) {
+                button.style.display = 'none';
+            }
+        };
+        ChatDrawerComponent.prototype.openOuterEditor = function () {
+            this.fetchEditorContent();
+            this.editorsDrawer.open();
+            this.isDrawerOpen = true;
+            this.isShowEditorButton = false;
+            this.cdr.detectChanges();
+            var button = document.getElementById('botcloseplaygroundbutton');
+            if (button) {
+                button.style.display = 'none';
+            }
+        };
+        ChatDrawerComponent.prototype.onCloseEditor = function () {
+            this.editorsDrawer.close();
+            this.isDrawerOpen = false;
+            this.isShowEditorButton = true;
+            this.cdr.detectChanges(); // Trigger change detection if needed
+            this.onDrawerClosed();
+        };
+        ChatDrawerComponent.prototype.onCloseSource = function () {
+            this.sourcesDrawer.close();
+            this.isDrawerOpen = false;
+            this.cdr.detectChanges(); // Trigger change detection if needed
+            this.onDrawerClosed();
+        };
+        ChatDrawerComponent.prototype.onDrawerClosed = function () {
+            var _this = this;
+            setTimeout(function () {
+                _this.isDrawerOpen = true;
+                _this.cdr.detectChanges(); // Trigger change detection if needed
+                // Use ngClass to dynamically apply the class
+                var button = document.getElementById('botcloseplaygroundbutton');
+                if (button) {
+                    button.style.display = 'block';
+                }
+            }, 800);
+        };
+        ChatDrawerComponent.prototype.toggleDrawer = function (todo) {
+            this.isDrawerOpen = todo;
+            this.cdr.detectChanges();
+            this.updateButtonVisibility();
+        };
+        ChatDrawerComponent.prototype.updateButtonVisibility = function () {
+            var button = document.getElementById('botcloseplaygroundbutton');
+            if (button) {
+                button.style.display = this.isDrawerOpen ? 'block' : 'none';
+            }
+        };
+        ChatDrawerComponent.prototype.openLinkInNewTab = function (link) {
+            window.open(link, '_blank');
+        };
+        ChatDrawerComponent.prototype.adjustTextareaHeight = function (event) {
+            try {
+                if (event.key === 'Enter' && !event.shiftKey) {
+                    // Prevents a new line from being added
+                    event.preventDefault();
+                }
+            }
+            catch (error) {
+            }
+            var textarea = event.target;
+            textarea.style.height = 'auto'; // Reset the height
+            textarea.style.height = textarea.scrollHeight + "px"; // Adjust height to match content
+            // Ensure the height doesn't exceed the max-height set in CSS
+            if (textarea.scrollHeight > 150) {
+                textarea.style.height = "150px"; // Adjust height to match content
+                textarea.style.overflowY = 'auto'; // Enable scrolling if content exceeds 400px
+            }
+            else {
+                textarea.style.overflowY = 'hidden'; // Hide scrollbar if content is within limits
+            }
+        };
+        ChatDrawerComponent.prototype.toggleWorkflows = function (value) {
+            var _this = this;
+            if (value === void 0) { value = null; }
+            if (!this.checkForCop29BotId()) {
+                this.botService.getWorkflowsByOrgId(this.orgId).subscribe(function (res) {
+                    _this.orgWorkflows = res;
+                    _this.isWorkflowOpen = value == null ? !_this.isWorkflowOpen : value;
+                    if (!_this.isWorkflowOpen) {
+                        _this.selectedWorkflow = null;
+                        _this.openWorkflowInput = false;
+                    }
+                    _this.cdr.detectChanges();
+                });
+            }
+        };
+        ChatDrawerComponent.prototype.initializeForm = function () {
+            var _a, _b;
+            // Create form controls dynamically based on selectedWorkflow.Trigger.InputSchema
+            var formControls = {};
+            if ((_b = (_a = this.selectedWorkflow) === null || _a === void 0 ? void 0 : _a.Trigger) === null || _b === void 0 ? void 0 : _b.InputSchema) {
+                this.selectedWorkflow.Trigger.InputSchema.forEach(function (input) {
+                    formControls[input.InputId] = [
+                        input.Value || '',
+                        input.Required ? forms.Validators.required : null,
+                    ];
+                });
+            }
+            // Initialize the form
+            this.workflowForm = this.fb.group(formControls);
+        };
+        ChatDrawerComponent.prototype.onWorkflowSelected = function (workflow) {
+            this.selectedWorkflow = workflow;
+            this.initializeForm();
+            this.isWorkflowOpen = false;
+            this.openWorkflowInput = true;
+        };
+        ChatDrawerComponent.prototype.onWorkflowSubmit = function () {
+            var container = document.getElementById('allChats');
+            if (this.workflowForm.valid) {
+                console.log(this.workflowForm.value);
+                var input = this.prepareHtml(this.generateMarkdown(this.selectedWorkflow.Name, this.workflowForm.value));
+                // update last two chatLog entries, set showWorkflowExecutionLoader = false
+                try {
+                    this.chatLog[this.chatLog.length - 1]['showWorkflowExecutionLoader'] = false;
+                    this.chatLog[this.chatLog.length - 2]['showWorkflowExecutionLoader'] = false;
+                }
+                catch (error) { }
+                this.chatLog.push({
+                    type: 'user',
+                    message: input,
+                    time: formatNow(this.timezone),
+                    copied: false,
+                    isCollapsedTrue: false,
+                    showWorkflowExecutionLoader: true,
+                });
+                console.log(input);
+                this.currentWorkflowActionProgress = 0;
+                this.currentWorkflowAction =
+                    'Executing ' + this.selectedWorkflow.Actions[0].Name;
+                this.isChatingWithAi = true;
+                this.executingWorkflow = true;
+                this.workflowExecutionDetails = {
+                    Actions: this.selectedWorkflow.Actions,
+                    Inputs: this.workflowForm.value,
+                    workflowInputs: this.workflowForm.value,
+                    WorkflowName: this.selectedWorkflow.Name,
+                };
+                this.currentWorkflowExecutionDetails = this.workflowExecutionDetails;
+                this.scrollToBottom();
+                this.cdr.detectChanges();
+                // execute the ask endpoint with workflow input
+                this.makeAskRequest(input, this.agents, this.conversationKey, '', null, this.selectedWorkflow['_id'], this.workflowForm.value);
+            }
+        };
+        ChatDrawerComponent.prototype.makeAskRequest = function (inputMsg, agents, conversationId, msg, chat, workflowId, workflow_inputs) {
+            var _this = this;
+            var _a;
+            var url = this.environment.BASE_URL + "/ai/ask";
+            var body = {
+                user_question: inputMsg,
+                user_id: this.userId,
+                bot_id: this.botId,
+                message_id: this.conversationService.generateKey(),
+                session_id: this.conSessionKey,
+                agents: (_a = agents === null || agents === void 0 ? void 0 : agents.filter(function (p) { return p.selected; }).map(function (p) { return p.id; })) !== null && _a !== void 0 ? _a : [],
+                conversation_id: conversationId,
+                first_name: this.firstName,
+                last_name: this.lastName
+            };
+            if (workflowId) {
+                body['workflow_id'] = workflowId;
+                body['workflow_inputs'] = workflow_inputs;
+            }
+            fetch(url, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    Authorization: 'Bearer ' + this.s27Token,
+                    'x-api-key': this.apiKey,
+                    'hive-bot-id': this.botId,
+                    'domain-authority': this.domainAuthorityValue
+                },
+                body: JSON.stringify(body),
+            })
+                .then(function (response) {
+                if (response.status === 401 || response.status === 403) {
+                    _this.is401 = true;
+                    _this.refreshToken.emit();
+                    // If `msg` and `chat` exist, handle them
+                    if (msg && chat) {
+                        _this.msg = msg;
+                        _this.chat = chat;
+                        _this.isFetchDataFor = true;
+                    }
+                }
+                else {
+                    _this.is401 = false;
+                }
+                return response.json();
+            })
+                .then(function (data) {
+                console.log(data);
+                // Additional response handling if needed
+            })
+                .catch(function (err) {
+                console.error('Error: ', err);
+                _this.isChatingWithAi = false;
+            });
+            this.input = '';
+            this.selectedWorkflow = null;
+            this.openWorkflowInput = false;
+            this.isWorkflowOpen = false;
+            this.scrollToBottom();
+            this.cdr.markForCheck();
+        };
+        ChatDrawerComponent.prototype.makeAskRequestold = function (inputMsg, agents, conversationId, msg, chat, workflowId, workflow_inputs) {
+            var _this = this;
+            var _a;
+            var url = this.environment.BASE_URL + "/ai/ask";
+            var body = {
+                user_question: inputMsg,
+                user_id: this.userId,
+                bot_id: this.botId,
+                message_id: this.conversationService.generateKey(),
+                agents: (_a = agents === null || agents === void 0 ? void 0 : agents.filter(function (p) { return p.selected; }).map(function (p) { return p.id; })) !== null && _a !== void 0 ? _a : [],
+                conversation_id: conversationId,
+                first_name: this.firstName,
+                last_name: this.lastName,
+            };
+            if (workflowId) {
+                body['workflow_id'] = workflowId;
+                body['workflow_inputs'] = workflow_inputs;
+            }
+            var headers = new i1.HttpHeaders({
+                'Content-Type': 'application/json',
+                'x-api-key': this.apiKey,
+                'hive-bot-id': this.botId,
+                'domain-authority': this.domainAuthorityValue,
+            });
+            this.http.post(url, body, { headers: headers })
+                .subscribe({
+                next: function (data) {
+                    console.log(data);
+                    // Additional response handling if needed
+                },
+                error: function (err) {
+                    console.error('Error: ', err);
+                    _this.isChatingWithAi = false;
+                },
+            });
+            this.input = '';
+            this.selectedWorkflow = null;
+            this.openWorkflowInput = false;
+            this.isWorkflowOpen = false;
+            this.scrollToBottom();
+            this.cdr.markForCheck();
+        };
+        ChatDrawerComponent.prototype.generateMarkdown = function (title, obj) {
+            var e_1, _g;
+            var _a;
+            // Initialize markdown with the title
+            var markdown = "## " + title + "\n";
+            var _loop_1 = function (key, value) {
+                key_label = ((_a = this_1.selectedWorkflow.Trigger.InputSchema.find(function (input) { return input.InputId === key; })) === null || _a === void 0 ? void 0 : _a.Label) || key;
+                markdown += "- **" + key_label + "**: " + value + "\n";
+            };
+            var this_1 = this, key_label;
+            try {
+                // Loop through the object and append the field names and values
+                for (var _h = __values(Object.entries(obj)), _j = _h.next(); !_j.done; _j = _h.next()) {
+                    var _k = __read(_j.value, 2), key = _k[0], value = _k[1];
+                    _loop_1(key, value);
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_j && !_j.done && (_g = _h.return)) _g.call(_h);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            return markdown;
+        };
+        ChatDrawerComponent.prototype.showWorkflowHistoryDetails = function (workflow_id) {
+            var _this = this;
+            if (!workflow_id) {
+                this.workflowExecutionDetails = this.currentWorkflowExecutionDetails;
+                this.showWorkflowExecutionDetails = true;
+                this.cdr.detectChanges();
+                return;
+            }
+            this.botService.getWorkflowExecutionById(workflow_id).subscribe(function (res) {
+                if (res && res.Actions && Array.isArray(res.Actions)) {
+                    res.Actions = res.Actions.map(function (action) {
+                        if (action.InsertTimeStamp) {
+                            action.InsertTimeStamp = formatTimeStamps(_this.timezone, action.InsertTimeStamp);
+                        }
+                        return action;
+                    });
+                }
+                res.InsertTimeStamp = formatTimeStamps(_this.timezone, res.InsertTimeStamp);
+                _this.workflowExecutionDetails = res;
+                _this.showWorkflowExecutionDetails = true;
+                _this.cdr.detectChanges();
+            });
+        };
+        ChatDrawerComponent.prototype.closeModal = function () {
+            this.showWorkflowExecutionDetails = false;
+        };
+        ChatDrawerComponent.prototype.objectToArray = function (obj) {
+            return Object.keys(obj).map(function (key) { return ({ key: key, value: obj[key] }); });
+        };
+        ChatDrawerComponent.prototype.startNewConversation = function () {
+            var _this = this;
+            this.conversationKey = this.conversationService.getKey(this.botId, true);
+            this.chatLog = [this.chatLog[0]];
+            this.isChatingWithAi = false;
+            setTimeout(function () {
+                _this.initializeSocket();
+            }, 200);
+            this.scrollToBottom();
+            this.cdr.detectChanges();
+        };
+        ChatDrawerComponent.prototype.initializeSpeechRecognizer = function (token) {
+            var _this = this;
+            this.speechConfig = SpeechSDK__namespace.SpeechConfig.fromAuthorizationToken(token, this.region);
+            var audioConfig = SpeechSDK__namespace.AudioConfig.fromDefaultMicrophoneInput();
+            this.recognizer = new SpeechSDK__namespace.SpeechRecognizer(this.speechConfig, audioConfig);
+            this.recognizer.recognizing = function (s, e) {
+                if (e.result.reason === SpeechSDK__namespace.ResultReason.RecognizingSpeech) {
+                    _this.input = e.result.text;
+                    console.log("Recognizing: " + e.result.text);
+                    _this.cdr.markForCheck();
+                }
+            };
+            this.recognizer.recognized = function (s, e) {
+                if (e.result.reason === SpeechSDK__namespace.ResultReason.RecognizedSpeech) {
+                    _this.input = e.result.text;
+                    console.log("Recognized: " + e.result.text);
+                    _this.toggleRecording();
+                    _this.cdr.markForCheck();
+                }
+            };
+            this.recognizer.canceled = function (s, e) {
+                console.error('Canceled: ', e.errorDetails);
+            };
+            this.recognizer.sessionStopped = function (s, e) {
+                console.log('Session stopped.');
+                _this.recognizer.stopContinuousRecognitionAsync();
+                _this.fetchData();
+            };
+        };
+        ChatDrawerComponent.prototype.toggleRecording = function () {
+            this.isRecording = !this.isRecording;
+            if (this.isRecording) {
+                this.startRecognition();
+            }
+            else {
+                this.stopRecognition();
+            }
+        };
+        ChatDrawerComponent.prototype.startRecognition = function () {
+            this.recognizer.startContinuousRecognitionAsync();
+        };
+        ChatDrawerComponent.prototype.stopRecognition = function () {
+            this.recognizer.stopContinuousRecognitionAsync();
+        };
+        ChatDrawerComponent.prototype.checkForCop29BotId = function () {
+            return this.botId == '66fa3f276c5d71e2717bfea8' || this.botId == '671633545652dd78efec848d';
+        };
+        ChatDrawerComponent.prototype.getLatestTime = function (time) {
+            if (time) {
+                return time;
+            }
+            return new Date().toLocaleTimeString([], {
+                hour: '2-digit',
+                minute: '2-digit',
+            }); // returns current time in 'shortTime' format
+        };
+        return ChatDrawerComponent;
+    }());
+    ChatDrawerComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'hivegpt-chat-drawer-package',
+                    template: "<button\n  *ngIf=\"isShowEditorButton && !checkForCop29BotId()\"\n  (click)=\"openOuterEditor()\"\n  class=\"fixed-btn\"\n>\n  <span style=\"font-size: 12px\" class=\"material-icons notranslate\">\n    create\n  </span>\n  Editor\n</button>\n\n<button\n  *ngIf=\"!isShowEditorButton\"\n  (click)=\"onCloseEditor()\"\n  class=\"fixed-btn-close\"\n>\n  <span style=\"font-size: 12px\" class=\"material-icons notranslate\">\n    close\n  </span>\n  {{ getTranslation(\"Close\") }}\n</button>\n\n<mat-drawer-container\n  class=\"hivegpt-chat-wrapper\"\n  [ngClass]=\"{ 'mat-drawer-container-has-open': isDrawerOpen }\"\n  [class.ios-device]=\"isIOSDevice\"\n  [hasBackdrop]=\"hasBackdropValue\"\n>\n  <mat-drawer\n    class=\"drawer\"\n    #drawer\n    [position]=\"'start'\"\n    [mode]=\"'over'\"\n    opened=\"true\"\n    [class.full-width-drawer]=\"fullView\"\n    [style.background]=\"\n      'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'\n    \"\n  >\n    <mat-drawer-content>\n      <div class=\"chat-main\">\n        <!-- <div class=\"chat-header\">\n                    <h2> -->\n        <!-- {{eventName}} -->\n        <!-- </h2> -->\n        <!-- <button class=\"closeIcon\" (click)=\"onClose()\">\n                        <span class=\"material-symbols-outlined\">\n                            close\n                        </span>\n                    </button> -->\n        <!-- </div> -->\n\n        <div class=\"innerChat\" #chatMain>\n          <div (click)=\"startNewConversation()\" class=\"new-conversationbutton\">\n            {{ getTranslation(\"New Chat\") }}\n            <span\n              ><svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"14.061\"\n                height=\"14.261\"\n                viewBox=\"0 0 14.061 14.261\"\n              >\n                <path\n                  id=\"Path_164\"\n                  data-name=\"Path 164\"\n                  d=\"M10.146,5.075H4.531A1.544,1.544,0,0,0,3,6.631v7.262A1.544,1.544,0,0,0,4.531,15.45h7.146a1.544,1.544,0,0,0,1.531-1.556V8.187m-7.146,4.15L15.25,3m0,0H11.677M15.25,3V6.631\"\n                  transform=\"translate(-2.25 -1.939)\"\n                  fill=\"none\"\n                  stroke=\"#06f\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"1.5\"\n                />\n              </svg>\n            </span>\n          </div>\n          <div class=\"sticky-header-chat\">\n            <div class=\"title_chat\">\n              <h2>\n                <span>\n                  {{ getTranslation(botName) }}\n                  <svg\n                    *ngIf=\"!checkForCop29BotId()\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"31.499\"\n                    height=\"31.501\"\n                    viewBox=\"0 0 31.499 31.501\"\n                  >\n                    <path\n                      id=\"Icon_ion-shield-checkmark\"\n                      data-name=\"Icon ion-shield-checkmark\"\n                      d=\"M33.685,7.83a1.125,1.125,0,0,0-.925-1.036,49.227,49.227,0,0,1-14.3-4.444,1.125,1.125,0,0,0-.927,0A49.226,49.226,0,0,1,3.24,6.794,1.125,1.125,0,0,0,2.315,7.83a27.621,27.621,0,0,0,1.718,11.9A24.572,24.572,0,0,0,9.07,27.641a25.712,25.712,0,0,0,8.513,6.028,1.125,1.125,0,0,0,.844,0,25.712,25.712,0,0,0,8.513-6.028,24.572,24.572,0,0,0,5.027-7.911,27.621,27.621,0,0,0,1.718-11.9Zm-9.211,5.281-7.791,9a1.125,1.125,0,0,1-.8.389h-.046a1.125,1.125,0,0,1-.788-.322L11.587,18.79a1.125,1.125,0,1,1,1.575-1.607l2.6,2.552,7.01-8.1a1.125,1.125,0,0,1,1.7,1.472Z\"\n                      transform=\"translate(-2.25 -2.25)\"\n                      fill=\"#06f\"\n                    />\n                  </svg>\n                </span>\n                <span *ngIf=\"!checkForCop29BotId()\">\n                  <p class=\"small-title\">\n                    {{ getTranslation(\"AI-powered\")\n                    }}<span>{{ getTranslation(\"copilot\") }}</span>\n                  </p>\n                </span>\n              </h2>\n            </div>\n            <div class=\"chatType\" style=\"display: none\">\n              <h4 class=\"labelChat\">Choose a conversation style</h4>\n              <ul>\n                <li (click)=\"changeTemperature(0)\">\n                  <button [ngClass]=\"{ active: temperature === 0 }\">\n                    <span class=\"top-section-title\"> More Creative </span>\n                  </button>\n                </li>\n                <li (click)=\"changeTemperature(1)\" class=\"fdssfd\">\n                  <button [ngClass]=\"{ active: temperature === 1 }\">\n                    <span class=\"top-section-title\"> More Balanced </span>\n                  </button>\n                </li>\n                <li (click)=\"changeTemperature(2)\">\n                  <button [ngClass]=\"{ active: temperature === 2 }\">\n                    <span class=\"top-section-title\"> More Precise </span>\n                  </button>\n                </li>\n              </ul>\n            </div>\n          </div>\n          <!-- chattype -->\n          <div\n            id=\"allChats\"\n            class=\"chat bot\"\n            *ngFor=\"let chat of chatLog; let i = index\"\n          >\n            <div class=\"chat-box\">\n              <div class=\"message\">\n                <div\n                  class=\"time-cta\"\n                  [ngClass]=\"{\n                    'time-cta din': showFeedBackIconsIndex === i,\n                    'time-cta': showFeedBackIconsIndex != i\n                  }\"\n                >\n                  <div class=\"Icon_TimeSTamp\" *ngIf=\"chat?.type === 'ai'\">\n                    <!-- <img [src]=\"botIcon\" [alt]=\"botName || 'Assistant'\" /> -->\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      width=\"44\"\n                      height=\"44\"\n                      viewBox=\"0 0 44 44\"\n                    >\n                      <g\n                        id=\"Group_121\"\n                        data-name=\"Group 121\"\n                        transform=\"translate(4843 -371)\"\n                      >\n                        <g\n                          id=\"Ellipse_18\"\n                          data-name=\"Ellipse 18\"\n                          transform=\"translate(-4843 371)\"\n                          fill=\"#fcfcfc\"\n                          stroke=\"#dfdfdf\"\n                          stroke-width=\"1\"\n                        >\n                          <circle cx=\"22\" cy=\"22\" r=\"22\" stroke=\"none\" />\n                          <circle cx=\"22\" cy=\"22\" r=\"21.5\" fill=\"none\" />\n                        </g>\n                        <g\n                          id=\"Group_120\"\n                          data-name=\"Group 120\"\n                          transform=\"translate(-4835.141 378.855)\"\n                        >\n                          <g\n                            id=\"Group_1\"\n                            data-name=\"Group 1\"\n                            transform=\"translate(7.29 0)\"\n                          >\n                            <path\n                              id=\"Path_1\"\n                              data-name=\"Path 1\"\n                              d=\"M93.774,41.324,98.757,44.2v5.753l-4.983,2.877-4.983-2.877V44.2l4.983-2.877m0-2.034L87.03,43.183V50.97l6.744,3.893,6.744-3.893V43.183L93.774,39.29Z\"\n                              transform=\"translate(-87.03 -39.29)\"\n                              fill=\"gray\"\n                            />\n                          </g>\n                          <g\n                            id=\"Group_2\"\n                            data-name=\"Group 2\"\n                            transform=\"translate(0 12.717)\"\n                          >\n                            <path\n                              id=\"Path_2\"\n                              data-name=\"Path 2\"\n                              d=\"M52.374,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L45.63,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z\"\n                              transform=\"translate(-45.63 -111.51)\"\n                              fill=\"gray\"\n                            />\n                          </g>\n                          <g\n                            id=\"Group_3\"\n                            data-name=\"Group 3\"\n                            transform=\"translate(14.793 12.717)\"\n                          >\n                            <path\n                              id=\"Path_3\"\n                              data-name=\"Path 3\"\n                              d=\"M136.384,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L129.64,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z\"\n                              transform=\"translate(-129.64 -111.51)\"\n                              fill=\"gray\"\n                            />\n                          </g>\n                        </g>\n                      </g>\n                    </svg>\n\n                    <div\n                      class=\"dateTime\"\n                      [style.color]=\"dateTimeColor ? '' : ''\"\n                    >\n                      <span>{{ getTranslation(\"Assistant\") }}</span>\n                      {{ chat?.time }}\n                    </div>\n                  </div>\n\n                  <div class=\"Icon_TimeSTamp\" *ngIf=\"chat?.type === 'user'\">\n                    <div class=\"user-Box\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        width=\"44\"\n                        height=\"44\"\n                        viewBox=\"0 0 44 44\"\n                      >\n                        <g\n                          id=\"Ellipse_17\"\n                          data-name=\"Ellipse 17\"\n                          fill=\"#fcfcfc\"\n                          stroke=\"#dfdfdf\"\n                          stroke-width=\"1\"\n                        >\n                          <circle cx=\"22\" cy=\"22\" r=\"22\" stroke=\"none\" />\n                          <circle cx=\"22\" cy=\"22\" r=\"21.5\" fill=\"none\" />\n                        </g>\n                        <path\n                          id=\"Icon_grommet-user-expert\"\n                          data-name=\"Icon grommet-user-expert\"\n                          d=\"M14.24,20.443a9.472,9.472,0,1,0-9.472-9.472,9.472,9.472,0,0,0,9.472,9.472Zm10.329,5.225c-1.957-3.347-6.516-5.225-10.329-5.225-3.145,0-8.046.805-10.761,5.225\"\n                          transform=\"translate(7.976 8.416)\"\n                          fill=\"none\"\n                          stroke=\"gray\"\n                          stroke-width=\"1.5\"\n                        />\n                      </svg>\n\n                      <div class=\"dateTime\">\n                        <span>{{ getTranslation(\"You\") }}</span>\n                        {{ chat?.time }}\n                      </div>\n                    </div>\n                    <div class=\"bards\">\n                      <div\n                        class=\"bars\"\n                        *ngIf=\"\n                          chat?.WorkflowExecutionId ||\n                          chat?.showWorkflowExecutionLoader\n                        \"\n                      >\n                        <button\n                          class=\"icon-button\"\n                          (click)=\"\n                            showWorkflowHistoryDetails(chat.WorkflowExecutionId)\n                          \"\n                        >\n                          <i class=\"fas fa-bars\"></i>\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"researchingCard\">\n                  <div\n                    *ngIf=\"\n                      (chat?.searchTerms && chat?.searchTerms.length > 0) ||\n                      (chat?.sourcesList && chat?.sourcesList.length > 0)\n                    \"\n                    class=\"card-header d-flex align-items-center\"\n                    (click)=\"toggleCollapse()\"\n                  >\n                    <span class=\"icon\"\n                      ><i class=\"bx bx-plus-circle bx-sm\"></i\n                    ></span>\n                    <span class=\"ml-2\"\n                      >Researching\n                      <i\n                        id=\"toggleIcon\"\n                        class=\"toggle-icon ml-2 fa\"\n                        [ngClass]=\"{\n                          'fa-chevron-down': isCollapsed,\n                          'fa-chevron-up': !isCollapsed\n                        }\"\n                      ></i\n                    ></span>\n                  </div>\n                  <div\n                    *ngIf=\"chat?.searchTerms && chat?.searchTerms.length > 0\"\n                    [ngClass]=\"{ collapse: isCollapsed }\"\n                  >\n                    <ul class=\"list-group list-group-flush uptList\">\n                      <li\n                        *ngFor=\"let term of chat?.searchTerms\"\n                        class=\"list-group-item\"\n                      >\n                        Searching for\n                        <strong>{{ term }}</strong>\n                      </li>\n                    </ul>\n\n                    <h5\n                      class=\"mt-2\"\n                      *ngIf=\"chat?.sourcesList && chat?.sourcesList.length > 0\"\n                    >\n                      <i class=\"bx bx-unite\"></i> Sources\n                    </h5>\n                    <div\n                      class=\"sources-container\"\n                      *ngIf=\"chat?.sourcesList && chat?.sourcesList.length > 0\"\n                    >\n                      <div\n                        class=\"source-card\"\n                        *ngFor=\"\n                          let source of chat?.displayedSources;\n                          let i = index\n                        \"\n                      >\n                        <div>\n                          <div class=\"source-title\">{{ source.title }}</div>\n                          <div class=\"source-url\">\n                            <img\n                              class=\"relative block\"\n                              [src]=\"getFaviconUrl(source.link)\"\n                              [alt]=\"getDomainName(source.link) + ' favicon'\"\n                            />\n                            {{ getDomainName(source.link) }}\n                          </div>\n                          <div class=\"popup\">\n                            <div\n                              class=\"source-url\"\n                              (click)=\"openLinkInNewTab(source.link)\"\n                            >\n                              <img\n                                class=\"relative block\"\n                                [src]=\"getFaviconUrl(source.link)\"\n                                [alt]=\"getDomainName(source.link) + ' favicon'\"\n                              />\n                              {{ getDomainName(source.link) }}\n                            </div>\n                            <h5 (click)=\"openLinkInNewTab(source.link)\">\n                              {{ source.title }}\n                            </h5>\n                            <p (click)=\"openLinkInNewTab(source.link)\">\n                              {{ source.desc }}\n                            </p>\n                          </div>\n                        </div>\n                      </div>\n                      <ng-container\n                        *ngIf=\"\n                          chat?.remainingSources &&\n                          chat?.remainingSources.length > 0\n                        \"\n                      >\n                        <div\n                          class=\"source-card\"\n                          (click)=\"onCardClick(chat?.sourcesList)\"\n                        >\n                          <div>\n                            <div class=\"source-title\">\n                              <img\n                                *ngFor=\"\n                                  let source of chat?.remainingSources;\n                                  let i = index\n                                \"\n                                class=\"relative block\"\n                                [src]=\"getFaviconUrl(source.link)\"\n                                [alt]=\"getDomainName(source.link) + ' favicon'\"\n                              />\n                            </div>\n                            <div class=\"source-url\">\n                              View {{ chat?.remainingSources.length }} more\n                            </div>\n                          </div>\n                        </div>\n                      </ng-container>\n                    </div>\n                  </div>\n                </div>\n\n                <div\n                  *ngIf=\"chat?.type === 'ai' || chat?.type === 'user'\"\n                  [ngStyle]=\"{\n                    background:\n                      chat?.type === 'ai' && bgBubbleAi\n                        ? ''\n                        : chat?.type === 'user' && bgBubbleUser\n                        ? ''\n                        : ''\n                  }\"\n                >\n                  <div id=\"messageText_{{ i }}\">\n                    <p\n                      *ngIf=\"chat?.type === 'ai' || chat?.type === 'user'\"\n                      [ngClass]=\"{\n                        'SearchTitle ai': chat?.type === 'ai',\n                        'SearchTitle user': chat?.type === 'user'\n                      }\"\n                      [ngStyle]=\"{\n                        background:\n                          chat?.type === 'ai' && messageTextColorAi\n                            ? messageTextColorAi\n                            : chat?.type === 'user' && messageTextColorUser\n                            ? messageTextColorUser\n                            : 'defaultBackground',\n                        color:\n                          chat?.type === 'ai' && messageTextColorAi\n                            ? messageTextColorAi\n                            : chat?.type === 'user' && messageTextColorUser\n                            ? messageTextColorUser\n                            : 'defaultColor'\n                      }\"\n                      [innerHTML]=\"chat?.message\"\n                    ></p>\n                  </div>\n                </div>\n\n                <div\n                  class=\"progress-container\"\n                  *ngIf=\"chat?.showWorkflowExecutionLoader\"\n                >\n                  <div class=\"circular-loader\">\n                    <div\n                      class=\"loader-spinner\"\n                      *ngIf=\"currentWorkflowActionProgress < 100\"\n                      [ngStyle]=\"{\n                        transform: 'rotate(' + percentage * 3.6 + 'deg)'\n                      }\"\n                    ></div>\n                    <div\n                      class=\"checkmark\"\n                      *ngIf=\"currentWorkflowActionProgress == 100\"\n                    >\n                      <svg viewBox=\"0 0 52 52\">\n                        <circle\n                          class=\"checkmark-circle\"\n                          cx=\"26\"\n                          cy=\"26\"\n                          r=\"25\"\n                          fill=\"none\"\n                        />\n                        <path\n                          class=\"checkmark-check\"\n                          fill=\"none\"\n                          d=\"M14 27l7 7 16-16\"\n                        />\n                      </svg>\n                    </div>\n\n                    <div\n                      class=\"loader-text\"\n                      *ngIf=\"currentWorkflowActionProgress < 100\"\n                    >\n                      {{ currentWorkflowActionProgress }}%\n                    </div>\n                  </div>\n                  <div class=\"loader-label\">{{ currentWorkflowAction }}...</div>\n                </div>\n\n                <div\n                  class=\"exicution mt-2\"\n                  *ngIf=\"\n                    chat?.type === 'ai' &&\n                    chat?.graphs &&\n                    chat?.graphs.length > 0\n                  \"\n                >\n                  <h5 *ngIf=\"chat?.type === 'ai'\">\n                    <i class=\"bx bx-network-chart\"></i> Graphs\n                    <i\n                      (click)=\"toggleCollapseFGraph()\"\n                      class=\"toggle-icon ml-2 fa\"\n                      [ngClass]=\"{\n                        'fas fa-chevron-down': isCollapsedForFGraph,\n                        'fas fa-chevron-up': !isCollapsedForFGraph\n                      }\"\n                    ></i>\n                  </h5>\n                  <img\n                    *ngFor=\"let image of chat?.graphs\"\n                    class=\"graph-img\"\n                    [ngClass]=\"{ collapse: isCollapsedForFGraph }\"\n                    [src]=\"image\"\n                    alt=\"\"\n                  />\n                </div>\n                <ng-container *ngIf=\"!checkForCop29BotId()\">\n                  <div\n                    class=\"exicution mt-2\"\n                    *ngIf=\"\n                      chat?.type === 'ai' &&\n                      chat?.executionGraphs &&\n                      chat?.executionGraphs?.length > 0\n                    \"\n                  >\n                    <h5 *ngIf=\"chat?.type === 'ai'\">\n                      <i class=\"bx bx-network-chart\"></i> Execution Path Diagram\n                      For Data Visualization Workflow\n                      <i\n                        (click)=\"toggleCollapseGraph()\"\n                        class=\"toggle-icon ml-2 fa\"\n                        [ngClass]=\"{\n                          'fas fa-chevron-down': isCollapsedForGraph,\n                          'fas fa-chevron-up': !isCollapsedForGraph\n                        }\"\n                      ></i>\n                    </h5>\n                    <img\n                      *ngFor=\"let image of chat?.executionGraphs\"\n                      class=\"graph-img\"\n                      [ngClass]=\"{ collapse: isCollapsedForGraph }\"\n                      [src]=\"image\"\n                      alt=\"\"\n                    />\n                  </div>\n                </ng-container>\n                <div class=\"cta\" *ngIf=\"chat?.type === 'ai' && i > 0\">\n                  <div\n                    class=\"copyBox\"\n                    title=\"Copy\"\n                    [ngClass]=\"\n                      showFeedBackIconsIndex == i ? 'show-always' : 'show-hover'\n                    \"\n                  >\n                    <button\n                      title=\"{{ chat?.copied ? 'Copied!' : 'Copy' }}\"\n                      class=\"copy\"\n                      [class.active]=\"chat?.copied\"\n                      (click)=\"handleCopyClick(i)\"\n                    >\n                      <i *ngIf=\"chat?.copied\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M9 16.17L4.83 12L3.41 13.41L9 19L21 7L19.59 5.59L9 16.17Z\"\n                            fill=\"#566563\"\n                          />\n                        </svg>\n                      </i>\n\n                      <i *ngIf=\"!chat?.copied\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M19.24 2H8.84C8.14 2 7.58 2.56 7.58 3.26V16.84C7.58 17.54 8.14 18.1 8.84 18.1H19.24C19.94 18.1 20.5 17.54 20.5 16.84V3.26C20.5 2.56 19.94 2 19.24 2ZM19.24 16.84H8.84V3.26H19.24V16.84ZM4.74 6.52C4.04 6.52 3.48 7.08 3.48 7.78V20.36C3.48 21.06 4.04 21.62 4.74 21.62H15.14C15.84 21.62 16.4 21.06 16.4 20.36V18.88H14.96V20.36H4.74V7.78H6.18V6.52H4.74Z\"\n                            fill=\"#566563\"\n                          />\n                        </svg>\n                      </i>\n                    </button>\n\n                    <button\n                      *ngIf=\"!checkForCop29BotId()\"\n                      class=\"up copy\"\n                      title=\"{{ chat?.isEditor ? 'Added!' : 'Add to editor' }}\"\n                      (click)=\"handleEditorClick(i)\"\n                    >\n                      <svg\n                        *ngIf=\"!chat?.isEditor\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        width=\"20.152\"\n                        height=\"20.152\"\n                        viewBox=\"0 0 20.152 20.152\"\n                      >\n                        <g\n                          id=\"Icon_feather-edit\"\n                          data-name=\"Icon feather-edit\"\n                          transform=\"translate(-2.5 -2.166)\"\n                        >\n                          <path\n                            id=\"Path_166\"\n                            data-name=\"Path 166\"\n                            d=\"M11.5,6H4.889A1.889,1.889,0,0,0,3,7.889v13.22A1.889,1.889,0,0,0,4.889,23h13.22A1.889,1.889,0,0,0,20,21.108V14.5\"\n                            transform=\"translate(0 -1.179)\"\n                            fill=\"none\"\n                            stroke=\"#393939\"\n                            stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                            stroke-width=\"1\"\n                          />\n                          <path\n                            id=\"Path_167\"\n                            data-name=\"Path 167\"\n                            d=\"M21.915,3.4a2,2,0,0,1,2.833,2.833l-8.971,8.971L12,16.152l.944-3.777Z\"\n                            transform=\"translate(-3.334 0)\"\n                            fill=\"none\"\n                            stroke=\"#393939\"\n                            stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                            stroke-width=\"1\"\n                          />\n                        </g>\n                      </svg>\n\n                      <i *ngIf=\"chat?.isEditor\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M9 16.17L4.83 12L3.41 13.41L9 19L21 7L19.59 5.59L9 16.17Z\"\n                            fill=\"#566563\"\n                          />\n                        </svg>\n                      </i>\n                    </button>\n\n                    <button\n                      class=\"up copy\"\n                      title=\"Like\"\n                      [class.active]=\"chat?.liked\"\n                      (click)=\"handleUpClick(i)\"\n                    >\n                      <i *ngIf=\"chat?.liked\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M8.38989 18.4902V8.33022C8.38989 7.93022 8.50989 7.54022 8.72989 7.21022L11.4599 3.15022C11.8899 2.50022 12.9599 2.04022 13.8699 2.38022C14.8499 2.71022 15.4999 3.81022 15.2899 4.79022L14.7699 8.06022C14.7299 8.36022 14.8099 8.63022 14.9799 8.84022C15.1499 9.03022 15.3999 9.15022 15.6699 9.15022H19.7799C20.5699 9.15022 21.2499 9.47022 21.6499 10.0302C22.0299 10.5702 22.0999 11.2702 21.8499 11.9802L19.3899 19.4702C19.0799 20.7102 17.7299 21.7202 16.3899 21.7202H12.4899C11.8199 21.7202 10.8799 21.4902 10.4499 21.0602L9.16989 20.0702C8.67989 19.7002 8.38989 19.1102 8.38989 18.4902Z\"\n                            fill=\"#17235B\"\n                          />\n                          <path\n                            d=\"M5.21 6.37988H4.18C2.63 6.37988 2 6.97988 2 8.45988V18.5199C2 19.9999 2.63 20.5999 4.18 20.5999H5.21C6.76 20.5999 7.39 19.9999 7.39 18.5199V8.45988C7.39 6.97988 6.76 6.37988 5.21 6.37988Z\"\n                            fill=\"#17235B\"\n                          />\n                        </svg>\n                      </i>\n                      <i *ngIf=\"!chat?.liked\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M10.4037 20.9264L10.381 20.9038L10.3557 20.8843L7.72165 18.85L8.02965 18.4516L10.7161 20.5315C10.9228 20.7195 11.2181 20.8517 11.4962 20.9377C11.7978 21.0309 12.1451 21.09 12.4801 21.09H16.2801C16.8572 21.09 17.4266 20.8625 17.8751 20.5306C18.3159 20.2044 18.6912 19.7385 18.8305 19.1997L21.2428 11.8732C21.4379 11.3309 21.4287 10.749 21.0965 10.2887C20.7583 9.81377 20.1844 9.58999 19.5801 9.58999H15.5801C15.2031 9.58999 14.8615 9.43143 14.6276 9.16215L14.627 9.16142C14.3873 8.88649 14.2756 8.51549 14.3345 8.11501L14.8322 4.9195C14.9978 4.1052 14.4664 3.24596 13.7053 2.98804C13.3277 2.85165 12.9297 2.89129 12.61 2.99839C12.2949 3.10396 11.9772 3.30172 11.7881 3.57673L11.7881 3.57671L11.7851 3.58107L7.96352 9.26689L7.55454 8.99314L11.3751 3.30891L11.3755 3.30836C11.8763 2.56103 13.0109 2.19028 13.8726 2.51744L13.8834 2.52151L13.8943 2.52509C14.9044 2.8564 15.556 3.98765 15.3317 5.01314L15.3284 5.02805L15.326 5.04314L14.836 8.19314L14.836 8.19313L14.8351 8.19928C14.8184 8.31642 14.7981 8.60268 15.0138 8.84924L15.0248 8.86177L15.0366 8.87354C15.1833 9.02026 15.3817 9.09999 15.5901 9.09999H19.5901C20.4308 9.09999 21.1176 9.44886 21.5113 10.0079L21.5124 10.0095C21.8964 10.5502 21.9908 11.2849 21.7202 12.0291L21.7175 12.0365L21.7151 12.044L19.3251 19.324L19.3198 19.34L19.3156 19.3564C19.0058 20.5707 17.6766 21.6 16.2801 21.6H12.4801C12.2411 21.6 11.8403 21.5625 11.4297 21.4512C11.0123 21.338 10.6406 21.1633 10.4037 20.9264Z\"\n                            fill=\"#566563\"\n                            stroke=\"#566563\"\n                          />\n                          <path\n                            d=\"M5.37988 20.4999H4.37988C3.52442 20.4999 2.98559 20.2982 2.65822 19.9825C2.33437 19.6702 2.12988 19.1614 2.12988 18.3499V8.5499C2.12988 7.73843 2.33437 7.22962 2.65822 6.91731C2.98559 6.6016 3.52442 6.3999 4.37988 6.3999H5.37988C6.23534 6.3999 6.77418 6.6016 7.10155 6.91731C7.4254 7.22962 7.62988 7.73843 7.62988 8.5499V18.3499C7.62988 19.1614 7.4254 19.6702 7.10155 19.9825C6.77418 20.2982 6.23534 20.4999 5.37988 20.4999ZM4.37988 6.8999C4.0934 6.8999 3.83578 6.9164 3.61382 6.96689C3.38745 7.01838 3.16822 7.11196 2.99258 7.2876C2.81559 7.46459 2.72807 7.67966 2.68301 7.89002C2.63948 8.09318 2.62988 8.31967 2.62988 8.5499V18.3499C2.62988 18.5801 2.63948 18.8066 2.68301 19.0098C2.72807 19.2201 2.81559 19.4352 2.99258 19.6122C3.16822 19.7878 3.38745 19.8814 3.61382 19.9329C3.83578 19.9834 4.0934 19.9999 4.37988 19.9999H5.37988C5.66637 19.9999 5.92398 19.9834 6.14595 19.9329C6.37232 19.8814 6.59155 19.7878 6.76719 19.6122C6.94418 19.4352 7.0317 19.2201 7.07676 19.0098C7.12028 18.8066 7.12988 18.5801 7.12988 18.3499V8.5499C7.12988 8.31967 7.12028 8.09318 7.07676 7.89002C7.0317 7.67966 6.94418 7.46459 6.76719 7.2876C6.59155 7.11196 6.37232 7.01838 6.14595 6.96689C5.92398 6.9164 5.66637 6.8999 5.37988 6.8999H4.37988Z\"\n                            fill=\"#566563\"\n                            stroke=\"#566563\"\n                          />\n                        </svg>\n                      </i>\n                    </button>\n                    <button\n                      class=\"down copy\"\n                      title=\"Dislike\"\n                      [class.active]=\"chat?.unliked\"\n                      (click)=\"handleDownClick(i)\"\n                    >\n                      <i *ngIf=\"chat?.unliked\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M15.61 5.50002V15.66C15.61 16.06 15.49 16.45 15.27 16.78L12.54 20.84C12.11 21.49 11.04 21.95 10.13 21.61C9.15002 21.28 8.50002 20.18 8.71002 19.2L9.23002 15.93C9.27002 15.63 9.19002 15.36 9.02002 15.15C8.85002 14.96 8.60002 14.84 8.33002 14.84H4.22002C3.43002 14.84 2.75002 14.52 2.35002 13.96C1.97002 13.42 1.90002 12.72 2.15002 12.01L4.61002 4.52002C4.92002 3.28002 6.27002 2.27002 7.61002 2.27002H11.51C12.18 2.27002 13.12 2.50002 13.55 2.93002L14.83 3.92002C15.32 4.30002 15.61 4.88002 15.61 5.50002Z\"\n                            fill=\"#17235B\"\n                          />\n\n                          <path\n                            d=\"M18.7901 17.6099H19.8201C21.3701 17.6099 22.0001 17.0099 22.0001 15.5299V5.4799C22.0001 3.9999 21.3701 3.3999 19.8201 3.3999H18.7901C17.2401 3.3999 16.6101 3.9999 16.6101 5.4799V15.5399C16.6101 17.0099 17.2401 17.6099 18.7901 17.6099Z\"\n                            fill=\"#17235B\"\n                          />\n                        </svg>\n                      </i>\n\n                      <i *ngIf=\"!chat?.unliked\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M10.1237 21.481L10.1148 21.4778L10.1059 21.4748C9.09577 21.1435 8.44416 20.0122 8.66849 18.9867L8.67175 18.9718L8.6741 18.9568L9.1641 15.8068L9.16413 15.8068L9.16501 15.8006C9.18175 15.6835 9.20207 15.3972 8.98633 15.1507L8.97536 15.1381L8.96359 15.1263C8.81687 14.9796 8.61841 14.8999 8.41004 14.8999H4.41004C3.56937 14.8999 2.88252 14.551 2.48884 13.992L2.4877 13.9904C2.10371 13.4497 2.00931 12.715 2.27994 11.9708L2.28263 11.9634L2.28509 11.9559L4.67509 4.67586L4.68035 4.65985L4.68451 4.64353C4.99418 3.42996 6.33271 2.3999 7.72004 2.3999H11.52C11.7591 2.3999 12.1599 2.43736 12.5704 2.54872C12.9878 2.66194 13.3596 2.83655 13.5965 3.07346L13.6191 3.09608L13.6444 3.11563L16.2785 5.14986L15.9705 5.54825L13.2875 3.47111C13.0799 3.2763 12.7837 3.1413 12.5061 3.05412C12.2031 2.95897 11.8551 2.8999 11.52 2.8999H7.72004C7.1429 2.8999 6.57353 3.12735 6.12508 3.45926C5.68428 3.78551 5.30892 4.25142 5.16963 4.79019L2.75738 12.1167C2.56223 12.659 2.57147 13.2409 2.90366 13.7012C3.24183 14.1761 3.81578 14.3999 4.42004 14.3999H8.42004C8.79702 14.3999 9.13867 14.5585 9.37252 14.8277L9.37315 14.8285C9.61286 15.1034 9.72457 15.4745 9.66568 15.875C9.6656 15.8755 9.66552 15.8761 9.66544 15.8766L9.16795 19.0704C9.00242 19.8841 9.53299 20.7428 10.2933 21.0013C10.6685 21.1391 11.0675 21.0978 11.3857 20.9917C11.7001 20.8869 12.0218 20.6898 12.2121 20.4132L12.2121 20.4132L12.215 20.4088L16.0351 14.7253L16.4472 15.0045L12.6251 20.691L12.6249 20.6912C12.259 21.2361 11.5347 21.5999 10.8 21.5999C10.5668 21.5999 10.3358 21.5596 10.1237 21.481Z\"\n                            fill=\"#566563\"\n                            stroke=\"#566563\"\n                          />\n                          <path\n                            d=\"M19.6201 17.6H18.6201C17.7647 17.6 17.2258 17.3983 16.8985 17.0826C16.5746 16.7703 16.3701 16.2615 16.3701 15.45V5.65C16.3701 4.83853 16.5746 4.32972 16.8985 4.0174C17.2258 3.7017 17.7647 3.5 18.6201 3.5H19.6201C20.4756 3.5 21.0144 3.7017 21.3418 4.0174C21.6656 4.32972 21.8701 4.83853 21.8701 5.65V15.45C21.8701 16.2615 21.6656 16.7703 21.3418 17.0826C21.0144 17.3983 20.4756 17.6 19.6201 17.6ZM18.6201 4C18.3336 4 18.076 4.01649 17.8541 4.06699C17.6277 4.11848 17.4085 4.21206 17.2328 4.3877C17.0558 4.56469 16.9683 4.77976 16.9232 4.99011C16.8797 5.19328 16.8701 5.41977 16.8701 5.65V15.45C16.8701 15.6802 16.8797 15.9067 16.9232 16.1099C16.9683 16.3202 17.0558 16.5353 17.2328 16.7123C17.4085 16.8879 17.6277 16.9815 17.8541 17.033C18.076 17.0835 18.3336 17.1 18.6201 17.1H19.6201C19.9066 17.1 20.1642 17.0835 20.3862 17.033C20.6126 16.9815 20.8318 16.8879 21.0074 16.7123C21.1844 16.5353 21.2719 16.3202 21.317 16.1099C21.3605 15.9067 21.3701 15.6802 21.3701 15.45V5.65C21.3701 5.41977 21.3605 5.19328 21.317 4.99011C21.2719 4.77976 21.1844 4.56469 21.0074 4.3877C20.8318 4.21206 20.6126 4.11848 20.3862 4.06699C20.1642 4.01649 19.9066 4 19.6201 4H18.6201Z\"\n                            fill=\"#566563\"\n                            stroke=\"#566563\"\n                          />\n                        </svg>\n                      </i>\n                    </button>\n                  </div>\n                </div>\n                <div\n                  class=\"Related mt-2\"\n                  *ngIf=\"\n                    showFeedBackIconsIndex === i &&\n                    !isChatingWithAi &&\n                    chat?.relatedListItems &&\n                    chat?.relatedListItems.length > 0\n                  \"\n                >\n                  <h5 *ngIf=\"chat?.type === 'ai'\">\n                    <i class=\"bx bx-list-check\"></i> Related\n                  </h5>\n                  <div class=\"card-container\" *ngIf=\"chat?.type === 'ai'\">\n                    <ul class=\"list-container\">\n                      <ng-container *ngFor=\"let item of chat?.relatedListItems\">\n                        <li (click)=\"fetchDataFor(item, chat)\">{{ item }}</li>\n                      </ng-container>\n                    </ul>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div\n              class=\"cta-faqs quick-prompts-extended\"\n              *ngIf=\"i == 0 && quickPrompts?.length\"\n            >\n              <!-- <div *ngFor=\"let tile of quickPrompts\" class=\"cta\"\n                                (click)=\"sendMessageWithTile(tile.prompt)\">\n                                Q: {{ tile.text }}\n                            </div> -->\n              <div class=\"cta_suggestions\">\n                <button\n                  *ngFor=\"let tile of quickPrompts\"\n                  (click)=\"sendMessageWithTile(tile.prompt)\"\n                >\n                  <ng-container *ngIf=\"tile\">{{ tile.text }}</ng-container>\n                </button>\n              </div>\n            </div>\n            <div class=\"chat bot\" *ngIf=\"i == 0 && botSkills\">\n              <div class=\"chat-box\">\n                <div class=\"message\">\n                  <p [innerHTML]=\"processMessageForDisplay(botSkills)\"></p>\n                  &nbsp;\n                </div>\n              </div>\n            </div>\n            <div *ngIf=\"chat?.suggestions?.length\">\n              <h4 class=\"labelChat\">\n                Here are some things EventsGPT Copilot can help you do:\n              </h4>\n              <div class=\"cta_suggestions\">\n                <button\n                  *ngFor=\"let suggestion of chat?.suggestions\"\n                  (click)=\"sendMessageWithTile(suggestion)\"\n                >\n                  <ng-container *ngIf=\"suggestion\">{{\n                    suggestion\n                  }}</ng-container>\n                </button>\n              </div>\n            </div>\n            <div\n              *ngIf=\"\n                chat?.action?.section_id == 'company_search' ||\n                chat?.action?.section_id == 'user_search' ||\n                chat?.action?.section_id == 'industry_company_search'\n              \"\n            >\n              <div class=\"box\">\n                <div class=\"tiktokwrapper\">\n                  <div\n                    class=\"tiktokshell\"\n                    *ngFor=\"let user of chat?.action.users\"\n                  >\n                    <div class=\"videoPhotobox\">\n                      <ng-conatiner\n                        *ngIf=\"user?.photoPath && !user.userVideosModel\"\n                      >\n                        <img [src]=\"user?.photoPath\" />\n                      </ng-conatiner>\n                      <ng-conatiner *ngIf=\"user.userVideosModel\">\n                        <app-video-player\n                          *ngIf=\"user?.userVideosModel\"\n                          [isDev]=\"isDev\"\n                          [currentUserId]=\"userId\"\n                          [videoObj]=\"user?.userVideosModel\"\n                          [user]=\"user\"\n                          [eventId]=\"eventId\"\n                          type=\"1\"\n                        >\n                        </app-video-player>\n                      </ng-conatiner>\n                    </div>\n\n                    <div\n                      class=\"noPhoto\"\n                      *ngIf=\"!user?.photoPath && !user.userVideosModel\"\n                    >\n                      <h3>\n                        {{ user.firstName | slice : 0 : 1\n                        }}{{ user.lastName | slice : 0 : 1 }}\n                      </h3>\n                    </div>\n                    <div class=\"overlymask\" *ngIf=\"!user.userVideosModel\"></div>\n                    <div class=\"onshell-content\">\n                      <div class=\"title-shell\">\n                        <h3>{{ user.firstName }} {{ user.lastName }}</h3>\n                        <h3 class=\"companyName\">{{ user.company }}</h3>\n                      </div>\n                      <div class=\"button-shell\">\n                        <button\n                          class=\"Connectbtn\"\n                          (click)=\"connectToUser(user.userId)\"\n                        >\n                          {{\n                            canConnect(user.userId)\n                              ? \"Connect\"\n                              : canDisconnect(user.userId)\n                              ? \"Disconnect\"\n                              : \"Request\n                          Sent\"\n                          }}\n                        </button>\n                        <button\n                          class=\"schedulebtn\"\n                          (click)=\"scheduleMeetingWithUser(user)\"\n                        >\n                          Schedule\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div *ngIf=\"chat?.action?.section_id == myUpcomingSessionAction\">\n              <div class=\"agenda-items-wrapper\" class=\"agenda-items-wrapper\">\n                <div class=\"list-view\">\n                  <div\n                    class=\"session-detail-wrapper card-background-session\"\n                    *ngFor=\"let upcomingSession of chat?.action.content\"\n                  >\n                    <div class=\"thumbnail\">\n                      <img\n                        alt=\"Introduction to the Imaging Radar Academy\"\n                        src=\"https://s27media.azureedge.net/8008/profile_pic/453cea2c-feba-11ed-8c0b-00155d025b0a.png\"\n                        class=\"\"\n                      />\n                      <!---->\n                      <!---->\n                      <!----><button\n                        class=\"play-btn color-primary\"\n                        title=\"Play Session: Introduction to the Imaging Radar Academy\"\n                      >\n                        <span class=\"material-icons notranslate\">\n                          play_circle_outline\n                        </span>\n                        <!---->\n                      </button>\n                      <!---->\n                      <!---->\n                    </div>\n                    <!---->\n                    <!---->\n                    <div class=\"content p-3\">\n                      <div\n                        class=\"d-flex justify-content-between align-items-center\"\n                      >\n                        <div class=\"d-flex flex-column\">\n                          <p class=\"fs-xs mb-0 body-text-color\">\n                            {{\n                              upcomingSession.dateTimeRange.start\n                                | date\n                                  : \"MM-dd-yyyy\n                            HH:mm\"\n                                  : \"UTC\"\n                            }}\n                            -\n                            {{\n                              upcomingSession.dateTimeRange.end\n                                | date : \"MM-dd-yyyy HH:mm\" : \"UTC\"\n                            }}\n                            {{ upcomingSession.timeZone.id }}\n                          </p>\n                          <!---->\n                          <!---->\n                          <!-- <p class=\"fs-xs mb-2 color-secondary\" title=\"Session Type: Generative AI\">Generative AI </p> -->\n                          <!---->\n                        </div>\n                        <div class=\"d-flex align-items-center actions px-2\">\n                          <!---->\n                          <button\n                            (click)=\"\n                              performSessionAction(\n                                upcomingSession.id,\n                                'view-session'\n                              )\n                            \"\n                            class=\"s27-btn-icon body-text-color\"\n                            title=\"View Session Information: Introduction to the Imaging Radar Academy\"\n                          >\n                            <span class=\"material-icons notranslate\">\n                              remove_red_eye\n                            </span>\n                          </button>\n\n                          <button\n                            (click)=\"\n                              performSessionAction(\n                                upcomingSession.id,\n                                'add-to-agenda'\n                              )\n                            \"\n                            class=\"s27-btn-icon body-text-color\"\n                          >\n                            <span\n                              class=\"material-icons notranslate\"\n                              title=\"Add Session: Introduction to the Imaging Radar Academy to My agendaa\"\n                            >\n                              event_available\n                            </span>\n                          </button>\n                          <!---->\n                          <!---->\n                          <!---->\n                          <!---->\n\n                          <button\n                            (click)=\"\n                              performSessionAction(upcomingSession.id, 'play')\n                            \"\n                            class=\"s27-btn-icon body-text-color\"\n                            title=\"Copy session link to share\"\n                          >\n                            <span class=\"material-icons notranslate\">\n                              play_circle_outline\n                            </span>\n                          </button>\n                          <!---->\n                        </div>\n                      </div>\n                      <h2 class=\"body-text-color\">\n                        {{ upcomingSession.title }}\n                      </h2>\n                      <div\n                        class=\"session-description color-secondary\"\n                        [innerHTML]=\"sanitizeHtml(upcomingSession.description)\"\n                      ></div>\n                      <ul\n                        class=\"speakers grid-2-cols\"\n                        *ngFor=\"let speakerId of upcomingSession.speakers\"\n                      >\n                        <li class=\"\">\n                          <div class=\"image\" title=\"Blair Wunderlich\">\n                            <img\n                              alt=\"Blair Wunderlich\"\n                              [src]=\"speakers[speakerId]?.photoPath\"\n                              class=\"\"\n                            />\n                            <!---->\n                            <!---->\n                            <!---->\n                          </div>\n                          <!---->\n                          <div\n                            class=\"content pl-3\"\n                            style=\"text-transform: none\"\n                          >\n                            <div class=\"mb-0 body-text-color fs-xs fw-500\">\n                              {{ speakers[speakerId]?.firstName }}\n                              {{ speakers[speakerId]?.lastName }}\n                            </div>\n                            <div class=\"color-secondary fs-xxs\">\n                              {{ speakers[speakerId]?.jobTitle }}\n                            </div>\n                            <div class=\"color-secondary fs-xxs\">\n                              {{ speakers[speakerId]?.company }}\n                            </div>\n                          </div>\n                          <!---->\n                        </li>\n                      </ul>\n                      <!---->\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"chat bot\" *ngIf=\"isChatingWithAi && !executingWorkflow\">\n            <div class=\"chat-box\">\n              <div class=\"message\">\n                <div class=\"time-cta\">\n                  <div class=\"Icon_TimeSTamp\">\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      width=\"44\"\n                      height=\"44\"\n                      viewBox=\"0 0 44 44\"\n                    >\n                      <g\n                        id=\"Group_121\"\n                        data-name=\"Group 121\"\n                        transform=\"translate(4843 -371)\"\n                      >\n                        <g\n                          id=\"Ellipse_18\"\n                          data-name=\"Ellipse 18\"\n                          transform=\"translate(-4843 371)\"\n                          fill=\"#fcfcfc\"\n                          stroke=\"#dfdfdf\"\n                          stroke-width=\"1\"\n                        >\n                          <circle cx=\"22\" cy=\"22\" r=\"22\" stroke=\"none\" />\n                          <circle cx=\"22\" cy=\"22\" r=\"21.5\" fill=\"none\" />\n                        </g>\n                        <g\n                          id=\"Group_120\"\n                          data-name=\"Group 120\"\n                          transform=\"translate(-4835.141 378.855)\"\n                        >\n                          <g\n                            id=\"Group_1\"\n                            data-name=\"Group 1\"\n                            transform=\"translate(7.29 0)\"\n                          >\n                            <path\n                              id=\"Path_1\"\n                              data-name=\"Path 1\"\n                              d=\"M93.774,41.324,98.757,44.2v5.753l-4.983,2.877-4.983-2.877V44.2l4.983-2.877m0-2.034L87.03,43.183V50.97l6.744,3.893,6.744-3.893V43.183L93.774,39.29Z\"\n                              transform=\"translate(-87.03 -39.29)\"\n                              fill=\"gray\"\n                            />\n                          </g>\n                          <g\n                            id=\"Group_2\"\n                            data-name=\"Group 2\"\n                            transform=\"translate(0 12.717)\"\n                          >\n                            <path\n                              id=\"Path_2\"\n                              data-name=\"Path 2\"\n                              d=\"M52.374,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L45.63,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z\"\n                              transform=\"translate(-45.63 -111.51)\"\n                              fill=\"gray\"\n                            />\n                          </g>\n                          <g\n                            id=\"Group_3\"\n                            data-name=\"Group 3\"\n                            transform=\"translate(14.793 12.717)\"\n                          >\n                            <path\n                              id=\"Path_3\"\n                              data-name=\"Path 3\"\n                              d=\"M136.384,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L129.64,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z\"\n                              transform=\"translate(-129.64 -111.51)\"\n                              fill=\"gray\"\n                            />\n                          </g>\n                        </g>\n                      </g>\n                    </svg>\n                    <div\n                      class=\"dateTime\"\n                      [style.color]=\"dateTimeColor ? '' : ''\"\n                    >\n                      <span> {{ getTranslation(\"Assistant\") }}</span>\n                      {{ this.getLatestTime(chat?.time) }}\n                    </div>\n                  </div>\n                </div>\n                <div class=\"loaderbox\">\n                  <div class=\"loader-pkg\">\n                    <div class=\"loader--dot\"></div>\n                    <div class=\"loader--dot\"></div>\n                    <div class=\"loader--dot\"></div>\n                    <div class=\"loader--dot\"></div>\n                    <div class=\"loader--dot\"></div>\n                    <div class=\"loader--dot\"></div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"chat bot\" *ngIf=\"loading\">\n            <div class=\"chat-box\">\n              <div class=\"message\">\n                <div class=\"time-cta\">\n                  <div class=\"Icon_TimeSTamp\">\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      width=\"44\"\n                      height=\"44\"\n                      viewBox=\"0 0 44 44\"\n                    >\n                      <g\n                        id=\"Group_121\"\n                        data-name=\"Group 121\"\n                        transform=\"translate(4843 -371)\"\n                      >\n                        <g\n                          id=\"Ellipse_18\"\n                          data-name=\"Ellipse 18\"\n                          transform=\"translate(-4843 371)\"\n                          fill=\"#fcfcfc\"\n                          stroke=\"#dfdfdf\"\n                          stroke-width=\"1\"\n                        >\n                          <circle cx=\"22\" cy=\"22\" r=\"22\" stroke=\"none\" />\n                          <circle cx=\"22\" cy=\"22\" r=\"21.5\" fill=\"none\" />\n                        </g>\n                        <g\n                          id=\"Group_120\"\n                          data-name=\"Group 120\"\n                          transform=\"translate(-4835.141 378.855)\"\n                        >\n                          <g\n                            id=\"Group_1\"\n                            data-name=\"Group 1\"\n                            transform=\"translate(7.29 0)\"\n                          >\n                            <path\n                              id=\"Path_1\"\n                              data-name=\"Path 1\"\n                              d=\"M93.774,41.324,98.757,44.2v5.753l-4.983,2.877-4.983-2.877V44.2l4.983-2.877m0-2.034L87.03,43.183V50.97l6.744,3.893,6.744-3.893V43.183L93.774,39.29Z\"\n                              transform=\"translate(-87.03 -39.29)\"\n                              fill=\"gray\"\n                            />\n                          </g>\n                          <g\n                            id=\"Group_2\"\n                            data-name=\"Group 2\"\n                            transform=\"translate(0 12.717)\"\n                          >\n                            <path\n                              id=\"Path_2\"\n                              data-name=\"Path 2\"\n                              d=\"M52.374,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L45.63,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z\"\n                              transform=\"translate(-45.63 -111.51)\"\n                              fill=\"gray\"\n                            />\n                          </g>\n                          <g\n                            id=\"Group_3\"\n                            data-name=\"Group 3\"\n                            transform=\"translate(14.793 12.717)\"\n                          >\n                            <path\n                              id=\"Path_3\"\n                              data-name=\"Path 3\"\n                              d=\"M136.384,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L129.64,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z\"\n                              transform=\"translate(-129.64 -111.51)\"\n                              fill=\"gray\"\n                            />\n                          </g>\n                        </g>\n                      </g>\n                    </svg>\n                    <div\n                      class=\"dateTime\"\n                      [style.color]=\"dateTimeColor ? '' : ''\"\n                    >\n                      <span>{{ \"Loading ...\" }}</span>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"loaderbox\">\n                  <div class=\"loader-pkg\">\n                    <div class=\"loader--dot\"></div>\n                    <div class=\"loader--dot\"></div>\n                    <div class=\"loader--dot\"></div>\n                    <div class=\"loader--dot\"></div>\n                    <div class=\"loader--dot\"></div>\n                    <div class=\"loader--dot\"></div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- <div #chatMain></div> -->\n      <div\n        *ngIf=\"openWorkflowInput && selectedWorkflow && !executingWorkflow\"\n        class=\"chatFooterWrapper\"\n      >\n        <!-- new UI for Chat Message Section by Amit -->\n        <div class=\"chat-footer-upt\">\n          <div class=\"topinfo-containerbox\">\n            <div class=\"agents_note_wrapper\">\n              <div>\n                <h6>{{ selectedWorkflow?.Name }}</h6>\n                {{ selectedWorkflow?.Description }}\n              </div>\n            </div>\n\n            <div class=\"agents_note_wrapper\">\n              <button\n                mat-icon-button\n                class=\"closeButtonSource\"\n                (click)=\"toggleWorkflows(false)\"\n              >\n                <mat-icon>close</mat-icon>\n              </button>\n            </div>\n          </div>\n          <div class=\"bottombox-wrapper\">\n            <!-- here i need to loop through all the input fields selectedWorkflow.Trigger.InputSchema and render the input fields -->\n            <!-- Form for Workflow Inputs -->\n            <form\n              [formGroup]=\"workflowForm\"\n              (ngSubmit)=\"onWorkflowSubmit()\"\n              class=\"form-container\"\n            >\n              <div\n                *ngFor=\"let input of selectedWorkflow?.Trigger?.InputSchema\"\n                class=\"form-group\"\n              >\n                <label>{{ input.Label }}</label>\n\n                <!-- Handle Text Input or Text Area based on requirement -->\n                <textarea\n                  *ngIf=\"input.Type === 'string'\"\n                  formControlName=\"{{ input.InputId }}\"\n                  [placeholder]=\"input.Placeholder\"\n                  [rows]=\"2\"\n                  [required]=\"input.Required\"\n                  class=\"form-control\"\n                ></textarea>\n\n                <!-- Dropdown for Select Options -->\n                <select\n                  *ngIf=\"input.Type === 'select'\"\n                  formControlName=\"{{ input.InputId }}\"\n                  class=\"form-control\"\n                >\n                  <option\n                    *ngFor=\"let option of input.Options\"\n                    [value]=\"option.Value\"\n                  >\n                    {{ option.Label }}\n                  </option>\n                </select>\n              </div>\n\n              <!-- Submit button aligned to the right -->\n              <div class=\"form-group\">\n                <button type=\"submit\" class=\"btn btn-primary submit-button\">\n                  Submit\n                </button>\n              </div>\n            </form>\n          </div>\n        </div>\n\n        <!-- new UI for Chat Message Section by Amit -->\n      </div>\n      <div *ngIf=\"!openWorkflowInput\" class=\"chatFooterWrapper\">\n        <!-- new UI for Chat Message Section by Amit -->\n        <div class=\"chat-footer-upt\">\n          <div class=\"topinfo-containerbox\" *ngIf=\"!checkForCop29BotId()\">\n            <div class=\"agents_note_wrapper\">\n              <div class=\"agents-dropdown-wrapper\">\n                <div class=\"dropdown-wrapper\" (click)=\"toggleDropdown()\">\n                  <div class=\"dropdown-header\">\n                    <span>{{ getDropdownHeaderText() }}</span>\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      width=\"24\"\n                      height=\"24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                      viewBox=\"0 0 24 24\"\n                    >\n                      <path d=\"M19 9l-7 7-7-7\" />\n                    </svg>\n                  </div>\n                  <div class=\"dropdown-menu\" *ngIf=\"isDropdownOpen\">\n                    <label (click)=\"onSelectAll()\">\n                      <input type=\"checkbox\" [checked]=\"areAllSelected()\" />\n                      All\n                    </label>\n                    <label\n                      *ngFor=\"let agent of agents\"\n                      (click)=\"onAgentChange(agent)\"\n                    >\n                      <input type=\"checkbox\" [(ngModel)]=\"agent.selected\" />\n                      {{ agent.agentName }}\n                    </label>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"agents_note_wrapper\">\n              <div class=\"agents-dropdown-wrapper\">\n                <div class=\"dropdown-wrapper\" (click)=\"toggleWorkflows()\">\n                  <div class=\"dropdown-header\">\n                    <svg\n                      stroke=\"currentColor\"\n                      fill=\"currentColor\"\n                      stroke-width=\"0\"\n                      viewBox=\"0 0 256 256\"\n                      class=\"h-5 w-5\"\n                      height=\"1.3em\"\n                      width=\"1.3em\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                    >\n                      <path\n                        d=\"M245.66,74.34l-32-32a8,8,0,0,0-11.32,11.32L220.69,72H192a74.49,74.49,0,0,0-28.35,6.73c-13.62,6.29-30.83,19.71-35.54,48-5.32,31.94-29.1,39.22-41,40.86a40,40,0,1,0,.18,16.06A71.65,71.65,0,0,0,108.13,178C121.75,172,139,158.6,143.89,129.31,150.65,88.77,190.34,88,192,88h28.69l-18.35,18.34a8,8,0,0,0,11.32,11.32l32-32A8,8,0,0,0,245.66,74.34ZM48,200a24,24,0,1,1,24-24A24,24,0,0,1,48,200Z\"\n                      ></path></svg\n                    >&nbsp; Workflows\n                  </div>\n                  <div class=\"dropdown-menu\" *ngIf=\"isWorkflowOpen\">\n                    <label\n                      *ngFor=\"let orgWorkflow of orgWorkflows\"\n                      (click)=\"onWorkflowSelected(orgWorkflow)\"\n                    >\n                      {{ orgWorkflow.Name }}\n                    </label>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"bottombox-wrapper\">\n            <!-- <input [disabled]=\"isChatingWithAi\" type=\"text\" class=\"form-control-1 s27-scroll\"\n                                                          \n                                                          placeholder=\"Ask anything...\" [style.background]=\"formFieldBgColor ? formFieldBgColor : ''\"\n                                                          [style.color]=\"formFieldTextColor ? formFieldTextColor : ''\" [(ngModel)]=\"input\"\n                                                          (keyup.enter)=\"handleSubmit()\" #myInput /> -->\n            <textarea\n              [disabled]=\"isChatingWithAi\"\n              class=\"form-control-1 s27-scroll chat-textarea\"\n              placeholder=\"{{ getTranslation('Ask anything') }}\"\n              [(ngModel)]=\"input\"\n              (keydown)=\"handleKeydown($event)\"\n              (input)=\"adjustTextareaHeight($event)\"\n              #myInput\n            ></textarea>\n\n            <button\n              (click)=\"toggleRecording()\"\n              [disabled]=\"isChatingWithAi\"\n              title=\"{{ isRecording ? 'Stop Recording' : 'Start Recording' }}\"\n              class=\"btn cta-chat mr-1 vj-test\"\n            >\n              <svg\n                *ngIf=\"!isRecording\"\n                stroke=\"currentColor\"\n                fill=\"currentColor\"\n                stroke-width=\"0\"\n                viewBox=\"0 0 512 512\"\n                height=\"1em\"\n                width=\"1em\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <!-- Mic Icon -->\n                <path\n                  d=\"M256 320c53 0 96-43 96-96V96c0-53-43-96-96-96s-96 43-96 96v128c0 53 43 96 96 96zm144-96h-16c0 66.27-52.73 120-120 120s-120-53.73-120-120h-16c-17.67 0-32 14.33-32 32v32c0 53.87 38.13 100.64 91.21 112.27C210.13 457.77 231.58 464 256 464s45.87-6.23 65.79-17.73C374.87 388.64 416 341.87 416 288v-32c0-17.67-14.33-32-32-32z\"\n                ></path>\n              </svg>\n              <svg\n                *ngIf=\"isRecording\"\n                stroke=\"currentColor\"\n                fill=\"currentColor\"\n                stroke-width=\"0\"\n                viewBox=\"0 0 24 24\"\n                height=\"1em\"\n                width=\"1em\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <!-- Square Stop Icon -->\n                <path d=\"M5 5h14v14H5z\"></path>\n              </svg>\n            </button>\n\n            <button\n              class=\"btn cta-chat rotate\"\n              (click)=\"handleSubmit()\"\n              [style.background]=\"sendButtonColor ? sendButtonColor : ''\"\n              [style.color]=\"sendButtonTextColor ? sendButtonTextColor : ''\"\n              title=\"{{ getTranslation('Send Message') }}\"\n            >\n              <svg\n                stroke=\"currentColor\"\n                fill=\"currentColor\"\n                stroke-width=\"0\"\n                viewBox=\"0 0 512 512\"\n                height=\"1em\"\n                width=\"1em\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M476.59 227.05l-.16-.07L49.35 49.84A23.56 23.56 0 0027.14 52 24.65 24.65 0 0016 72.59v113.29a24 24 0 0019.52 23.57l232.93 43.07a4 4 0 010 7.86L35.53 303.45A24 24 0 0016 327v113.31A23.57 23.57 0 0026.59 460a23.94 23.94 0 0013.22 4 24.55 24.55 0 009.52-1.93L476.4 285.94l.19-.09a32 32 0 000-58.8z\"\n                ></path>\n              </svg>\n              <!-- SEND -->\n            </button>\n          </div>\n        </div>\n\n        <!-- new UI for Chat Message Section by Amit -->\n      </div>\n\n      <div class=\"NoteTxt\">\n        <div class=\"note\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"12.882\"\n            height=\"12.883\"\n            viewBox=\"0 0 12.882 12.883\"\n          >\n            <path\n              id=\"Icon_ion-shield-checkmark\"\n              data-name=\"Icon ion-shield-checkmark\"\n              d=\"M15.106,4.532a.46.46,0,0,0-.378-.424A20.132,20.132,0,0,1,8.881,2.291a.46.46,0,0,0-.379,0A20.132,20.132,0,0,1,2.655,4.108a.46.46,0,0,0-.378.424A11.3,11.3,0,0,0,2.98,9.4a10.049,10.049,0,0,0,2.06,3.235A10.516,10.516,0,0,0,8.521,15.1a.46.46,0,0,0,.345,0,10.516,10.516,0,0,0,3.481-2.465A10.049,10.049,0,0,0,14.4,9.4,11.3,11.3,0,0,0,15.106,4.532Zm-3.767,2.16L8.153,10.373a.46.46,0,0,1-.328.159H7.806a.46.46,0,0,1-.322-.131L6.069,9.014a.46.46,0,1,1,.644-.657L7.777,9.4,10.644,6.09a.46.46,0,0,1,.7.6Z\"\n              transform=\"translate(-2.25 -2.25)\"\n              fill=\"#06f\"\n            />\n          </svg>\n\n          <span class=\"text\">{{\n            getTranslation(\n              \"Your personal or company information is kept private and secure\n            within this chat.\"\n            )\n          }}</span>\n        </div>\n      </div>\n    </mat-drawer-content>\n  </mat-drawer>\n  <mat-drawer\n    class=\"drawer edit-boxDrawer\"\n    style=\"width: 45%\"\n    #sourcesDrawer\n    [position]=\"'end'\"\n    [mode]=\"'over'\"\n    [style.background]=\"\n      'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'\n    \"\n  >\n    <mat-drawer-content>\n      <div class=\"sourceDraweContainer\">\n        <div class=\"container-fluid\">\n          <button\n            mat-icon-button\n            class=\"closeButtonSource\"\n            (click)=\"onCloseSource()\"\n          >\n            <mat-icon>close</mat-icon>\n          </button>\n          <h1>{{ currentSourcesList?.length }} Sources</h1>\n          <!-- <p>Tell me about latest news from Mistral about AI agents announcement done this month</p> -->\n          <hr />\n          <ul class=\"sources-list\">\n            <li *ngFor=\"let item of currentSourcesList; let si = index\">\n              <!-- <input type=\"checkbox\" id=\"source1\"> -->\n              <div class=\"source-content\" (click)=\"openLinkInNewTab(item.link)\">\n                <label for=\"source1\">\n                  <span class=\"source-title\"\n                    ><span class=\"ml-1\">{{ si + 1 }}.</span\n                    >{{ item.title }}</span\n                  >\n                  <span class=\"image-container\">\n                    <img\n                      class=\"relative block\"\n                      [src]=\"getFaviconUrl(item.link)\"\n                      [alt]=\"getDomainName(item.link) + ' favicon'\"\n                    />\n                    <span> {{ getDomainName(item.link) }}</span>\n                  </span>\n                  <span class=\"source-description\">{{ item.desc }}</span>\n                </label>\n              </div>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </mat-drawer-content>\n  </mat-drawer>\n  <mat-drawer\n    class=\"drawer edit-boxDrawer\"\n    style=\"width: 45%\"\n    #editorsDrawer\n    [position]=\"'end'\"\n    [mode]=\"'push'\"\n    [style.background]=\"\n      'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'\n    \"\n  >\n    <mat-drawer-content>\n      <lib-bot-html-editor\n        *ngIf=\"isContentLoaded\"\n        [editorContent]=\"currentMessageForEditor\"\n        [isDocInEditMode]=\"isDocInEditMode\"\n        [documentContent]=\"documentContent\"\n        [conversationId]=\"conversationId\"\n        [botId]=\"botId\"\n      ></lib-bot-html-editor>\n    </mat-drawer-content>\n  </mat-drawer>\n</mat-drawer-container>\n\n<div *ngIf=\"showWorkflowExecutionDetails\" class=\"modal\">\n  <div class=\"modal-content\">\n    <div class=\"close-wrapper\">\n      <span class=\"close_pop\" (click)=\"closeModal()\">&times;</span>\n    </div>\n    <div class=\"titleSection\">\n      <!-- Workflow Title -->\n      <h2>{{ workflowExecutionDetails.WorkflowName }}</h2>\n      <!-- Workflow Title -->\n    </div>\n    <!-- Inputs Section -->\n    <div class=\"inputs-section\">\n      <h3>Inputs</h3>\n      <ul>\n        <li\n          *ngFor=\"let input of objectToArray(workflowExecutionDetails.Inputs)\"\n        >\n          {{ input.key }}: {{ input.value }}\n        </li>\n      </ul>\n    </div>\n\n    <!-- Actions Section (Displayed as Timeline) -->\n    <div class=\"actions-section\">\n      <h3>Agent Actions</h3>\n      <div class=\"timeline\">\n        <div\n          *ngFor=\"let action of workflowExecutionDetails.Actions\"\n          class=\"timeline-item\"\n        >\n          <div class=\"timestamp-section\">\n            <h4>{{ action.ActionName || action.Name }}</h4>\n            <p><strong></strong> {{ action.InsertTimeStamp }}</p>\n          </div>\n          <p [innerHTML]=\"processMessageForDisplay(action.Output)\"></p>\n          <!-- <pre>{{ action.Output }}</pre> -->\n        </div>\n      </div>\n    </div>\n\n    <!-- Insert Timestamp -->\n    <div class=\"timestamp-section\">\n      <p>\n        <strong>Inserted At:</strong>\n        {{ workflowExecutionDetails.InsertTimeStamp }}\n      </p>\n    </div>\n  </div>\n</div>\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: ["@import url(\"https://e1cdn.social27.com/digitalevents/liteversion/fonts/segoe-ui/stylesheet.css\");.sticky-header-chat{background:#fff;border-bottom:1px solid #ddd;padding:0 0 10px;position:sticky;top:-21px;transition:all 1s;z-index:100}@media (max-width:768px){.sticky-header-chat{top:0}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#e5ccbc}body{overflow:hidden}.ios-device .drawer .chat-footer .form-control{font-size:16px}.hivegpt-chat-wrapper{background:transparent!important;height:100%;inset:0;opacity:0;position:fixed;visibility:hidden;z-index:999999}.hivegpt-chat-wrapper.mat-drawer-container-has-open{background:transparent!important;opacity:1;transition:all .3s;visibility:visible;z-index:999999}.hivegpt-chat-wrapper .mat-drawer:not(.mat-drawer-side){box-shadow:none}.hivegpt-chat-wrapper mat-drawer{background-color:#fff!important;background-image:none!important;width:100%}.hivegpt-chat-wrapper mat-drawer.full-width-drawer{max-width:100%}.hivegpt-chat-wrapper .mat-drawer-content{display:flex;flex-direction:column}.hivegpt-chat-wrapper .chat-header{padding:16px 40px;width:100%}.hivegpt-chat-wrapper .chat-header h2{font-family:Segoe UI,sans-serif;font-size:36px;font-weight:500;letter-spacing:-.72px;line-height:108%;margin:0;text-transform:uppercase}.hivegpt-chat-wrapper .chat-header .closeIcon{align-items:center;background:transparent;border:none;border-radius:50%;display:inline-flex;font-size:18px;height:35px;justify-content:center;outline:none;padding:0;position:absolute;right:12px;top:16px;width:35px}.hivegpt-chat-wrapper .chat-main{display:flex;flex:1;flex-direction:column;justify-content:space-between;overflow-y:auto;width:100%}.hivegpt-chat-wrapper .chat-main .innerChat{overflow-y:auto;padding:20px 40px 10px;width:100%}.hivegpt-chat-wrapper .chat-main .ai h3{font-size:1.3rem!important}.hivegpt-chat-wrapper .chat-main .chat-box{max-width:96%;width:100%}.hivegpt-chat-wrapper .chat-main .chat-box .message{margin-left:50px;margin-top:10px;min-height:40px;padding:0 20px 0 0;position:relative}@media (max-width:768px){.hivegpt-chat-wrapper .chat-main .chat-box .message{margin-left:0}}.hivegpt-chat-wrapper .chat-main .chat-box .message p{color:#000;color:#525252;font-family:Segoe UI,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:160%;margin:0;text-align:left}.hivegpt-chat-wrapper .chat-main .chat-box .message p a{color:#17235b!important;cursor:pointer!important;font-weight:700;text-decoration:underline}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta{align-items:end;bottom:-7px;display:flow-root;gap:10px;grid-gap:10px;position:relative;right:-10px;z-index:5}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button{background:transparent;border:none;color:#566563;cursor:pointer;padding:0;transition:all .3s}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button i{display:inline-block}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button:hover{color:#17235b}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button.up:hover i{animation:thumbsUpAnimation .5s ease-in-out;animation-fill-mode:forwards}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button.down:hover i{animation:thumbsDownAnimation .5s ease-in-out;animation-fill-mode:forwards}.hivegpt-chat-wrapper .chat-main .chat{margin-bottom:20px}.hivegpt-chat-wrapper .chat-main .chat.user{text-align:right}.hivegpt-chat-wrapper .chat-main .chat.user .chat-box{margin-left:auto}.hivegpt-chat-wrapper .chat-main .chat.user .chat-box .message{background:linear-gradient(96deg,#8b4ead -10.61%,#761c79 84.59%);border-radius:20px 20px 0 20px;color:#fff}.hivegpt-chat-wrapper .chat-main .chat.user .chat-box .message p{color:#fff;text-align:left}.hivegpt-chat-wrapper .chat-main .chat.user .dateTime{text-align:right}.hivegpt-chat-wrapper .chat-main .chat.user .time-cta{justify-content:flex-end}.hivegpt-chat-wrapper .chat-main .chat .Icon_TimeSTamp{align-content:center;align-items:center;display:flex;justify-content:left;margin:0 -60px;width:auto}@media (max-width:768px){.hivegpt-chat-wrapper .chat-main .chat .Icon_TimeSTamp{margin:0}}.hivegpt-chat-wrapper .chat-main .chat .dateTime{color:#333232;font-size:15px;font-style:normal;font-weight:300;line-height:140%}.hivegpt-chat-wrapper .chat-main .chat .dateTime span{color:#06f;font-size:15px;font-style:normal;font-weight:500;line-height:140%;margin-left:15px;margin-right:5px}.hivegpt-chat-wrapper .chat-main .chat:last-of-type{margin-bottom:0}.hivegpt-chat-wrapper .chatFooterWrapper{background:#fff;border:2px solid hsla(0,0%,85.5%,.5882352941176471);border-radius:10px;box-shadow:2px 0 5px #e1e1e1;margin:0 auto 15px;margin-top:10px!important;transition:all .5s;width:75%}.hivegpt-chat-wrapper .chatFooterWrapper:hover{border:2px solid hsla(0,0%,72.2%,.5882352941176471);box-shadow:2px 0 4px #ddd}.hivegpt-chat-wrapper .chatFooterWrapper .chat-footer-upt{padding:4px}.hivegpt-chat-wrapper .chatFooterWrapper .note{align-items:center;background:rgba(27,117,187,.050980392156862744);border-radius:15px;color:#000;display:inline-flex;font-size:12px;gap:8px;line-height:1;margin:0 auto 4px;padding:10px 25px}.hivegpt-chat-wrapper .chatFooterWrapper .note a{text-transform:capitalize}.hivegpt-chat-wrapper .chatFooterWrapper .note i{font-size:18px}.hivegpt-chat-wrapper .chatFooterWrapper .note i svg{height:18px;width:18px}.hivegpt-chat-wrapper .chatFooterWrapper .note span{flex:1;gap:4px;line-height:1.3}.hivegpt-chat-wrapper .chat-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:0;position:relative}.hivegpt-chat-wrapper .chat-footer .form-control{background:#fff!important;border:0;line-height:21px;outline:0;padding:10px;position:relative;width:100%}.hivegpt-chat-wrapper .chat-footer .form-control::-moz-placeholder{color:#6c7a78}.hivegpt-chat-wrapper .chat-footer .form-control::placeholder{color:#6c7a78}.hivegpt-chat-wrapper .chat-footer .form-control:focus{border-color:#e5ccbc}.hivegpt-chat-wrapper .chat-footer .cta-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px;position:absolute;right:15px;text-align:right}.hivegpt-chat-wrapper .chat-footer .cta-footer .btn{color:#000;font-weight:500;gap:8px;max-width:150px;padding:0}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-chat{align-items:center;background:transparent!important;border:none;border-radius:0;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);display:inline-flex;font-size:20px;height:auto;justify-content:center;width:auto}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-chat:hover{opacity:.8}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-again{background:#17235b;border:1px solid #17235b;color:#fff}.hivegpt-chat-wrapper .cta-faqs{align-items:flex-end;display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;margin-left:auto;max-width:80%;padding:10px 0 0}.hivegpt-chat-wrapper .cta-faqs .cta{background:transparent;border:1px solid #c9a893;border-radius:20px 20px 0 20px;color:#333;cursor:pointer;font-family:Segoe UI,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:160%;margin:0;min-height:44px;padding:12px 20px;text-align:left;text-decoration:none;transition:all .3s;white-space:pre-line}.spinner{align-items:center;display:flex;gap:2px;justify-content:center}.spinner>div{animation:bouncedelay 1.4s ease-in-out infinite;animation-fill-mode:both;background-color:#173330;border-radius:100%;display:inline-block;height:5px;width:5px}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.time-cta{align-items:center;display:flex;gap:8px;justify-content:start;margin-top:5px}@keyframes thumbsUpAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes thumbsDownAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (max-width:767px){.hivegpt-chat-wrapper .chat-main .innerChat{padding:0 24px 10px}.hivegpt-chat-wrapper .chat-footer{padding:10px 24px}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-chat{max-width:100%}.hivegpt-chat-wrapper .chat-footer .form-control{height:80px}.hivegpt-chat-wrapper .chat-header .closeIcon{height:28px;right:8px;top:8px;width:28px}.hivegpt-chat-wrapper .chat-header .closeIcon span{font-size:14px}.hivegpt-chat-wrapper .chat-header{padding:10px 24px}.hivegpt-chat-wrapper .chat-header h2{font-size:20px}.cta-faqs{padding:10px 0 0}}.body-overflow-hidden{overflow:hidden}.chat-button{align-items:center;background:#17235b;border:#17235b;border-radius:50%;color:#fff;display:inline-flex;font-size:24px;height:50px;justify-content:center;width:50px}textarea{caret-color:#000}.labelChat{font-size:14px;font-weight:400;margin:0 0 10px}.chatType h4{color:#566563;text-align:center}.chatType ul{align-items:center;background:#fff;border-radius:10px;box-shadow:0 .3px .9px rgba(0,0,0,.12),0 1.6px 3.6px rgba(0,0,0,.16);display:flex;justify-content:center;list-style:none;margin:0 0 20px;padding:4px}.chatType ul li{flex:1}.chatType ul li button{align-items:center;background:#fff;border:none;border-radius:10px;font-weight:600;min-height:48px;padding:.375rem;text-align:center;text-shadow:1px 0 rgba(0,0,0,.2);width:100%}.chatType ul li button.active{background:linear-gradient(96deg,#761c79 -10.61%,#761c79 84.59%);box-shadow:0 1px 2px 0 rgba(16,24,40,.05);color:#fff}.cta_suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:20px}.cta_suggestions button{background:#fff;border:1px solid #174ae4;border-radius:10px;box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.13),0 .3px .9px 0 rgba(0,0,0,.1);color:#1543cd;font-size:14px;font-weight:600;line-height:1.2;padding:8px 12px;position:relative;text-align:left;transition:all .3s}.cta_suggestions button:hover{background:#eff3ff}.balanced .chat-footer .cta-footer .cta-chat,.balanced .chat-main .chat.user .chat-box .message,.balanced .chatType ul li button.active{color:#000}.balanced .chat-main .innerChat .title p span{color:#06f}.balanced mat-drawer{background-image:linear-gradient(180deg,rgba(88,190,251,.05) 60%,rgba(0,102,255,.2) 96.27%)}.balanced .cta_suggestions button:hover{border:1px solid #06f}.precise .chat-footer .cta-footer .cta-chat,.precise .chat-main .chat.user .chat-box .message{background:linear-gradient(96deg,#69ca6d -10.61%,#4caf50 84.59%)}.precise .chatType ul li button.active{background:linear-gradient(96deg,#4caf50 -10.61%,#4caf50 84.59%);color:#fff}.precise .chat-main .innerChat .title p span{color:#4caf50}.precise mat-drawer{background-image:linear-gradient(180deg,rgba(76,175,80,.05) 60%,rgba(76,175,80,.3) 96.27%)}.precise .cta_suggestions button:hover{border:1px solid #4caf50}.title{margin-bottom:20px}.title h2{font-size:22px;margin:0}.title h2 span{align-items:center;color:#000;display:inline-flex;gap:10px}.title h2 i{color:#06f;font-size:30px;line-height:1}.title h2 i svg{height:30px;width:30px}.title p{font-weight:600;margin:0}.title p span{color:#06f}.agenda-items-wrapper{padding-bottom:15px;padding-top:15px}@media (max-width:576px){.list-view .session-detail-wrapper{border:none;flex-direction:column}}.card-background-session{background:#fff;border-radius:8px}.card-background-session .body-text-color{color:#111!important}.card-background-session h2{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:20px;margin-bottom:8px;overflow:hidden}.card-background-session .session-description{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#111!important;display:-webkit-box;font-size:14px;overflow:hidden}.card-background-session .color-secondary{color:#111!important}.card-background-session p{font-size:14px}.list-view .session-detail-wrapper .s27-btn-icon{background:transparent;border:transparent}.list-view .session-detail-wrapper{border-left:3px solid transparent;display:flex;margin-bottom:16px}.thumbnail{align-items:center;display:flex;height:160px;justify-content:center;min-width:160px;position:relative;width:160px}.thumbnail img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}@media (max-width:576px){.thumbnail{height:160px;min-height:unset;width:100%}}.thumbnail .play-btn{align-items:center;background-color:transparent;border:0;bottom:0;display:flex;font-size:60px;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%}.thumbnail .play-btn span{font-size:80px;text-shadow:0 0 14px rgba(74,74,74,.45)}.content{flex-grow:1}.actions{background-color:transparent!important}.speakers{margin-bottom:0;margin-top:10px;padding:0}.speakers li{align-items:unset;display:flex}.speakers li .content{font-size:12px!important}.speakers .image{border-radius:100%;height:40px;min-width:40px;overflow:hidden;width:40px}.speakers img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}.grid-2-cols{display:grid;grid-gap:15px;grid-template-columns:calc(55% - 10px) calc(50% - 10px);padding-right:20px}@media (max-width:768px){.grid-2-cols{grid-template-columns:calc(50% - 10px) calc(50% - 10px)}}@media (max-width:575px){.grid-3-cols{grid-template-columns:100%}}.quick-prompts-extended{align-items:flex-start!important;margin-left:0!important}.border-shape .s27-scroll::-webkit-scrollbar{border-radius:30px;width:3px}.border-shape .s27-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:30px}.border-shape .s27-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:30px}.box{display:table;height:275px;margin:10px 0;width:100%}.tiktokwrapper{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);height:100%}.tiktokwrapper .tiktokshell{background:#3d2b8f;border:2px solid #fff;border-radius:5px;box-shadow:0 0 6px #494949;height:100%;min-height:275px;min-width:160px;position:relative;width:100%}.tiktokwrapper .overlymask{background-image:url(https://e1cdn.social27.com/digitalevents/HiveGpt/screen-overlay.png);background-position:0 0;bottom:0;height:100%;left:0;position:absolute;width:100%;z-index:6}.tiktokwrapper .videoPhotobox{bottom:0;height:272px;left:0;overflow:hidden;position:absolute;width:auto;z-index:6}.tiktokwrapper .videoPhotobox video{-o-object-fit:cover;border-radius:0;cursor:pointer;height:270px;object-fit:cover;outline:0;transition:.3s ease-in-out;width:100%}.tiktokwrapper .videoPhotobox img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}.tiktokwrapper .playBtn{align-items:center;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;left:0;margin:0 auto;position:absolute;right:0;top:105px;transition:all 1s;width:40px;z-index:10}.tiktokwrapper .playBtn:hover{transform:scale(1.2)}.tiktokwrapper .noPhoto{align-items:center;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;left:0;margin:0 auto;position:absolute;right:0;top:105px;transition:all 1s;z-index:6}.tiktokwrapper .noPhoto h3{color:#fff;font-size:46px}.tiktokwrapper .onshell-content{bottom:10px;left:5px;position:absolute;z-index:10}.tiktokwrapper .onshell-content .title-shell{margin:0 10px}.tiktokwrapper .onshell-content h3{color:#fff;font-size:13px;font-weight:500}.tiktokwrapper .onshell-content .companyName{color:#eaeaea;font-size:12px;font-weight:400}.tiktokwrapper .onshell-content .button-shell button{background:#4e4e4e;border:none;border-radius:2px;color:#fff;font-size:11px;margin:0 1px;padding:4px 7px;text-transform:capitalize}.tiktokwrapper .onshell-content .Connectbtn{background:linear-gradient(149deg,#06f,#06f)!important}.skeleton-box{background-color:#dddbdd;display:inline-block;height:1em;overflow:hidden;position:relative}.skeleton-box:after{animation:shimmer 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);z-index:0}@keyframes shimmer{to{transform:translateX(100%)}}.blog-post__headline{font-size:1.25em;font-weight:700}.blog-post__meta{color:#6b6b6b;font-size:.85em}.o-media{display:flex}.o-media__body{flex-grow:1;margin-left:1em}.o-vertical-spacing>*+*{margin-top:.75em}.o-vertical-spacing--l>*+*{margin-top:2em}.copy{background:none;border:none;cursor:pointer;padding:5px;transition:transform .2s ease}.copy.active{transform:scale(1.1)}.copy svg{fill:#566563;height:18px;width:18px}.copyBox{background:#f7f7f7;border-radius:13px;color:#566563;display:flex;float:right;gap:12px;padding:5px 10px;position:relative;width:135px}.copyBox button{background:transparent;border:none;color:#566563;cursor:pointer;padding:0;transition:all .3s}.copyBox button i{display:inline-block}.copyBox button:hover{color:#17235b}.copyBox button.up:hover i{animation:thumbsUpAnimation .5s ease-in-out;animation-fill-mode:forwards}.copyBox button.down:hover i{animation:thumbsDownAnimation .5s ease-in-out;animation-fill-mode:forwards}.din{display:inline-flex}.chatFooterWrapper{align-items:center;background-color:#f5f5f5;border-top:1px solid #ccc;flex-direction:column;justify-content:center}.chat-footer{background:#fff;flex-direction:column;margin-bottom:10px}.chat-footer,.topinfo-containerbox{align-items:center;display:flex;width:100%}.topinfo-containerbox{background:#f9f9f9;border-bottom:1px solid #efefef;justify-content:space-between;margin:0;padding:5px 10px 8px}@media (max-width:768px){.topinfo-containerbox{flex-direction:column}}.agents_note_wrapper{display:flex;justify-content:space-around}.bottombox-wrapper{display:flex;padding:10px;width:100%}.dropdown-wrapper{margin-right:10px;position:relative}.dropdown-header{align-items:center;background:#fff;border:1px solid #ddd;border-radius:48px;color:#414141!important;cursor:pointer;display:flex;font-size:14px;margin-bottom:0;padding:.5rem 1.5rem;white-space:nowrap}.dropdown-header span{margin-right:8px}.dropdown-menu{background-color:#fff;border:1px solid #ededed;border-radius:5px;bottom:100%!important;box-shadow:0 2px 4px rgba(0,0,0,.1);display:block;left:0;margin-bottom:10px;max-height:200px;overflow-y:auto;padding:0;position:absolute;top:auto;width:230px;z-index:1000}.dropdown-menu label{cursor:pointer;display:block;font-size:16px;padding:5px 15px}.dropdown-menu label input{height:16px;width:16px}.dropdown-menu label:hover{background-color:#f0f0f0}.border-shape{flex-grow:1}.form-control-1{border:1px solid #ddd;border-radius:5px;padding:10px;width:100%}.cta-footer,.text-left .note-section{align-items:center;display:flex}.text-left .note-section{background:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-top:10px;max-width:800px;padding:10px;width:100%}.text-left .note{align-items:center;color:#555;display:flex}.text-left .note i{margin-right:8px}.text-left .note .text{font-size:14px}.card-container{display:flex;gap:15px}.custom-card{background:#fffefe;border:1px solid #ddd;border-radius:.25rem;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-bottom:10px;overflow:hidden;width:18rem}.custom-card .card-body{padding:10px}.custom-card .card-title{font-size:1.25rem;font-weight:700}.custom-card .card-text{font-size:1rem;text-align:left}.custom-card .btn-primary{background-color:#007bff;border:none;border-radius:.25rem}.custom-card .card-footer{background-color:#f8f9fa;color:#6c757d;padding:10px;text-align:center}.list-container{list-style:none;padding:0}.list-container li{background:#f5f5f5;border-radius:8px;font-size:13px;margin-bottom:5px;padding:6px 12px}.list-container li:hover{color:#06f;cursor:pointer}.collapsible-container{margin-bottom:5px;overflow:hidden;width:100%}.collapsible-header{cursor:pointer;display:flex;padding:15px}.collapsible-header .header-icon{font-size:20px;margin-right:10px}.collapsible-header .header-title{flex:1;font-size:18px}.collapsible-header .toggle-icon{font-size:18px;margin-left:18px}.collapsible-content{background-color:#f8f9fa;color:#333;padding:15px;width:100%}.collapsible-content.show{display:block}.researchingCard{margin:5px auto}.card-header{background:#eee;border-bottom:0;border-radius:8px 8px 0 0;display:flex!important;padding:8px 15px;width:auto}.icon{font-size:20px;line-height:5px}.rotate{transform:rotate(180deg)}.collapse{display:none}.uptList{background:rgba(245,222,179,.1411764705882353);border-radius:0 0 10px 10px;margin-bottom:20px!important}.list-group-item{color:#0f0f0f;font-size:15px;margin:1px 0;padding:0 18px}.sources-container{align-items:flex-start;display:flex;gap:15px}.source-card{background-color:#f0f3f5;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:15px;position:relative;transition:box-shadow .3s ease;width:100%}.popup{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.2);left:50%;opacity:0;padding:10px;position:absolute;top:100%;transform:translateX(-50%) translateY(-10px);transition:opacity .3s ease,transform .3s ease;visibility:hidden;white-space:normal;width:100%;z-index:10}.popup h5{font-size:14px;font-weight:600;line-height:1.2;margin:5px 0 10px}.popup p{font-size:12px;line-height:1.4;margin:0}.popup h5:hover{color:#007bff;cursor:pointer}.popup .source-url{color:#000;text-decoration:none}.popup .source-url:hover{color:#007bff;cursor:pointer;text-decoration:underline}.source-card:hover .popup{opacity:1;transform:translateX(-50%) translateY(-15px);visibility:visible}.source-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:scale(1.05)}.source-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:14px;font-weight:500;height:55px;line-height:1.5;overflow:hidden;text-align:left;text-overflow:ellipsis}.source-title img{margin-left:10px;width:20px}.source-url{align-items:center;color:#6c757d;display:flex;font-size:12px;text-align:left}.source-url img{border-radius:50%;height:16px;margin-right:5px;width:16px}.sourceDraweContainer .container{background-color:#fff;padding:20px}.sourceDraweContainer .sources-list{list-style:none;padding:0}.sourceDraweContainer .sources-list li{align-items:flex-start;display:flex;margin-bottom:15px}.sourceDraweContainer .sources-list input[type=checkbox]{flex-shrink:0;margin-right:15px;margin-top:8px}.sourceDraweContainer .source-content{background-color:#f5f2f2;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;flex:1;padding:12px}.sourceDraweContainer .source-content:hover{background:#ccc}.sourceDraweContainer .source-title{display:block;font-size:1rem;font-weight:500;height:auto!important;margin-bottom:4px}.sourceDraweContainer .source-description{display:block;font-size:.875rem}.sourceDraweContainer .image-container{align-items:center;display:flex;margin:10px 0}.sourceDraweContainer .image-container img{-o-object-fit:cover;border:1px solid #ddd;border-radius:50%;height:16px;margin-right:5px;object-fit:cover;width:16px}.sourceDraweContainer .image-container span{color:#555;font-size:13px}.closeButtonEditor{border:0;border-radius:100%;height:32px;padding:3px 0 0;position:absolute;right:10px;top:5px;width:32px}.closeButtonSource{background:none!important;border-color:transparent!important;box-shadow:none!important;color:inherit;cursor:pointer;float:right;margin-top:20px;transition:color .2s ease-in-out}.closeButtonSource.closeplaygroundbutton{display:none!important}.graph-img{background:hsla(0,0%,99.6%,.23137254901960785);border-radius:15px;padding:15px;width:90%}.chat-textarea{background-color:#fff;border:none;box-sizing:border-box;font-size:15px;height:30px;line-height:1.5;overflow-y:hidden;padding:10px;resize:none;transition:all 1s;width:100%}.chat-textarea:focus,.chat-textarea:hover{height:60px}.chat-textarea:focus{outline:none}.fixed-btn{background-color:#000;border:none;border-radius:8px 8px 0 0;color:#fff;cursor:pointer;font-size:16px;padding:5px 12px;position:fixed;right:-22px;top:46%;transform:translateY(-50%) rotate(270deg);transform-origin:center;transition:all .5s;z-index:1000000}.fixed-btn:hover{background-color:#5b5b5b}.fixed-btn-close{background-color:#000;border:none;border-radius:8px 8px 0 0;color:#fff;cursor:pointer;font-size:16px;padding:5px 16px;position:fixed;right:549px;top:46%;transform:translateY(-50%) rotate(270deg);transform-origin:center;transition:all .5s;z-index:1000000}.fixed-btn-close:hover{background-color:#5b5b5b}.btn.rotate{transform:rotate(-15deg)}.btn.rotate:hover{transform:rotate(0deg)}.btn.cta-chat{align-items:center;background:#f3f3f3;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;margin:0 auto;padding:5px;text-align:center;transition:all .5s;width:40px}.btn.cta-chat:hover{background:#d7d7d7;color:#666}.btn.cta-chat svg{vertical-align:middle}.chat-footer-upt{padding:4px}.workflowbox{align-items:center;border:1px solid transparent;border-radius:48px;color:#414141!important;cursor:pointer;display:flex;font-size:14px;margin-bottom:0;padding:.5rem 1.5rem;transition:all .5s;white-space:nowrap}.workflowbox:hover{background:#fff;border:1px solid #ddd}.workflowbox svg{margin:0 10px}.edit-boxDrawer{border-left:1px solid #ddd;box-shadow:1px 1px 15px hsla(0,0%,86.7%,.7686274509803922)!important}.edit-boxDrawer mat-drawer-content,ng-deep .edit-boxDrawer mat-drawer-content{margin-left:0!important;margin-right:0!important}.SearchTitle{font-size:16px!important;text-transform:capitalize}.exicution{background:#f9f9f9;margin:30px 0!important;padding:15px 20px}.new-conversationbutton{align-items:center;background:#f5f5f5;border:1px solid #e3e3e3;border-radius:10px;cursor:pointer;display:flex;font-size:14px;justify-content:space-around;padding:6px;position:absolute;right:88px;top:10px;transition:all .5s;width:120px;z-index:1000}.new-conversationbutton:hover{background:#eee}@media (max-width:768px){.new-conversationbutton{align-items:center;font-size:11px!important;padding:0!important;position:fixed!important;right:18px!important;top:56px!important;width:90px!important}}.NoteTxt{margin:0 auto}.NoteTxt .text{margin:0 5px}.form-container{width:100%}.progress-container{align-items:center;display:flex}.circular-loader{border:4px solid rgba(0,0,0,.1);border-radius:50%;box-sizing:border-box;height:50px;position:relative;width:50px}.loader-spinner{animation:rotate-loader 1s linear infinite;border:2px solid #2196f3;border-radius:50%;border-top-color:transparent;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;width:100%}.loader-text{color:#333;font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loader-label{color:#333;font-size:16px;margin-left:20px}.checkmark{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.checkmark-circle{animation:stroke .6s ease-in-out forwards;stroke:#4caf50;stroke-dasharray:166;stroke-dashoffset:166;stroke-width:4}.checkmark-check{animation:stroke-check .4s ease-in-out .4s forwards;stroke:#4caf50;stroke-dasharray:48;stroke-dashoffset:48;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes stroke-check{to{stroke-dashoffset:0}}@keyframes rotate-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes checkmark-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.circular-loader.completed .loader-spinner{animation:none;transform:rotate(1turn)}.icon-button{background-color:transparent;border:none;color:#333;cursor:pointer;font-size:24px}.icon-button:focus{outline:none}.icon-button:hover{color:#007bff}.modal{background-color:rgba(0,0,0,.4);display:block;height:100%;left:0;padding-top:0;position:fixed;top:0;width:100%;z-index:1000001}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);height:600px;margin:5% auto;padding:20px;position:relative;width:82%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.SearchTitle.user{font-size:30px!important;text-transform:none!important}.SearchTitle.user h2,.SearchTitle.user p{font-size:1.7rem!important}.title_chat{display:flex;margin:0;padding:0}.title_chat h2{align-items:center;display:flex;font-size:20px;gap:10px;margin:10px 0}@media (max-width:768px){.title_chat h2{align-items:start;flex-direction:column;font-size:16px}}.small-title{font-size:12px;margin:2px 0}.titleSection{margin:0}.titleSection h2{color:#000;font-size:20px;margin:0}.inputs-section{background-color:#f7f7f7;border-radius:5px;margin:0 0 10px;padding:10px 15px 0}.inputs-section h3{font-size:16px}.actions-section{background-color:#f9f9f9;border-radius:5px;height:500px;margin-bottom:20px;overflow-y:auto;padding:15px}.timeline{margin-bottom:20px;padding-left:40px;position:relative}.timeline:before{border-right:2px dashed #cecece;content:\"\";height:100%;left:19px;position:absolute}.timeline-item{margin-bottom:20px;position:relative}.timeline-item:before{background-color:#007bff;border-radius:50%;content:\"\";height:20px;left:-30px;position:absolute;top:0;width:20px;z-index:1}.timeline-item h4{color:#000;font-size:16px;font-weight:700;margin:0}.timeline-item pre{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:10px;white-space:pre-wrap}.timestamp-section{color:#666;font-style:normal;justify-content:space-between}.mic-btn{background-color:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5em;padding:10px}.mic-btn:active{background-color:#f66}.actions-section h3{font-size:16px}.close-wrapper{display:flex;justify-content:right;position:absolute;right:22px;top:0;width:100%}.close_pop{color:#aaa;cursor:pointer;font-size:30px;font-weight:400;justify-content:center}.close_pop,.user-Box{align-items:center;display:flex}.bards{position:absolute;right:0;top:20px}::ng-deep .code-container{margin:20px 0;position:relative}::ng-deep .copy-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;position:absolute;right:10px;top:10px}::ng-deep .copy-button:hover{background-color:#0056b3}::ng-deep .code_block.diff{background-color:#f8f8f8;border-left:4px solid #ccc;overflow:auto;padding:10px}::ng-deep .heading003{color:#06f;font-size:20px;font-weight:700}::ng-deep .listing{list-style:decimal;margin:0 25px;padding:0}.line{background-color:#e8e8e8;border-radius:15px;display:inline-block;height:15px;width:15px}.load-2 .line:last-child{animation:loadingB 1.5s 1s infinite;margin:5px 0}.load-2 .line:nth-last-child(2){animation:loadingB 1.5s .5s infinite;margin:5px 0}.load-2 .line:nth-last-child(3){animation:loadingB 1.5s 0s infinite;margin:5px 0}.load-1 .line:last-child{animation:loadingA 1.5s 1.2s infinite;margin:5px 0}.load-1 .line:nth-last-child(2){animation:loadingA 1.5s .8s infinite;margin:5px 0}.load-1 .line:nth-last-child(3){animation:loadingA 1.5s .2s infinite;margin:5px 0}@keyframes loadingB{0%{width:65px}50%{width:235px}to{width:65px}}@keyframes loadingA{0%{width:45px}50%{width:205px}to{width:45px}}.loaderbox{height:60px;margin:10px 0;position:relative}.loader-pkg{bottom:0;left:0;margin:0;top:0;width:250px}.loader--dot,.loader-pkg{height:20px;position:absolute}.loader--dot{animation-duration:3s;animation-iteration-count:infinite;animation-name:loader;animation-timing-function:ease-in-out;background-color:#1a6774;border-radius:100%;width:20px}.loader--dot:first-child{animation-delay:.5s;background-color:#618e93}.loader--dot:nth-child(5){animation-delay:.4s;background-color:#3fb0c3}.loader--dot:nth-child(4){animation-delay:.3s;background-color:#40b8cd}.loader--dot:nth-child(3){animation-delay:.2s;background-color:#ec8828}.loader--dot:nth-child(2){animation-delay:.1s;background-color:#fdc25d}.loader--dot:first-child{animation-delay:0s;background-color:#f4e3be}.loader--text{left:0;margin:0;position:absolute;top:200%;width:4rem}.loader--text:after{animation-duration:3s;animation-iteration-count:infinite;animation-name:loading-text;content:\"Loading\";font-weight:700}@keyframes loader{15%{transform:translateX(230px)}45%{transform:translateX(0)}65%{transform:translateX(230px)}95%{transform:translateX(0)}}@keyframes loading-text{0%{content:\"Loading\"}25%{content:\"Loading.\"}50%{content:\"Loading..\"}75%{content:\"Loading...\"}}::ng-deep .loaderbox{height:60px;margin:10px 0;position:relative}::ng-deep .loader-pkg{bottom:0;height:20px;left:0;margin:0;position:absolute;top:0;width:250px}::ng-deep .loader--dot{animation-duration:3s;animation-iteration-count:infinite;animation-name:loader;animation-timing-function:ease-in-out;background-color:#1a6774;border-radius:100%;height:20px;position:absolute;width:20px}::ng-deep .loader--dot:first-child{animation-delay:.5s;background-color:#618e93}::ng-deep .loader--dot:nth-child(5){animation-delay:.4s;background-color:#3fb0c3}::ng-deep .loader--dot:nth-child(4){animation-delay:.3s;background-color:#40b8cd}::ng-deep .loader--dot:nth-child(3){animation-delay:.2s;background-color:#ec8828}::ng-deep .loader--dot:nth-child(2){animation-delay:.1s;background-color:#fdc25d}::ng-deep .loader--dot:first-child{animation-delay:0s;background-color:#f4e3be}::ng-deep .loader--text{left:0;margin:0;position:absolute;top:200%;width:4rem}::ng-deep .loader--text:after{animation-duration:3s;animation-iteration-count:infinite;animation-name:loading-text;content:\"Loading\";font-weight:700}.agents-popwindowbox{background:#fff;padding:10px;width:100%}.agents-popwindowbox h3{color:#000;font-size:15px}.dropdown-menu-agents{background-color:#fff;border:1px solid #ededed;border-radius:5px;bottom:100%!important;box-shadow:0 2px 4px rgba(0,0,0,.1);display:block;left:0;margin-bottom:10px;padding:0;position:absolute;top:auto;width:270px;z-index:1000}.dropdown-menu-agents .scrollerbox{display:flex;flex:fit-content;flex-direction:column;height:215px;overflow-y:auto}.dropdown-menu-agents label{align-items:center;background:#f9f9f9;border-radius:2px;cursor:pointer;display:flex;font-size:13px;justify-content:start;line-height:16px;margin:2px 0;padding:7px}.dropdown-menu-agents label:hover{background:#ebebeb}.dropdown-menu-agents label input{opacity:0;position:absolute}.dropdown-menu-agents .input-check{border:2px solid #ccc;border-radius:4px;display:inline-block;height:23px;margin-right:5px;position:relative;top:0;transition:.5s;width:25px}.dropdown-menu-agents label input:checked~.input-check{animation:animate .7s ease;background:#06f;border-color:#06f}@keyframes animate{0%{transform:scale(1)}40%{transform:scale(1.3,.7)}55%{transform:scale(1)}70%{transform:scale(1.2,.8)}80%{transform:scale(1)}90%{transform:scale(1.1,.9)}to{transform:scale(1)}}.dropdown-menu-agents .input-check:before{border-bottom:3px solid #fff;border-left:3px solid #fff;content:\"\";height:6px;left:4px;position:absolute;top:6px;transform:scale(0) rotate(-45deg);transition:.5s;width:15px}.dropdown-menu-agents label input:checked~.input-check:before{transform:scale(1) rotate(-45deg)}::ng-deep .h1,::ng-deep h1{font-size:1.165rem}::ng-deep .h2,::ng-deep .h3,::ng-deep h2,::ng-deep h3{font-size:1.125rem}::ng-deep b,::ng-deep strong{font-weight:600}@media (max-width:768px){.note{line-height:15px;margin:0 auto;padding:3px 0 10px;width:90%}}.show-hover{display:none}.chat.bot:hover .show-hover{display:flex!important}"]
+                },] }
+    ];
+    ChatDrawerComponent.ctorParameters = function () { return [
+        { type: forms.FormBuilder },
+        { type: BotsService },
+        { type: i0.ChangeDetectorRef },
+        { type: i1.HttpClient },
+        { type: platformBrowser.DomSanitizer },
+        { type: i0.ElementRef },
+        { type: i0.Renderer2 },
+        { type: SocketService },
+        { type: ConversationService },
+        { type: TranslationService }
+    ]; };
+    ChatDrawerComponent.propDecorators = {
+        chatMain: [{ type: i0.ViewChild, args: ['chatMain',] }],
+        myInput: [{ type: i0.ViewChild, args: ['myInput',] }],
+        closePlaygroundButtons: [{ type: i0.ViewChildren, args: ['closeplaygroundbutton',] }],
+        drawer: [{ type: i0.ViewChild, args: ['drawer',] }],
+        sourcesDrawer: [{ type: i0.ViewChild, args: ['sourcesDrawer',] }],
+        editorsDrawer: [{ type: i0.ViewChild, args: ['editorsDrawer',] }],
+        myTextarea: [{ type: i0.ViewChild, args: ['myTextarea', { static: false },] }],
+        copilotName: [{ type: i0.Input }],
+        firstName: [{ type: i0.Input }],
+        lastName: [{ type: i0.Input }],
+        apiKey: [{ type: i0.Input }],
+        bgBubbleAi: [{ type: i0.Input }],
+        bgBubbleUser: [{ type: i0.Input }],
+        bgGradient: [{ type: i0.Input }],
+        botName: [{ type: i0.Input }],
+        botSkills: [{ type: i0.Input }],
+        botId: [{ type: i0.Input }],
+        orgId: [{ type: i0.Input }],
+        closeButtonColor: [{ type: i0.Input }],
+        closeButtonbgColor: [{ type: i0.Input }],
+        credentials: [{ type: i0.Input }],
+        dateTimeColor: [{ type: i0.Input }],
+        dateTextColor: [{ type: i0.Input }],
+        eventId: [{ type: i0.Input }],
+        s27Token: [{ type: i0.Input }],
+        eventName: [{ type: i0.Input }],
+        botIcon: [{ type: i0.Input }],
+        formFieldBgColor: [{ type: i0.Input }],
+        formFieldTextColor: [{ type: i0.Input }],
+        fullView: [{ type: i0.Input }],
+        gradientColors: [{ type: i0.Input }],
+        greeting: [{ type: i0.Input }],
+        messageTextColorAi: [{ type: i0.Input }],
+        messageTextColorUser: [{ type: i0.Input }],
+        rules: [{ type: i0.Input }],
+        sendButtonColor: [{ type: i0.Input }],
+        sendButtonTextColor: [{ type: i0.Input }],
+        showClose: [{ type: i0.Input }],
+        thumbsDownMessages: [{ type: i0.Input }],
+        thumbsUpMessage: [{ type: i0.Input }],
+        timezone: [{ type: i0.Input }],
+        unknownResponses: [{ type: i0.Input }],
+        useOpenAi: [{ type: i0.Input }],
+        userId: [{ type: i0.Input }],
+        isDev: [{ type: i0.Input }],
+        againButtonColor: [{ type: i0.Input }],
+        againButtonTextColor: [{ type: i0.Input }],
+        feedbackEvent: [{ type: i0.Output }],
+        onCloseEvent: [{ type: i0.Output }],
+        openPage: [{ type: i0.Output }],
+        sessionActions: [{ type: i0.Output }],
+        closeBot: [{ type: i0.Output }],
+        connectWithUser: [{ type: i0.Output }],
+        scheduleMeeting: [{ type: i0.Output }],
+        refreshToken: [{ type: i0.Output }],
+        openSupport: [{ type: i0.Output }]
+    };
+
+    var ChatBotComponent = /** @class */ (function () {
+        function ChatBotComponent() {
+            this.visible = false;
+        }
+        ChatBotComponent.prototype.toggle = function () {
+            this.visible = !this.visible;
+        };
+        return ChatBotComponent;
+    }());
+    ChatBotComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'hivegpt-chatbot',
+                    template: "<button mat-icon-button class=\"chat-button\" color=\"primary\" (click)=\"toggle()\">\n  <mat-icon>chat</mat-icon>\n</button>\n\n<ng-container *ngIf=\"visible\">\n  <hivegpt-chat-drawer\n  [apiKey]=\"apiKey\"\n  [bgBubbleAi]=\"bgBubbleAi\"\n  [bgBubbleUser]=\"bgBubbleUser\"\n  [bgGradient]=\"bgGradient\"\n  [botName]=\"botName\"\n  [closeButtonbgColor]=\"closeButtonbgColor\"\n  [closeButtonColor]=\"closeButtonColor\"\n  [credentials]=\"credentials\"\n  [dateTextColor]=\"dateTextColor\"\n  [dateTimeColor]=\"dateTimeColor\"\n  [eventId]=\"eventId\"\n  [eventName]=\"eventName\"\n  [formFieldBgColor]=\"formFieldBgColor\"\n  [formFieldTextColor]=\"formFieldTextColor\"\n  [fullView]=\"fullView\"\n  [greeting]=\"greeting\"\n  [gradientColors]=\"gradientColors\"\n  [messageTextColorAi]=\"messageTextColorAi\"\n  [messageTextColorUser]=\"messageTextColorUser\"\n  [sendButtonColor]=\"sendButtonColor\"\n  [sendButtonTextColor]=\"sendButtonTextColor\"\n  [showClose]=\"showClose\"\n  [thumbsDownMessages]=\"thumbsDownMessages\"\n  [thumbsUpMessage]=\"thumbsUpMessage\"\n  [unknownResponses]=\"unknownResponses\"\n  [useOpenAi]=\"useOpenAi\"\n  [userId]=\"userId\"\n  [botId]=\"botId\"\n  >\n  </hivegpt-chat-drawer>\n</ng-container>\n",
+                    styles: ["::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#e5ccbc}.spinner{align-items:center;display:flex;gap:2px;justify-content:center}.spinner>div{animation:bouncedelay 1.4s ease-in-out infinite;animation-fill-mode:both;background-color:#173330;border-radius:100%;display:inline-block;height:5px;width:5px}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.chat-button{align-items:center;background:#17235b;border:#17235b;border-radius:50%;bottom:20px;color:#fff;display:inline-flex;font-size:24px;height:50px;justify-content:center;position:fixed;right:20px;width:50px}"]
+                },] }
+    ];
+    ChatBotComponent.propDecorators = {
+        userId: [{ type: i0.Input }],
+        apiKey: [{ type: i0.Input }],
+        botName: [{ type: i0.Input }],
+        botSkills: [{ type: i0.Input }],
+        botId: [{ type: i0.Input }],
+        closeButtonColor: [{ type: i0.Input }],
+        gradientColors: [{ type: i0.Input }],
+        greeting: [{ type: i0.Input }],
+        sendButtonColor: [{ type: i0.Input }],
+        useOpenAi: [{ type: i0.Input }],
+        showClose: [{ type: i0.Input }],
+        bgGradient: [{ type: i0.Input }],
+        sendButtonTextColor: [{ type: i0.Input }],
+        fullView: [{ type: i0.Input }],
+        bgBubbleAi: [{ type: i0.Input }],
+        bgBubbleUser: [{ type: i0.Input }],
+        closeButtonbgColor: [{ type: i0.Input }],
+        messageTextColorAi: [{ type: i0.Input }],
+        messageTextColorUser: [{ type: i0.Input }],
+        dateTimeColor: [{ type: i0.Input }],
+        dateTextColor: [{ type: i0.Input }],
+        formFieldBgColor: [{ type: i0.Input }],
+        formFieldTextColor: [{ type: i0.Input }],
+        thumbsUpMessage: [{ type: i0.Input }],
+        thumbsDownMessages: [{ type: i0.Input }],
+        timezone: [{ type: i0.Input }],
+        eventName: [{ type: i0.Input }],
+        credentials: [{ type: i0.Input }],
+        unknownResponses: [{ type: i0.Input }],
+        rules: [{ type: i0.Input }],
+        eventId: [{ type: i0.Input }]
+    };
+
+    var SafeHtmlPipe = /** @class */ (function () {
+        function SafeHtmlPipe(sanitizer) {
+            this.sanitizer = sanitizer;
+        }
+        SafeHtmlPipe.prototype.transform = function (html) {
+            return html ? this.sanitizer.bypassSecurityTrustHtml(html) : '';
+        };
+        return SafeHtmlPipe;
+    }());
+    SafeHtmlPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'safeHtml',
+                },] }
+    ];
+    SafeHtmlPipe.ctorParameters = function () { return [
+        { type: platformBrowser.DomSanitizer }
+    ]; };
+
+    var VideoPlayerComponent = /** @class */ (function () {
+        function VideoPlayerComponent(doc, el, cdr) {
+            this.doc = doc;
+            this.el = el;
+            this.cdr = cdr;
+            this.isMuted = true;
+            this.isFullscreen = false;
+            this.isFullscreenvideoPlaying = false;
+            this.connectWithUser = new i0.EventEmitter();
+            this.scheduleMeeting = new i0.EventEmitter();
+        }
+        VideoPlayerComponent.prototype.ngOnInit = function () {
+        };
+        VideoPlayerComponent.prototype.toggleSound = function (isMuted) {
+            var _this = this;
+            if (isMuted === void 0) { isMuted = null; }
+            this.isMuted = isMuted != null ? isMuted : !this.isMuted;
+            setTimeout(function () {
+                var video = _this.doc
+                    .getElementById(_this.video.id.toString());
+                if (video) {
+                    video.muted = _this.isMuted;
+                    _this.video.isMuted = _this.isMuted;
+                }
+                _this.cdr.markForCheck();
+                //this.muteToggle.emit(this.isMuted);
+            });
+        };
+        VideoPlayerComponent.prototype.togglePlay = function (playState, videoEl) {
+            var _this = this;
+            this.videoObj.isPlaying = !this.videoObj.isPlaying;
+            setTimeout(function () {
+                if (playState) {
+                    _this.videoObj.isPlaying = true;
+                    videoEl.play();
+                    var pauseBtn = document.getElementById('pause-btn');
+                    pauseBtn.classList.add('hide-pause-btn');
+                    _this.toggleSound(false);
+                }
+                else {
+                    _this.videoObj.isPlaying = false;
+                    videoEl.pause();
+                }
+                _this.cdr.markForCheck();
+            });
+        };
+        VideoPlayerComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            if (window.innerWidth <= 576) {
+                this.observer = new IntersectionObserver(function (entries) {
+                    if (entries[0].isIntersecting === true) {
+                        _this.video.nativeElement.play();
+                    }
+                    else {
+                        _this.video.nativeElement.pause();
+                    }
+                }, {
+                    threshold: 0.75,
+                });
+                this.observer.observe(this.el.nativeElement);
+            }
+        };
+        VideoPlayerComponent.prototype.toggleFullscreen = function () {
+            this.isFullscreen = !this.isFullscreen;
+            if (!this.isFullscreen) {
+                this.fullscreenvideo.nativeElement.pause();
+            }
+        };
+        VideoPlayerComponent.prototype.toggleFullscreenPlay = function () {
+            this.isFullscreenvideoPlaying = !this.isFullscreenvideoPlaying;
+            if (this.isFullscreenvideoPlaying) {
+                this.fullscreenvideo.nativeElement.play();
+            }
+            else {
+                this.fullscreenvideo.nativeElement.pause();
+            }
+        };
+        VideoPlayerComponent.prototype.followUser = function (userId) {
+            this.connectWithUser.emit(userId);
+        };
+        VideoPlayerComponent.prototype.checkPendingSentRequest = function (userId) {
+            var _a;
+            return (_a = this.myPendingSentRequests) === null || _a === void 0 ? void 0 : _a.find(function (a) { return a == userId; });
+        };
+        VideoPlayerComponent.prototype.canUnfollowUser = function () {
+            return false;
+        };
+        VideoPlayerComponent.prototype.canFollowUser = function () {
+            return true;
+        };
+        VideoPlayerComponent.prototype.getIniNames = function (firstName, lastName) {
+            if (!firstName && !lastName) {
+                return '';
+            }
+            if (firstName && lastName)
+                return (firstName.charAt(0).toUpperCase() + lastName.charAt(0).toUpperCase());
+            else
+                return firstName.charAt(0).toUpperCase();
+        };
+        return VideoPlayerComponent;
+    }());
+    VideoPlayerComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'app-video-player',
+                    template: "<div class=\"video-wrapper\" >\n  <div class=\"overlymask-video\"></div>\n  <video (click)=\"toggleFullscreen()\" #video [loop]=\"true\" [muted]=\"isMuted\" [src]=\"videoObj.processedUrls || videoObj.url\" playsinline\n    [controls]=\"false\"></video>\n    <div class=\"main-controls\" [class.no-opacity]=\"video.isPlaying\">\n      <button mat-icon-button  *ngIf=\"!videoObj.isPlaying\"\n      attr.aria-label=\"Play Video\"\n      title=\"Play Video\" class=\"play-pause-btn\"\n      (click)=\"togglePlay(true, video)\">\n      <!-- <mat-icon alt=\"Play\">play_arrow</mat-icon> -->\n      <span class=\"material-icons notranslate  \" aria-hidden=\"true\">play_circle_outline</span>\n    </button>\n\n    <button mat-icon-button id=\"pause-btn\" [hidden]=\"!videoObj.isPlaying\" class=\"pause_btn play-pause-btn playing\"\n      title=\"Pause Video\"\n      [class.half-opacity]=\"video.isPlaying\" (click)=\"togglePlay(false, video)\">\n      <!-- <mat-icon alt=\"Pause\">pause</mat-icon> -->\n      <span class=\"material-icons notranslate  \" aria-hidden=\"true\">pause_circle_outline</span>\n    </button>\n    </div>\n  <div class=\"video-actions\">\n    <button class=\"button-trasparent action\" (click)=\"toggleSound()\" title=\"Mute\" *ngIf=\"isMuted\">\n      <span class=\"material-icons notranslate  \" aria-hidden=\"true\">volume_off</span>\n    </button>\n    <button class=\"button-trasparent action\" (click)=\"toggleSound()\" title=\"Unmute\" *ngIf=\"!isMuted\">\n      <span class=\"material-icons notranslate  \" aria-hidden=\"true\">volume_up</span>\n    </button>\n\n  </div>\n</div>\n\n<div class=\"full-screen\" *ngIf=\"isFullscreen\" [ngClass]=\"{'show': isFullscreen}\">\n  <div class=\"video-wrapper\">\n    <video #fullscreenvideo (click)=\"toggleFullscreenPlay()\" [loop]=\"true\" [muted]=\"isMuted\" [src]=\"videoObj.processedUrls || videoObj.url\"\n      playsinline [controls]=\"false\"></video>\n      <div (click)=\"toggleFullscreen()\" class=\"close-btn\">\n        <span class=\"material-icons notranslate  \">clear</span>\n      </div>\n    <div class=\"video-actions\">\n      <button  *ngIf=\"!video.isPlaying\" title=\"Play\"\n      class=\"material-icons notranslate   body-text-color fs-h2 play position-absolute transparent-btn\" (click)=\"togglePlay(true, video)\">\n      play_circle_outline\n    </button>\n    <button id=\"pause-btn\" [hidden]=\"!videoObj.isPlaying\" title=\"Pause\"\n      class=\"pause_btn material-icons body-text-color fs-h2 play position-absolute transparent-btn\"\n      [class.half-opacity]=\"video.isPlaying\" (click)=\"togglePlay(false, video)\">\n      pause_circle_outline\n    </button>\n    </div>\n  </div>\n</div>\n",
+                    styles: [".video-wrapper{position:relative}.video-wrapper video{-o-object-fit:cover;border-radius:5px;cursor:pointer;height:330px;object-fit:cover;outline:0;transition:.3s ease-in-out;width:100%}.video-wrapper .video-actions{display:flex;flex-direction:column;position:absolute;right:10px;top:10px}.video-wrapper .video-actions .action{color:#fff;cursor:pointer;margin-bottom:5px}.video-wrapper .author-details{bottom:18px;display:flex;flex-direction:column;justify-content:flex-start;left:12px;position:absolute;right:12px;transition:.3s ease-in-out}.video-wrapper .author-details .author-image{border-radius:50%;height:34px;margin-right:6px;overflow:hidden;width:34px}.video-wrapper .author-details .author-image img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}.video-wrapper .author-details .author-name,.video-wrapper .author-details .video-title{color:#fff;display:block;font-size:14px;mix-blend-mode:hard-light}.video-wrapper .connect-btn{bottom:20px;opacity:0;outline:0;position:absolute;text-align:center;transition:.3s ease-in-out;width:100%}@media only screen and (max-width:576px){.video-wrapper .connect-btn{opacity:1;right:20px;width:unset}}.video-wrapper .connect-btn button{margin:auto}.video-wrapper:hover .author-details{opacity:0}@media only screen and (max-width:576px){.video-wrapper:hover .author-details{opacity:1}}.video-wrapper:hover .connect-btn{opacity:1}.video-wrapper .half-opacity{opacity:.2}.video-wrapper .no-opacity{background-color:transparent}.like-btn{margin-bottom:20px;text-align:center;transition:.2s ease-in-out}.like-btn .count{font-size:16px;margin-left:3px}.like-btn span{cursor:pointer;font-size:30px}.like-btn:hover{transform:scale(1.1)}.like-btn.like{color:#025be7}.like-btn.dislike{color:#8d8d8d}.like-btn.info{color:#aeae3f}.full-screen.show{align-items:center;background:rgba(27,26,26,.9607843137254902);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.full-screen.show .video-wrapper video{height:270px;transform:none!important;transition:none;width:300px}.full-screen .close-btn{cursor:pointer;left:10px;position:absolute;top:10px}.full-screen .close-btn span{color:#fff}.main-controls{background-color:rgba(0,0,0,.3);bottom:0;left:0;right:0;top:0}.main-controls,.main-controls .play-pause-btn{align-items:center;display:flex;justify-content:center;position:absolute}.main-controls .play-pause-btn{background:none;border:none;color:#fff;line-height:0;top:34%}.main-controls .play-pause-btn.playing{cursor:pointer;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%)}.main-controls .play-pause-btn.playing span{color:#fff;text-shadow:0 0 6px rgba(47,47,47,.36)}.main-controls .play-pause-btn:focus{outline:none}.main-controls .play-pause-btn .material-icons{font-size:40px}.main-controls .play-pause-btn .mat-icon{height:auto;width:auto}.main-controls .half-opacity{opacity:.2}.main-controls .no-opacity{background-color:transparent}button.transparent-btn{background:transparent;border:0!important}.pause_btn{height:100%;opacity:.02!important;width:100%}.pause_btn:hover{background-color:rgba(0,0,0,.7411764705882353);opacity:1!important}.hide-pause-btn{opacity:0!important}.no-photo{align-items:center;display:flex;font-size:14px;height:35px;justify-content:center;width:35px}.overlymask-video{background-image:linear-gradient(hsla(0,0%,100%,.058823529411764705),rgba(0,0,0,.1803921568627451));background-position:0 bottom;height:275px;position:absolute;width:100%;z-index:0}"]
+                },] }
+    ];
+    VideoPlayerComponent.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: i0.Inject, args: [common.DOCUMENT,] }] },
+        { type: i0.ElementRef },
+        { type: i0.ChangeDetectorRef }
+    ]; };
+    VideoPlayerComponent.propDecorators = {
+        currentUserId: [{ type: i0.Input }],
+        user: [{ type: i0.Input }],
+        eventId: [{ type: i0.Input }],
+        videoObj: [{ type: i0.Input }],
+        isDev: [{ type: i0.Input }],
+        type: [{ type: i0.Input }],
+        video: [{ type: i0.ViewChild, args: ['video',] }],
+        fullscreenvideo: [{ type: i0.ViewChild, args: ['fullscreenvideo',] }],
+        connectWithUser: [{ type: i0.Output }],
+        scheduleMeeting: [{ type: i0.Output }]
+    };
+
+    var BotHtmlEditorComponent = /** @class */ (function () {
+        function BotHtmlEditorComponent(cdr, http) {
+            this.cdr = cdr;
+            this.http = http;
+            this.documentName = 'doc name';
+            this.quillConfig = {
+                toolbar: [
+                    [{ header: '1' }, { header: '2' }, { font: [] }],
+                    [{ list: 'ordered' }, { list: 'bullet' }],
+                    ['bold', 'italic', 'underline'],
+                    ['link'],
+                    ['clean'],
+                ],
+            };
+        }
+        BotHtmlEditorComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.environment = prod_environment;
+            setTimeout(function () {
+                if (_this.isDocInEditMode) {
+                    console.log('In Edit mode');
+                    _this.filldataInForm();
+                }
+                else {
+                    console.log('In save mode');
+                }
+            }, 2500);
+        };
+        BotHtmlEditorComponent.prototype.filldataInForm = function () {
+            var _a, _b;
+            if (this.documentContent) {
+                this.documentName = (_a = this.documentContent) === null || _a === void 0 ? void 0 : _a.name;
+                this.editorContent = (_b = this.documentContent) === null || _b === void 0 ? void 0 : _b.content;
+                this.cdr.detectChanges();
+            }
+        };
+        BotHtmlEditorComponent.prototype.saveContent = function () {
+            if (!this.isDocInEditMode) {
+                this.saveContent_http().subscribe();
+            }
+            else {
+                this.saveContent_http().subscribe();
+            }
+        };
+        BotHtmlEditorComponent.prototype.saveContent_http = function () {
+            var _this = this;
+            console.log('API call function');
+            var url = this.environment.AGENTS_API + "/ConversationDocuments?conversationId=" + this.conversationId + "&botId=" + this.botId;
+            var headers = new i1.HttpHeaders({
+                'Content-Type': 'application/json',
+                apiKey: 'WIz/qAm+EEmfOkFaUA/weA==',
+            });
+            var data = {
+                name: this.documentName,
+                content: this.editorContent,
+            };
+            return this.http.post(url, data, { headers: headers }).pipe(operators.switchMap(function (res) {
+                if (res) {
+                    //  alert('Saved Successfully');
+                }
+                _this.cdr.markForCheck();
+                return rxjs.of(res);
+            }), operators.catchError(function (error) {
+                console.error('Error fetching chatbot config: ', error);
+                return rxjs.of(null);
+            }));
+        };
+        BotHtmlEditorComponent.prototype.updateContent_http = function () {
+            var _this = this;
+            console.log('API call function');
+            var url = this.environment.AGENTS_API + "/ConversationDocuments/rename?conversationId=" + this.conversationId + "&botId=" + this.botId;
+            var headers = new i1.HttpHeaders({
+                'Content-Type': 'application/json',
+                apiKey: 'WIz/qAm+EEmfOkFaUA/weA==',
+            });
+            var data = {
+                name: this.documentName,
+                content: this.editorContent,
+            };
+            return this.http.put(url, data, { headers: headers }).pipe(operators.switchMap(function (res) {
+                if (res) {
+                    // alert('Updated Successfully');
+                }
+                _this.cdr.markForCheck();
+                return rxjs.of(res);
+            }), operators.catchError(function (error) {
+                console.error('Error fetching chatbot config: ', error);
+                return rxjs.of(null);
+            }));
+        };
+        return BotHtmlEditorComponent;
+    }());
+    BotHtmlEditorComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'lib-bot-html-editor',
+                    template: "<div style=\"padding: 12px\">\n  <div style=\"margin-top: 42px\" class=\"form-group\">\n    <input [(ngModel)]=\"documentName\" class=\"form-control\" type=\"text\" />\n    <button (click)=\"saveContent()\" class=\"save-btn\">Save</button>\n  </div>\n\n  <quill-editor\n    [(ngModel)]=\"editorContent\"\n    [modules]=\"quillConfig\"\n  ></quill-editor>\n</div>\n",
+                    styles: [".save-btn{background-color:#f0f0f0;border:none;color:#333;margin-top:22px;position:absolute;right:16px;width:56px}"]
+                },] }
+    ];
+    BotHtmlEditorComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i1.HttpClient }
+    ]; };
+    BotHtmlEditorComponent.propDecorators = {
+        editorContent: [{ type: i0.Input }],
+        isDocInEditMode: [{ type: i0.Input }],
+        documentContent: [{ type: i0.Input }],
+        conversationId: [{ type: i0.Input }],
+        botId: [{ type: i0.Input }]
+    };
+
+    var HiveGptModule = /** @class */ (function () {
+        function HiveGptModule() {
+        }
+        return HiveGptModule;
+    }());
+    HiveGptModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [ChatBotComponent, ChatDrawerComponent, VideoPlayerComponent, SafeHtmlPipe, BotHtmlEditorComponent],
+                    imports: [common.CommonModule, icon.MatIconModule, sidenav.MatSidenavModule, forms.FormsModule, ngxQuill.QuillModule],
+                    exports: [ChatBotComponent, ChatDrawerComponent, VideoPlayerComponent]
+                },] }
+    ];
+
+    /*
+     * Public API Surface of hive-gpt
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.ChatBotComponent = ChatBotComponent;
+    exports.ChatDrawerComponent = ChatDrawerComponent;
+    exports.HiveGptModule = HiveGptModule;
+    exports["ɵa"] = BotsService;
+    exports["ɵb"] = SocketService;
+    exports["ɵc"] = ConversationService;
+    exports["ɵd"] = NotificationSocket;
+    exports["ɵe"] = TranslationService;
+    exports["ɵf"] = VideoPlayerComponent;
+    exports["ɵg"] = SafeHtmlPipe;
+    exports["ɵh"] = BotHtmlEditorComponent;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=hivegpt-hiveai-angular.umd.js.map