@hivegpt/hiveai-angular 0.0.567 → 0.0.569

package/fesm2015/hivegpt-hiveai-angular.js

@@ -1,19 +1,19 @@
 import { Overlay, OverlayModule } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
 import * as i1 from '@angular/common/http';
-import { HttpHeaders, HttpClient } from '@angular/common/http';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { Injectable, NgZone, InjectionToken, EventEmitter, Component, Injector, Output, Input, ElementRef, ChangeDetectionStrategy, ChangeDetectorRef, Renderer2, ViewContainerRef, ViewChild, ViewChildren, NgModule, Pipe, Inject } from '@angular/core';
+import { Injectable, InjectionToken, Inject, PLATFORM_ID, Optional, NgZone, EventEmitter, Component, Injector, Output, Input, ElementRef, ChangeDetectionStrategy, ChangeDetectorRef, Renderer2, ViewContainerRef, ViewChild, ViewChildren, NgModule, Pipe } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
-import { Subject, BehaviorSubject, Subscription, combineLatest, of } from 'rxjs';
-import { map, take, takeUntil, filter, switchMap, catchError, tap } from 'rxjs/operators';
+import { BehaviorSubject, of, throwError, Subject, Subscription, combineLatest } from 'rxjs';
+import { switchMap, catchError, filter, take, map, takeUntil, tap } from 'rxjs/operators';
+import { isPlatformBrowser, CommonModule, DOCUMENT } from '@angular/common';
 import { Socket } from 'ngx-socket-io';
 import { Validators, FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as SpeechSDK from 'microsoft-cognitiveservices-speech-sdk';
 import * as marked from 'marked';
 import { __awaiter } from 'tslib';
 import Daily from '@daily-co/daily-js';
-import { CommonModule, DOCUMENT } from '@angular/common';
 import { MatIconModule } from '@angular/material/icon';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { QuillModule } from 'ngx-quill';
@@ -260,6 +260,172 @@ TranslationService.decorators = [
             },] }
 ];
 
