@hivegpt/hiveai-angular 0.0.465 → 0.0.466

package/README.md

@@ -139,6 +139,7 @@ In your template, add the chatbot and pass the required inputs:
 | **rules** | string | No | Rules. |
 | **gradientColors** | string[] | No | Gradient colors. |
 | **isDev** | boolean | No | If `true`, uses dev API base URL; otherwise prod. Pass through to chat-drawer so voice/chat use the correct backend. |
+| **baseUrl** | string | No | Optional API base URL. When set, all chat and voice requests use this URL instead of the dev/prod default (e.g. `https://your-tunnel.ngrok.io` for local/dev tunneling). |
 
 ### Voice agent
 
@@ -147,7 +148,7 @@ The chatbot includes a **voice agent** (microphone button). For it to work you m
 - **s27Token** – JWT sent as `Authorization: Bearer <token>` to `POST baseurl/ai/ask-voice`.
 - **botId** – Sent as `bot_id` in the request body.
 
-The **base URL** for the API comes from the library’s environment (dev or prod, controlled by **isDev**). The library calls `POST {baseUrl}/ai/ask-voice` and uses the returned `ws_url` for the WebSocket. The chat drawer derives **conversation_id** from the current conversation and sends it with **bot_id** and **voice: "alloy"**. No extra input is needed for conversation context; ensure **apiKey**, **botId**, **userId**, **s27Token**, and **isDev** (if you need dev vs prod) are set where you use the package.
+The **base URL** for the API comes from the library’s environment (dev or prod, controlled by **isDev**), unless you pass **baseUrl** (e.g. an ngrok URL for local development). The library calls `POST {baseUrl}/ai/ask-voice` and uses the returned `ws_url` for the WebSocket. The chat drawer derives **conversation_id** from the current conversation and sends it with **bot_id** and **voice: "alloy"**. No extra input is needed for conversation context; ensure **apiKey**, **botId**, **userId**, **s27Token**, and **isDev** (if you need dev vs prod) are set where you use the package.
 
 ### Minimal example
 

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

@@ -2228,6 +2228,21 @@
             if (changes.orgId && changes.orgId.currentValue != changes.orgId.previousValue) {
                 this.chatSocketInitialized = false;
             }
+            if (changes.baseUrl && this.environment) {
+                this.applyBaseUrlOverride();
+            }
+        };
+        /** When baseUrl input is set, override environment.BASE_URL so all chat/voice services use it (supports ngrok etc.). */
+        ChatDrawerComponent.prototype.applyBaseUrlOverride = function () {
+            var defaultEnv = this.isDev ? dev_environment : prod_environment;
+            if (this.baseUrl && typeof this.baseUrl === 'string') {
+                var url = this.baseUrl.trim().replace(/\/+$/, '');
+                if (url) {
+                    this.environment = Object.assign(Object.assign({}, defaultEnv), { BASE_URL: url });
+                    return;
+                }
+            }
+            this.environment = defaultEnv;
         };
         ChatDrawerComponent.prototype.ngOnInit = function () {
             var _this = this;
@@ -2235,7 +2250,7 @@
             if (this.eventId) {
                 this.translationService.setEventId(this.eventId);
             }
-            this.environment = this.isDev ? dev_environment : prod_environment;
+            this.applyBaseUrlOverride();
             var domain = window.location.hostname;
             // Determine the header value based on the domain
             if (domain.includes('pre-app.social27.com')) {
@@ -4408,6 +4423,7 @@
         useOpenAi: [{ type: i0.Input }],
         userId: [{ type: i0.Input }],
         isDev: [{ type: i0.Input }],
+        baseUrl: [{ type: i0.Input }],
         againButtonColor: [{ type: i0.Input }],
         againButtonTextColor: [{ type: i0.Input }],
         feedbackEvent: [{ type: i0.Output }],
@@ -4433,7 +4449,7 @@
     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-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  [botId]=\"botId\"\n  [s27Token]=\"s27Token\"\n  [workspaceToken]=\"workspaceToken\"\n  [isDev]=\"isDev\"\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  [botId]=\"botId\"\n  [s27Token]=\"s27Token\"\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}"]
                 },] }
     ];
@@ -4471,7 +4487,8 @@
         eventId: [{ type: i0.Input }],
         s27Token: [{ type: i0.Input }],
         workspaceToken: [{ type: i0.Input }],
-        isDev: [{ type: i0.Input }]
+        isDev: [{ type: i0.Input }],
+        baseUrl: [{ type: i0.Input }]
     };
 
     /**