@hivegpt/hiveai-angular 0.0.143 → 0.0.145

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

@@ -1,8 +1,8 @@
 (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('@angular/common'), require('@angular/forms'), require('@angular/material/icon'), require('@angular/material/sidenav')) :
-    typeof define === 'function' && define.amd ? define('@hivegpt/hiveai-angular', ['exports', '@angular/common/http', '@angular/core', '@angular/platform-browser', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/material/icon', '@angular/material/sidenav'], 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.ng.common, global.ng.forms, global.ng.material.icon, global.ng.material.sidenav));
-}(this, (function (exports, http, i0, platformBrowser, rxjs, operators, common, forms, icon, sidenav) { 'use strict';
+    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('rxjs/webSocket'), require('@angular/common'), require('@angular/forms'), require('@angular/material/icon'), require('@angular/material/sidenav')) :
+    typeof define === 'function' && define.amd ? define('@hivegpt/hiveai-angular', ['exports', '@angular/common/http', '@angular/core', '@angular/platform-browser', 'rxjs', 'rxjs/operators', 'rxjs/webSocket', '@angular/common', '@angular/forms', '@angular/material/icon', '@angular/material/sidenav'], 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.rxjs.webSocket, global.ng.common, global.ng.forms, global.ng.material.icon, global.ng.material.sidenav));
+}(this, (function (exports, http, i0, platformBrowser, rxjs, operators, webSocket, common, forms, icon, sidenav) { 'use strict';
 
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -508,7 +508,7 @@
         BASE_URL: 'https://agent-api.hivegpt.ai',
         AGENTS_API: 'https://hive-ai.social27.com/api',
         API_KEY: 'b621eb3f-0bd2-41d5-a48c-a8f8ab7d38f8',
-        SocketUrl: 'https://notif-v2-api.social27.com/api/'
+        SocketUrl: 'https://notif-v2-api.social27.com/api/notifications'
     };
     var dev_environment = {
         USERS_API: 'https://pre-user.social27.com/api',
@@ -552,8 +552,48 @@
     ];
     ConversationService.ctorParameters = function () { return []; };
 
+    var SocketService = /** @class */ (function () {
+        function SocketService() {
+            this.connect();
+        }
+        SocketService.prototype.connect = function () {
+            var _this = this;
+            var url = prod_environment;
+            this.socket$ = webSocket.webSocket('ws://' + url.SocketUrl);
+            this.socket$.subscribe(function (message) { return _this.onMessage(message); }, function (err) { return console.error('WebSocket error', err); }, function () { return console.warn('WebSocket closed'); });
+        };
+        SocketService.prototype.onMessage = function (message) {
+            console.log('Received message:', message);
+            // Handle incoming messages
+        };
+        SocketService.prototype.sendMessage = function (message) {
+            this.socket$.next(message);
+        };
+        SocketService.prototype.close = function () {
+            this.socket$.complete();
+        };
+        SocketService.prototype.onEvent = function (eventName) {
+            var _this = this;
+            return new rxjs.Observable(function (observer) {
+                _this.socket$.subscribe(function (message) {
+                    if (message.event === eventName) {
+                        observer.next(message.data);
+                    }
+                });
+            });
+        };
+        return SocketService;
+    }());
+    SocketService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SocketService_Factory() { return new SocketService(); }, token: SocketService, providedIn: "root" });
+    SocketService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    SocketService.ctorParameters = function () { return []; };
+
     var ChatDrawerComponent = /** @class */ (function () {
-        function ChatDrawerComponent(cdr, http, sanitizer, elementRef, renderer, conversation
+        function ChatDrawerComponent(cdr, http, sanitizer, elementRef, renderer, socketService, conversation
         // private platform: Platform
         ) {
             var _this = this;
@@ -562,6 +602,7 @@
             this.sanitizer = sanitizer;
             this.elementRef = elementRef;
             this.renderer = renderer;
+            this.socketService = socketService;
             this.conversation = conversation;
             this.bodyOverflowClass = 'body-overflow-hidden';
             this.isCollapsedTrue = false;
@@ -682,6 +723,40 @@
             });
             this.fetchAgents();
             this.cdr.markForCheck();
+            this.initializeSocketAndListen();
+        };
+        ChatDrawerComponent.prototype.initializeSocketAndListen = function () {
+            var _this = this;
+            this.eventSubscription = this.socketService.onEvent('webresult').subscribe(function (data) {
+                console.log('Event received webresult:', data);
+                _this.handleEvent(data, 'webresult');
+            });
+            this.eventSubscription = this.socketService.onEvent('answer').subscribe(function (data) {
+                console.log('Event received answer:', data);
+                _this.handleEvent(data, 'answer');
+            });
+            this.eventSubscription = this.socketService.onEvent('graph').subscribe(function (data) {
+                console.log('Event received graph:', data);
+                _this.handleEvent(data, 'graph');
+            });
+        };
+        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.close();
         };
         ChatDrawerComponent.prototype.changeTemperature = function (newTemperature) {
             if (this.loading)
@@ -1477,18 +1552,21 @@
         };
         ChatDrawerComponent.prototype.onCloseSource = function () {
             this.sourcesDrawer.close();
-            this.isDrawerOpen = false;
+            this.isDrawerOpen = true;
             this.cdr.detectChanges(); // Trigger change detection if needed
-            this.onDrawerClosed();
+            //this.onDrawerClosed();
         };
         ChatDrawerComponent.prototype.onDrawerClosed = 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';
-            }
+            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';
+                }
+            }, 0);
         };
         ChatDrawerComponent.prototype.toggleDrawer = function (todo) {
             this.isDrawerOpen = todo;
@@ -1517,6 +1595,7 @@
         { type: platformBrowser.DomSanitizer },
         { type: i0.ElementRef },
         { type: i0.Renderer2 },
+        { type: SocketService },
         { type: ConversationService }
     ]; };
     ChatDrawerComponent.propDecorators = {
@@ -1791,9 +1870,10 @@
     exports.ChatBotComponent = ChatBotComponent;
     exports.ChatDrawerComponent = ChatDrawerComponent;
     exports.HiveGptModule = HiveGptModule;
-    exports.ɵa = ConversationService;
-    exports.ɵb = VideoPlayerComponent;
-    exports.ɵc = SafeHtmlPipe;
+    exports.ɵa = SocketService;
+    exports.ɵb = ConversationService;
+    exports.ɵc = VideoPlayerComponent;
+    exports.ɵd = SafeHtmlPipe;
 
     Object.defineProperty(exports, '__esModule', { value: true });