+/**
+ * Default matches Pro-Events `AppConstants.authTokenKey` — same localStorage shape
+ * `{ accessToken, refreshToken, ... }` as JSON.
+ * Named factory (no arrow fn) so ngc metadata collection accepts it.
+ */
+function hiveGptAuthStorageKeyFactory() {
+    return 'authcc-aae1';
+}
+const HIVEGPT_AUTH_STORAGE_KEY = new InjectionToken('HIVEGPT_AUTH_STORAGE_KEY', {
+    providedIn: 'root',
+    factory: hiveGptAuthStorageKeyFactory,
+});
+/**
+ * Proactive access-token refresh (JWT `exp`) + single-flight queue, aligned with
+ * Pro-Events `EventInterceptor` + `AuthService.refreshToken`.
+ */
+class PlatformTokenRefreshService {
+    constructor(http, 
+    /** Use `Object` (not `object`) so ngc metadata collection accepts the parameter type. */
+    platformId, 
+    /**
+     * Avoid `string | null` on the parameter — `|` is treated as unsupported expression in ngc metadata.
+     */
+    authStorageKey) {
+        this.http = http;
+        this.platformId = platformId;
+        this.refreshTokenInProgress = false;
+        this.refreshTokenSubject = new BehaviorSubject(null);
+        this.storageKey =
+            authStorageKey != null && authStorageKey !== ''
+                ? authStorageKey
+                : 'authcc-aae1';
+    }
+    /** Read parsed auth blob from localStorage (same as host app). */
+    readStoredAuth() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return null;
+        }
+        try {
+            const raw = localStorage.getItem(this.storageKey);
+            if (!raw) {
+                return null;
+            }
+            return JSON.parse(raw);
+        }
+        catch (_a) {
+            return null;
+        }
+    }
+    persistAuth(res) {
+        if (!isPlatformBrowser(this.platformId) || !res) {
+            return;
+        }
+        try {
+            localStorage.setItem(this.storageKey, JSON.stringify(res));
+        }
+        catch (e) {
+            console.warn('[HiveGpt] Failed to persist auth tokens', e);
+        }
+    }
+    /**
+     * JWT `exp` check without @auth0/angular-jwt (keeps package lean).
+     * @param skewSeconds refresh slightly before actual expiry (clock skew).
+     */
+    isAccessTokenExpired(token, skewSeconds = 60) {
+        if (!token || typeof token !== 'string') {
+            return true;
+        }
+        const expMs = this.getJwtExpirationMs(token);
+        if (expMs == null) {
+            return false;
+        }
+        return expMs - skewSeconds * 1000 < Date.now();
+    }
+    getJwtExpirationMs(token) {
+        try {
+            const parts = token.split('.');
+            if (parts.length < 2) {
+                return null;
+            }
+            const payload = parts[1]
+                .replace(/-/g, '+')
+                .replace(/_/g, '/');
+            const padded = payload + '='.repeat((4 - (payload.length % 4)) % 4);
+            if (typeof atob === 'undefined') {
+                return null;
+            }
+            const json = JSON.parse(atob(padded));
+            if ((json === null || json === void 0 ? void 0 : json.exp) == null || typeof json.exp !== 'number') {
+                return null;
+            }
+            return json.exp * 1000;
+        }
+        catch (_a) {
+            return null;
+        }
+    }
+    /**
+     * Returns a valid access token: refreshes via `POST {usersApiBaseUrl}/user/tokenRefresh`
+     * when JWT is expired and a refresh token exists in storage.
+     */
+    ensureValidAccessToken(currentAccessToken, usersApiBaseUrl) {
+        if (!isPlatformBrowser(this.platformId)) {
+            return of({
+                accessToken: currentAccessToken !== null && currentAccessToken !== void 0 ? currentAccessToken : '',
+                refreshed: false,
+            });
+        }
+        const stored = this.readStoredAuth();
+        const access = (currentAccessToken && String(currentAccessToken).trim()) ||
+            (stored === null || stored === void 0 ? void 0 : stored.accessToken) ||
+            '';
+        const refresh = stored === null || stored === void 0 ? void 0 : stored.refreshToken;
+        if (access && !this.isAccessTokenExpired(access)) {
+            return of({ accessToken: access, refreshed: false });
+        }
+        if (!refresh || typeof refresh !== 'string') {
+            return of({ accessToken: access, refreshed: false });
+        }
+        const base = (usersApiBaseUrl || '').replace(/\/+$/, '');
+        if (!base) {
+            return of({ accessToken: access, refreshed: false });
+        }
+        const url = `${base}/user/tokenRefresh`;
+        if (!this.refreshTokenInProgress) {
+            this.refreshTokenInProgress = true;
+            this.refreshTokenSubject.next(null);
+            return this.http
+                .post(url, { refreshToken: refresh })
+                .pipe(switchMap((authResponse) => {
+                this.refreshTokenInProgress = false;
+                if (authResponse === null || authResponse === void 0 ? void 0 : authResponse.accessToken) {
+                    this.persistAuth(authResponse);
+                    this.refreshTokenSubject.next(authResponse.accessToken);
+                    return of({
+                        accessToken: authResponse.accessToken,
+                        refreshed: true,
+                        authResponse,
+                    });
+                }
+                this.refreshTokenSubject.next(null);
+                return throwError(() => new Error('Token refresh returned no accessToken'));
+            }), catchError((err) => {
+                this.refreshTokenInProgress = false;
+                this.refreshTokenSubject.next(null);
+                return throwError(() => err);
+            }));
+        }
+        return this.refreshTokenSubject.pipe(filter((t) => t != null && t !== ''), take(1), switchMap((token) => of({
+            accessToken: token,
+            refreshed: true,
+        })));
+    }
+}
+PlatformTokenRefreshService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PlatformTokenRefreshService_Factory() { return new PlatformTokenRefreshService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i0.PLATFORM_ID), i0.ɵɵinject(HIVEGPT_AUTH_STORAGE_KEY, 8)); }, token: PlatformTokenRefreshService, providedIn: "root" });
+PlatformTokenRefreshService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+PlatformTokenRefreshService.ctorParameters = () => [
+    { type: HttpClient },
+    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
+    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [HIVEGPT_AUTH_STORAGE_KEY,] }] }
+];
+
 const formatHoursAndMinutes = (date) => {
     let hours = date.getHours() % 12;
     const minutes = date.getMinutes();
@@ -1041,10 +1207,14 @@ DailyVoiceClientService.ctorParameters = () => [
  * - Uses Daily.js for all audio, mic, and real-time speaking detection
  */
 class VoiceAgentService {
-    constructor(audioAnalyzer, wsClient, dailyClient) {
+    constructor(audioAnalyzer, wsClient, dailyClient, platformTokenRefresh, 
+    /** `Object` not `object` — ngc metadata collection rejects the `object` type in DI params. */
+    platformId) {
         this.audioAnalyzer = audioAnalyzer;
         this.wsClient = wsClient;
         this.dailyClient = dailyClient;
+        this.platformTokenRefresh = platformTokenRefresh;
+        this.platformId = platformId;
         this.callStateSubject = new BehaviorSubject('idle');
         this.statusTextSubject = new BehaviorSubject('');
         this.durationSubject = new BehaviorSubject('00:00');
@@ -1086,7 +1256,7 @@ class VoiceAgentService {
         this.statusTextSubject.next('');
         this.durationSubject.next('0:00');
     }
-    connect(apiUrl, token, botId, conversationId, apiKey, eventToken, eventUrl, domainAuthority) {
+    connect(apiUrl, token, botId, conversationId, apiKey, eventToken, eventUrl, domainAuthority, usersApiUrl) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.callStateSubject.value !== 'idle') {
                 console.warn('Call already in progress');
@@ -1095,11 +1265,29 @@ class VoiceAgentService {
             try {
                 this.callStateSubject.next('connecting');
                 this.statusTextSubject.next('Connecting...');
+                let accessToken = token;
+                // Align with chat drawer token handling: always delegate to
+                // PlatformTokenRefreshService when we have a usersApiUrl, so it can
+                // fall back to stored tokens even if the caller passed an empty token.
+                if (usersApiUrl && isPlatformBrowser(this.platformId)) {
+                    try {
+                        const ensured = yield this.platformTokenRefresh
+                            .ensureValidAccessToken(token, usersApiUrl)
+                            .pipe(take(1))
+                            .toPromise();
+                        if (ensured === null || ensured === void 0 ? void 0 : ensured.accessToken) {
+                            accessToken = ensured.accessToken;
+                        }
+                    }
+                    catch (e) {
+                        console.warn('[HiveGpt Voice] Token refresh before connect failed', e);
+                    }
+                }
                 const baseUrl = apiUrl.replace(/\/$/, '');
-                const postUrl = `${baseUrl}/ai/ask-voice`;
+                const postUrl = `https://1356-103-210-33-236.ngrok-free.app/ai/ask-voice`;
                 const headers = {
                     'Content-Type': 'application/json',
-                    Authorization: `Bearer ${token}`,
+                    Authorization: `Bearer ${accessToken}`,
                     'domain-authority': domainAuthority,
                     'eventtoken': eventToken,
                     'eventurl': eventUrl,
@@ -1232,7 +1420,7 @@ class VoiceAgentService {
         }
     }
 }
-VoiceAgentService.ɵprov = i0.ɵɵdefineInjectable({ factory: function VoiceAgentService_Factory() { return new VoiceAgentService(i0.ɵɵinject(AudioAnalyzerService), i0.ɵɵinject(WebSocketVoiceClientService), i0.ɵɵinject(DailyVoiceClientService)); }, token: VoiceAgentService, providedIn: "root" });
+VoiceAgentService.ɵprov = i0.ɵɵdefineInjectable({ factory: function VoiceAgentService_Factory() { return new VoiceAgentService(i0.ɵɵinject(AudioAnalyzerService), i0.ɵɵinject(WebSocketVoiceClientService), i0.ɵɵinject(DailyVoiceClientService), i0.ɵɵinject(PlatformTokenRefreshService), i0.ɵɵinject(i0.PLATFORM_ID)); }, token: VoiceAgentService, providedIn: "root" });
 VoiceAgentService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root',
@@ -1241,7 +1429,9 @@ VoiceAgentService.decorators = [
 VoiceAgentService.ctorParameters = () => [
     { type: AudioAnalyzerService },
     { type: WebSocketVoiceClientService },
-    { type: DailyVoiceClientService }
+    { type: DailyVoiceClientService },
+    { type: PlatformTokenRefreshService },
+    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
 ];
 
 const VOICE_MODAL_CONFIG = new InjectionToken('VOICE_MODAL_CONFIG');
@@ -1259,6 +1449,7 @@ class VoiceAgentModalComponent {
         this.domainAuthority = 'prod-lite';
         this.agentName = 'AI Assistant';
         this.agentRole = 'AI Agent Specialist';
+        this.usersApiUrl = '';
         this.injectedConfig = null;
         this.onCloseCallback = null;
         /** Hardcoded voice agent avatar (Nia). */
@@ -1276,7 +1467,7 @@ class VoiceAgentModalComponent {
         this.isConnecting = false;
     }
     ngOnInit() {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         // When opened via Overlay, config is provided by injection
         this.injectedConfig = this.injector.get(VOICE_MODAL_CONFIG, null);
         this.onCloseCallback = this.injector.get(VOICE_MODAL_CLOSE_CALLBACK, null);
@@ -1292,6 +1483,7 @@ class VoiceAgentModalComponent {
             this.agentName = (_e = this.injectedConfig.agentName) !== null && _e !== void 0 ? _e : this.agentName;
             this.agentRole = (_f = this.injectedConfig.agentRole) !== null && _f !== void 0 ? _f : this.agentRole;
             this.agentAvatar = this.injectedConfig.agentAvatar;
+            this.usersApiUrl = (_g = this.injectedConfig.usersApiUrl) !== null && _g !== void 0 ? _g : this.usersApiUrl;
         }
         // Subscribe to observables
         this.subscriptions.push(this.voiceAgentService.callState$.subscribe(state => {
@@ -1333,7 +1525,7 @@ class VoiceAgentModalComponent {
                 return;
             this.isConnecting = true;
             try {
-                yield this.voiceAgentService.connect(this.apiUrl, this.token, this.botId, this.conversationId, this.apiKey, this.eventToken, this.eventUrl, this.domainAuthority);
+                yield this.voiceAgentService.connect(this.apiUrl, this.token, this.botId, this.conversationId, this.apiKey, this.eventToken, this.eventUrl, this.domainAuthority, this.usersApiUrl || undefined);
             }
             catch (error) {
                 console.error('Failed to connect voice agent:', error);
@@ -1413,7 +1605,8 @@ VoiceAgentModalComponent.propDecorators = {
     domainAuthority: [{ type: Input }],
     agentName: [{ type: Input }],
     agentRole: [{ type: Input }],
-    agentAvatar: [{ type: Input }]
+    agentAvatar: [{ type: Input }],
+    usersApiUrl: [{ type: Input }]
 };
 
 // import { Platform } from '@angular/cdk/platform';
@@ -1425,7 +1618,7 @@ var eClassificationType;
 })(eClassificationType || (eClassificationType = {}));
 class ChatDrawerComponent {
     constructor(fb, botService, cdr, http, sanitizer, elementRef, renderer, socketService, conversationService, // private platform: Platform
-    translationService, voiceAgentService, overlay, viewContainerRef, injector) {
+    translationService, voiceAgentService, overlay, viewContainerRef, injector, platformTokenRefresh) {
         this.fb = fb;
         this.botService = botService;
         this.cdr = cdr;
@@ -1440,6 +1633,7 @@ class ChatDrawerComponent {
         this.overlay = overlay;
         this.viewContainerRef = viewContainerRef;
         this.injector = injector;
+        this.platformTokenRefresh = platformTokenRefresh;
         this.bodyOverflowClass = 'body-overflow-hidden';
         this.isCollapsedTrue = false;
         this.copilotName = 'HiveXGPT';
@@ -1468,6 +1662,8 @@ class ChatDrawerComponent {
         this.viewBooth = new EventEmitter();
         this.scheduleMeeting = new EventEmitter();
         this.refreshToken = new EventEmitter();
+        /** Emitted after a successful `user/tokenRefresh` so the host can dispatch Login / `saveTokenAndLoginUser`. */
+        this.tokensRefreshed = new EventEmitter();
         this.openSupport = new EventEmitter();
         this.autogenKey = 'Autogen_eDJTtEU-NB0RtIpzq1w';
         this.addToMyAgendaAction = 'add_to_my_agenda';
@@ -4527,8 +4723,8 @@ class ChatDrawerComponent {
     }
     makeAskRequest(inputMsg, agents, conversationId, msg, chat, workflowId, workflow_inputs) {
         var _a;
-        var url = `${this.environment.BASE_URL}/ai/ask`;
-        var body = {
+        const url = `${this.environment.BASE_URL}/ai/ask`;
+        const body = {
             user_question: inputMsg,
             user_id: this.userId,
             bot_id: this.botId,
@@ -4543,9 +4739,44 @@ class ChatDrawerComponent {
             body['workflow_id'] = workflowId;
             body['workflow_inputs'] = workflow_inputs;
         }
+        const usersApi = this.environment.USERS_API;
+        this.platformTokenRefresh
+            .ensureValidAccessToken(this.s27Token, usersApi)
+            .pipe(take(1))
+            .subscribe({
+            next: (ensured) => {
+                let bearer = ensured.accessToken || this.s27Token || '';
+                if (ensured.refreshed && ensured.accessToken) {
+                    this.s27Token = ensured.accessToken;
+                    if (ensured.authResponse) {
+                        this.tokensRefreshed.emit(ensured.authResponse);
+                    }
+                }
+                this.executeAskFetch(url, body, bearer, msg, chat);
+            },
+            error: () => {
+                this.is401 = true;
+                this.refreshToken.emit();
+                if (msg && chat) {
+                    this.msg = msg;
+                    this.chat = chat;
+                    this.isFetchDataFor = true;
+                }
+                this.isChatingWithAi = false;
+            },
+        });
+        this.input = '';
+        this.selectedWorkflow = null;
+        this.openWorkflowInput = false;
+        this.isWorkflowOpen = false;
+        this.scrollToBottom();
+        this.cdr.markForCheck();
+    }
+    /** `/ai/ask` fetch using a Bearer token (after optional proactive refresh). */
+    executeAskFetch(url, body, bearerToken, msg, chat) {
         const headers = {
             'Content-Type': 'application/json',
-            Authorization: 'Bearer ' + this.s27Token,
+            Authorization: 'Bearer ' + bearerToken,
             'x-api-key': this.apiKey,
             'hive-bot-id': this.botId,
             'domain-authority': this.domainAuthorityValue,
@@ -4565,7 +4796,6 @@ class ChatDrawerComponent {
             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;
@@ -4579,18 +4809,11 @@ class ChatDrawerComponent {
         })
             .then((data) => {
             console.log(data);
-            // Additional response handling if needed
         })
             .catch((err) => {
             console.error('Error: ', err);
             this.isChatingWithAi = false;
         });
-        this.input = '';
-        this.selectedWorkflow = null;
-        this.openWorkflowInput = false;
-        this.isWorkflowOpen = false;
-        this.scrollToBottom();
-        this.cdr.markForCheck();
     }
     makeAskRequestold(inputMsg, agents, conversationId, msg, chat, workflowId, workflow_inputs) {
         var _a;
@@ -4740,7 +4963,7 @@ class ChatDrawerComponent {
         }); // returns current time in 'shortTime' format
     }
     openVoiceModal() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         const conversationId = (_b = (_a = this.conversationKey) !== null && _a !== void 0 ? _a : this.conversationService.getKey(this.botId, false, this.eventId)) !== null && _b !== void 0 ? _b : '';
         this.voiceModalConversationId = conversationId;
         this.setupVoiceTranscripts();
@@ -4762,6 +4985,7 @@ class ChatDrawerComponent {
             agentName: this.botName || 'AI Assistant',
             agentRole: this.botSkills || 'AI Agent Specialist',
             agentAvatar: this.botIcon,
+            usersApiUrl: (_m = (_l = this.environment) === null || _l === void 0 ? void 0 : _l.USERS_API) !== null && _m !== void 0 ? _m : '',
         };
         const closeCallback = () => {
             if (this.voiceModalOverlayRef) {
@@ -5098,7 +5322,8 @@ ChatDrawerComponent.ctorParameters = () => [
     { type: VoiceAgentService },
     { type: Overlay },
     { type: ViewContainerRef },
-    { type: Injector }
+    { type: Injector },
+    { type: PlatformTokenRefreshService }
 ];
 ChatDrawerComponent.propDecorators = {
     chatMain: [{ type: ViewChild, args: ['chatMain',] }],
@@ -5168,11 +5393,13 @@ ChatDrawerComponent.propDecorators = {
     viewBooth: [{ type: Output }],
     scheduleMeeting: [{ type: Output }],
     refreshToken: [{ type: Output }],
+    tokensRefreshed: [{ type: Output }],
     openSupport: [{ type: Output }]
 };
 
 class ChatBotComponent {
     constructor() {
+        this.tokensRefreshed = new EventEmitter();
         this.visible = false;
     }
     toggle() {
@@ -5182,7 +5409,7 @@ class ChatBotComponent {
 ChatBotComponent.decorators = [
     { type: 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-package\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  [userAvatarUrl]=\"userAvatarUrl\"\n  [timezone]=\"timezone\"\n  [botId]=\"botId\"\n  [s27Token]=\"s27Token\"\n  [workspaceToken]=\"workspaceToken\"\n  [isDev]=\"isDev\"\n  [baseUrl]=\"baseUrl\"\n  >\n  </hivegpt-chat-drawer-package>\n</ng-container>\n",
+                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-package\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  [userAvatarUrl]=\"userAvatarUrl\"\n  [timezone]=\"timezone\"\n  [botId]=\"botId\"\n  [s27Token]=\"s27Token\"\n  (tokensRefreshed)=\"tokensRefreshed.emit($event)\"\n  [workspaceToken]=\"workspaceToken\"\n  [isDev]=\"isDev\"\n  [baseUrl]=\"baseUrl\"\n  >\n  </hivegpt-chat-drawer-package>\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}"]
             },] }
 ];
@@ -5220,6 +5447,7 @@ ChatBotComponent.propDecorators = {
     rules: [{ type: Input }],
     eventId: [{ type: Input }],
     s27Token: [{ type: Input }],
+    tokensRefreshed: [{ type: Output }],
     workspaceToken: [{ type: Input }],
     isDev: [{ type: Input }],
     baseUrl: [{ type: Input }]
@@ -5514,5 +5742,5 @@ HiveGptModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { AudioAnalyzerService, ChatBotComponent, ChatDrawerComponent, HiveGptModule, VOICE_MODAL_CLOSE_CALLBACK, VOICE_MODAL_CONFIG, VoiceAgentModalComponent, VoiceAgentModule, VoiceAgentService, eClassificationType, BotsService as ɵa, SocketService as ɵb, ConversationService as ɵc, NotificationSocket as ɵd, TranslationService as ɵe, WebSocketVoiceClientService as ɵf, DailyVoiceClientService as ɵg, VideoPlayerComponent as ɵh, SafeHtmlPipe as ɵi, BotHtmlEditorComponent as ɵj };
+export { AudioAnalyzerService, ChatBotComponent, ChatDrawerComponent, HIVEGPT_AUTH_STORAGE_KEY, HiveGptModule, PlatformTokenRefreshService, VOICE_MODAL_CLOSE_CALLBACK, VOICE_MODAL_CONFIG, VoiceAgentModalComponent, VoiceAgentModule, VoiceAgentService, eClassificationType, hiveGptAuthStorageKeyFactory, BotsService as ɵa, SocketService as ɵb, ConversationService as ɵc, NotificationSocket as ɵd, TranslationService as ɵe, WebSocketVoiceClientService as ɵf, DailyVoiceClientService as ɵg, VideoPlayerComponent as ɵh, SafeHtmlPipe as ɵi, BotHtmlEditorComponent as ɵj };
 //# sourceMappingURL=hivegpt-hiveai-angular.js.map