@hivegpt/hiveai-angular 0.0.473 → 0.0.474

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

@@ -811,8 +811,10 @@
             hour12: true,
             hour: 'numeric',
             minute: 'numeric',
-            timeZone: timezone,
         };
+        if (timezone && timezone.trim()) {
+            options.timeZone = timezone.trim();
+        }
         return date.toLocaleString('en-US', options);
     };
 
@@ -2316,21 +2318,22 @@
                 }, 200);
             }, 300);
         };
-        /** Format session date/time for display (matches React formatSessionWhen). */
-        ChatDrawerComponent.prototype.formatSessionWhen = function (dateTimeRange) {
+        /**
+         * Format session date/time for display.
+         * @param dateTimeRange Session start/end (object with start/end or string with "Start: ... End: ...")
+         * @param displayTimeZone Optional user-selected timezone (e.g. 'America/New_York'); when set, times are shown in this zone.
+         */
+        ChatDrawerComponent.prototype.formatSessionWhen = function (dateTimeRange, displayTimeZone) {
+            var localeOpts = displayTimeZone ? { timeZone: displayTimeZone } : {};
             if (!dateTimeRange)
                 return '';
             if (typeof dateTimeRange === 'object' && (dateTimeRange === null || dateTimeRange === void 0 ? void 0 : dateTimeRange.start) && (dateTimeRange === null || dateTimeRange === void 0 ? void 0 : dateTimeRange.end)) {
                 try {
                     var startDt = new Date(dateTimeRange.start);
                     var endDt = new Date(dateTimeRange.end);
-                    var dateFormatted = startDt.toLocaleDateString('en-US', {
-                        month: 'short',
-                        day: 'numeric',
-                        year: 'numeric',
-                    });
-                    var startTime = startDt.toTimeString().slice(0, 5);
-                    var endTime = endDt.toTimeString().slice(0, 5);
+                    var dateFormatted = startDt.toLocaleDateString('en-US', Object.assign({ month: 'short', day: 'numeric', year: 'numeric' }, localeOpts));
+                    var startTime = startDt.toLocaleTimeString('en-US', Object.assign({ hour: '2-digit', minute: '2-digit', hour12: false }, localeOpts));
+                    var endTime = endDt.toLocaleTimeString('en-US', Object.assign({ hour: '2-digit', minute: '2-digit', hour12: false }, localeOpts));
                     return dateFormatted + " | " + startTime + " - " + endTime;
                 }
                 catch (_a) {
@@ -2346,17 +2349,11 @@
             try {
                 var startStr = startMatch[1];
                 var endStr = endMatch[1];
-                var _x = __read(startStr.split(/\s+/), 2), startDate = _x[0], startTime = _x[1];
-                var _y = __read(endStr.split(/\s+/), 2), endTime = _y[1];
-                var _z = __read(startDate.split('-'), 3), y = _z[0], m = _z[1], d = _z[2];
-                var date = new Date(Number(y), Number(m) - 1, Number(d));
-                var dateFormatted = date.toLocaleDateString('en-US', {
-                    month: 'short',
-                    day: 'numeric',
-                    year: 'numeric',
-                });
-                var startTimeShort = startTime ? startTime.slice(0, 5) : '';
-                var endTimeShort = endTime ? endTime.slice(0, 5) : '';
+                var startDt = new Date(startStr.replace(' ', 'T') + 'Z');
+                var endDt = new Date(endStr.replace(' ', 'T') + 'Z');
+                var dateFormatted = startDt.toLocaleDateString('en-US', Object.assign({ month: 'short', day: 'numeric', year: 'numeric' }, localeOpts));
+                var startTimeShort = startDt.toLocaleTimeString('en-US', Object.assign({ hour: '2-digit', minute: '2-digit', hour12: false }, localeOpts));
+                var endTimeShort = endDt.toLocaleTimeString('en-US', Object.assign({ hour: '2-digit', minute: '2-digit', hour12: false }, localeOpts));
                 return dateFormatted + " | " + startTimeShort + " - " + endTimeShort;
             }
             catch (_b) {
@@ -2380,20 +2377,23 @@
             var _this = this;
             if (!Array.isArray(sessions))
                 return [];
+            var userTimezone = this.timezone && String(this.timezone).trim() ? String(this.timezone).trim() : undefined;
             return sessions.map(function (s) {
                 var _a, _b, _c, _d, _e, _f;
                 var whenRaw = (_a = s.dateTimeRange) !== null && _a !== void 0 ? _a : '';
-                var whenFormatted = _this.formatSessionWhen(whenRaw);
+                var whenFormatted = _this.formatSessionWhen(whenRaw, userTimezone);
                 var statusText = _this.getStatusTextFromSessionRoles(s.sessionRoles);
-                var timeZone = s.timeZone != null
+                var sessionTimeZone = s.timeZone != null
                     ? (typeof s.timeZone === 'object' ? ((_c = (_b = s.timeZone.id) !== null && _b !== void 0 ? _b : s.timeZone.name) !== null && _c !== void 0 ? _c : '') : String(s.timeZone))
                     : '';
+                // Show user's selected timezone when set, otherwise session's timezone from data
+                var displayTimeZone = (userTimezone || sessionTimeZone || '').trim();
                 return {
                     title: String((_d = s.title) !== null && _d !== void 0 ? _d : '').trim(),
                     organizer: String((_e = s.organizer) !== null && _e !== void 0 ? _e : '').trim(),
                     room: String((_f = s.roomName) !== null && _f !== void 0 ? _f : '').trim(),
                     when: whenFormatted || (typeof whenRaw === 'object' ? '' : String(whenRaw)),
-                    timeZone: String(timeZone !== null && timeZone !== void 0 ? timeZone : '').trim(),
+                    timeZone: displayTimeZone,
                     statusText: statusText,
                     session: s,
                 };
@@ -4474,12 +4474,14 @@
     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  [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  [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}"]
                 },] }
     ];
     ChatBotComponent.propDecorators = {
         userId: [{ type: i0.Input }],
+        userAvatarUrl: [{ type: i0.Input }],
+        timezone: [{ type: i0.Input }],
         apiKey: [{ type: i0.Input }],
         botName: [{ type: i0.Input }],
         botSkills: [{ type: i0.Input }],
@@ -4504,7 +4506,6 @@
         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 }],