@rtsee/ngx 0.0.110 → 0.0.112

package/dist/ngx/fesm2022/rtsee-ngx.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Injectable, Input, Component, ViewChild, EventEmitter, Output, forwardRef, Directive, HostListener, reflectComponentType, DOCUMENT, Inject, ChangeDetectionStrategy, output, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import * as i2$1 from '@angular/common';
-import { NgClass, NgIf, NgForOf, DatePipe, NgComponentOutlet, SlicePipe, JsonPipe, DOCUMENT as DOCUMENT$1, NgStyle, CommonModule, NgOptimizedImage } from '@angular/common';
+import { NgClass, NgIf, NgForOf, DatePipe, NgComponentOutlet, SlicePipe, JsonPipe, DOCUMENT as DOCUMENT$1, CommonModule, NgStyle, NgOptimizedImage } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { FormsModule, FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
 import { Select } from 'primeng/select';
@@ -3919,9 +3919,249 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                 type: Input
             }] } });
 
+class BaseEventWidgetComponent {
+    set event(value) {
+        this._event = value;
+        this.initCounter();
+    }
+    get event() {
+        return this._event;
+    }
+    set session(value) {
+        this._session = value;
+        this.initCounter();
+    }
+    get session() {
+        return this._session;
+    }
+    constructor(cd) {
+        this.cd = cd;
+        this.durationText = '0s';
+        this.totalSeconds = 0;
+        this.isLive = false;
+        this.intervalId = null;
+    }
+    ngOnInit() {
+        this.initCounter();
+    }
+    ngOnChanges(changes) {
+        if (changes['event'] || changes['session']) {
+            this.initCounter();
+        }
+    }
+    ngOnDestroy() {
+        this.stopCounter();
+    }
+    initCounter() {
+        this.stopCounter();
+        this.updateDuration();
+        if (this.isLive) {
+            this.intervalId = setInterval(() => {
+                this.updateDuration();
+                this.cd.markForCheck();
+            }, 1000);
+        }
+    }
+    stopCounter() {
+        if (this.intervalId) {
+            clearInterval(this.intervalId);
+            this.intervalId = null;
+        }
+    }
+    updateDuration() {
+        if (!this.event?.createdAt) {
+            this.durationText = '0s';
+            this.totalSeconds = 0;
+            this.isLive = false;
+            return;
+        }
+        const eventTime = new Date(this.event.createdAt).getTime();
+        if (isNaN(eventTime)) {
+            this.durationText = '0s';
+            this.totalSeconds = 0;
+            this.isLive = false;
+            return;
+        }
+        const events = this.session?.events || [];
+        // Sort all events chronologically (oldest to newest)
+        const sortedChronological = [...events].sort((a, b) => {
+            const timeA = new Date(a.createdAt).getTime();
+            const timeB = new Date(b.createdAt).getTime();
+            return timeA - timeB;
+        });
+        const currentIndex = sortedChronological.findIndex((e) => (e.id && this.event.id && e.id === this.event.id) || e === this.event);
+        // If there is an event chronologically after this one in the session:
+        if (currentIndex >= 0 && currentIndex < sortedChronological.length - 1) {
+            this.isLive = false;
+            const nextEvent = sortedChronological[currentIndex + 1];
+            const nextTime = new Date(nextEvent.createdAt).getTime();
+            this.totalSeconds = Math.max(0, Math.floor((nextTime - eventTime) / 1000));
+            this.durationText = this.formatSeconds(this.totalSeconds);
+            this.stopCounter();
+            return;
+        }
+        // This is the chronologically last event in the session (or standalone event)
+        if (this.session?.isActive) {
+            this.isLive = true;
+            this.totalSeconds = Math.max(0, Math.floor((Date.now() - eventTime) / 1000));
+            this.durationText = this.formatSeconds(this.totalSeconds);
+        }
+        else {
+            // Past session loaded from server: no subsequent event occurred, so counter is 0s
+            this.isLive = false;
+            this.totalSeconds = 0;
+            this.durationText = '0s';
+            this.stopCounter();
+        }
+    }
+    formatSeconds(seconds) {
+        if (seconds < 60) {
+            return `${seconds}s`;
+        }
+        const mins = Math.floor(seconds / 60);
+        const secs = seconds % 60;
+        return `${mins}m ${secs}s`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: BaseEventWidgetComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.4", type: BaseEventWidgetComponent, isStandalone: true, inputs: { event: "event", session: "session" }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: BaseEventWidgetComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { event: [{
+                type: Input
+            }], session: [{
+                type: Input
+            }] } });
+
+class StoryDetailsOpenedWidgetComponent extends BaseEventWidgetComponent {
+    constructor(cd) {
+        super(cd);
+    }
+    get storyName() {
+        return (this.event?.payload?.text ||
+            this.event?.payload?.data?.storyName ||
+            this.event?.payload?.data?.story?.name ||
+            'Story Details');
+    }
+    get storyUrl() {
+        if (this.event?.payload?.url) {
+            return this.event.payload.url;
+        }
+        const storyId = this.event?.payload?.data?.storyId ||
+            this.event?.payload?.data?.story?.id;
+        return storyId ? `/presentation/content/${storyId}` : null;
+    }
+    get imageUrl() {
+        return (this.event?.payload?.imageUrl ||
+            this.event?.payload?.data?.story?.imageUrl ||
+            null);
+    }
+    get description() {
+        return (this.event?.payload?.data?.storyDescription ||
+            this.event?.payload?.data?.story?.description ||
+            null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: StoryDetailsOpenedWidgetComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: StoryDetailsOpenedWidgetComponent, isStandalone: true, selector: "rtsee-story-details-opened-widget", usesInheritance: true, ngImport: i0, template: "<div class=\"rtsee-event-widget story-details-opened-widget\">\n  <div class=\"widget-header\">\n    <div class=\"widget-badge opened-badge\">\n      <span class=\"material-icons-outlined widget-badge-icon\">visibility</span>\n      <span class=\"widget-badge-label\">Story Opened</span>\n    </div>\n    <div\n      class=\"widget-timer\"\n      [class.live]=\"isLive\"\n      [title]=\"isLive ? 'Currently active' : 'Time spent before next event'\"\n    >\n      <span class=\"material-icons-outlined widget-timer-icon\">timer</span>\n      <span class=\"widget-timer-text\">{{ durationText }}</span>\n    </div>\n  </div>\n\n  <div class=\"widget-body\">\n    <div class=\"widget-media\">\n      @if (imageUrl) {\n        <img\n          [src]=\"imageUrl\"\n          [alt]=\"storyName\"\n          class=\"widget-thumbnail-image\"\n        />\n      } @else {\n        <div class=\"widget-thumbnail-placeholder\">\n          <span class=\"material-icons-outlined\">auto_stories</span>\n        </div>\n      }\n    </div>\n\n    <div class=\"widget-info\">\n      @if (storyUrl) {\n        <a\n          [href]=\"storyUrl\"\n          target=\"_blank\"\n          class=\"widget-title-link\"\n          [title]=\"storyName\"\n        >\n          <span class=\"widget-title\">{{ storyName }}</span>\n          <span class=\"material-icons-outlined external-icon\">open_in_new</span>\n        </a>\n      } @else {\n        <span class=\"widget-title\" [title]=\"storyName\">{{ storyName }}</span>\n      }\n\n      @if (description) {\n        <p class=\"widget-description\">{{ description }}</p>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: StoryDetailsOpenedWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rtsee-story-details-opened-widget', standalone: true, imports: [CommonModule], template: "<div class=\"rtsee-event-widget story-details-opened-widget\">\n  <div class=\"widget-header\">\n    <div class=\"widget-badge opened-badge\">\n      <span class=\"material-icons-outlined widget-badge-icon\">visibility</span>\n      <span class=\"widget-badge-label\">Story Opened</span>\n    </div>\n    <div\n      class=\"widget-timer\"\n      [class.live]=\"isLive\"\n      [title]=\"isLive ? 'Currently active' : 'Time spent before next event'\"\n    >\n      <span class=\"material-icons-outlined widget-timer-icon\">timer</span>\n      <span class=\"widget-timer-text\">{{ durationText }}</span>\n    </div>\n  </div>\n\n  <div class=\"widget-body\">\n    <div class=\"widget-media\">\n      @if (imageUrl) {\n        <img\n          [src]=\"imageUrl\"\n          [alt]=\"storyName\"\n          class=\"widget-thumbnail-image\"\n        />\n      } @else {\n        <div class=\"widget-thumbnail-placeholder\">\n          <span class=\"material-icons-outlined\">auto_stories</span>\n        </div>\n      }\n    </div>\n\n    <div class=\"widget-info\">\n      @if (storyUrl) {\n        <a\n          [href]=\"storyUrl\"\n          target=\"_blank\"\n          class=\"widget-title-link\"\n          [title]=\"storyName\"\n        >\n          <span class=\"widget-title\">{{ storyName }}</span>\n          <span class=\"material-icons-outlined external-icon\">open_in_new</span>\n        </a>\n      } @else {\n        <span class=\"widget-title\" [title]=\"storyName\">{{ storyName }}</span>\n      }\n\n      @if (description) {\n        <p class=\"widget-description\">{{ description }}</p>\n      }\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
+
+class StoryReadingStartedWidgetComponent extends BaseEventWidgetComponent {
+    constructor(cd) {
+        super(cd);
+    }
+    get storyName() {
+        return (this.event?.payload?.text ||
+            this.event?.payload?.data?.storyName ||
+            this.event?.payload?.data?.story?.name ||
+            'Reading Story');
+    }
+    get storyUrl() {
+        if (this.event?.payload?.url) {
+            return this.event.payload.url;
+        }
+        const storyId = this.event?.payload?.data?.storyId ||
+            this.event?.payload?.data?.story?.id;
+        return storyId ? `/presentation/content/${storyId}` : null;
+    }
+    get imageUrl() {
+        return (this.event?.payload?.imageUrl ||
+            this.event?.payload?.data?.story?.imageUrl ||
+            null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: StoryReadingStartedWidgetComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: StoryReadingStartedWidgetComponent, isStandalone: true, selector: "rtsee-story-reading-started-widget", usesInheritance: true, ngImport: i0, template: "<div class=\"rtsee-event-widget story-reading-started-widget\">\n  <div class=\"widget-header\">\n    <div class=\"widget-badge reading-badge\">\n      <span class=\"material-icons-outlined widget-badge-icon\">menu_book</span>\n      <span class=\"widget-badge-label\">Reading Started</span>\n    </div>\n    <div\n      class=\"widget-timer\"\n      [class.live]=\"isLive\"\n      [title]=\"isLive ? 'Currently reading' : 'Time spent reading'\"\n    >\n      <span class=\"material-icons-outlined widget-timer-icon\">timer</span>\n      <span class=\"widget-timer-text\">{{ durationText }}</span>\n    </div>\n  </div>\n\n  <div class=\"widget-body\">\n    <div class=\"widget-media\">\n      @if (imageUrl) {\n        <img\n          [src]=\"imageUrl\"\n          [alt]=\"storyName\"\n          class=\"widget-thumbnail-image\"\n        />\n      } @else {\n        <div class=\"widget-thumbnail-placeholder reading-placeholder\">\n          <span class=\"material-icons-outlined\">menu_book</span>\n        </div>\n      }\n    </div>\n\n    <div class=\"widget-info\">\n      @if (storyUrl) {\n        <a\n          [href]=\"storyUrl\"\n          target=\"_blank\"\n          class=\"widget-title-link\"\n          [title]=\"storyName\"\n        >\n          <span class=\"widget-title\">{{ storyName }}</span>\n          <span class=\"material-icons-outlined external-icon\">open_in_new</span>\n        </a>\n      } @else {\n        <span class=\"widget-title\" [title]=\"storyName\">{{ storyName }}</span>\n      }\n      <span class=\"widget-subtitle\">Interactive Story Session</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: StoryReadingStartedWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rtsee-story-reading-started-widget', standalone: true, imports: [CommonModule], template: "<div class=\"rtsee-event-widget story-reading-started-widget\">\n  <div class=\"widget-header\">\n    <div class=\"widget-badge reading-badge\">\n      <span class=\"material-icons-outlined widget-badge-icon\">menu_book</span>\n      <span class=\"widget-badge-label\">Reading Started</span>\n    </div>\n    <div\n      class=\"widget-timer\"\n      [class.live]=\"isLive\"\n      [title]=\"isLive ? 'Currently reading' : 'Time spent reading'\"\n    >\n      <span class=\"material-icons-outlined widget-timer-icon\">timer</span>\n      <span class=\"widget-timer-text\">{{ durationText }}</span>\n    </div>\n  </div>\n\n  <div class=\"widget-body\">\n    <div class=\"widget-media\">\n      @if (imageUrl) {\n        <img\n          [src]=\"imageUrl\"\n          [alt]=\"storyName\"\n          class=\"widget-thumbnail-image\"\n        />\n      } @else {\n        <div class=\"widget-thumbnail-placeholder reading-placeholder\">\n          <span class=\"material-icons-outlined\">menu_book</span>\n        </div>\n      }\n    </div>\n\n    <div class=\"widget-info\">\n      @if (storyUrl) {\n        <a\n          [href]=\"storyUrl\"\n          target=\"_blank\"\n          class=\"widget-title-link\"\n          [title]=\"storyName\"\n        >\n          <span class=\"widget-title\">{{ storyName }}</span>\n          <span class=\"material-icons-outlined external-icon\">open_in_new</span>\n        </a>\n      } @else {\n        <span class=\"widget-title\" [title]=\"storyName\">{{ storyName }}</span>\n      }\n      <span class=\"widget-subtitle\">Interactive Story Session</span>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
+
+class SlideNumberChangedWidgetComponent extends BaseEventWidgetComponent {
+    constructor(cd) {
+        super(cd);
+    }
+    get slideNumber() {
+        const num = this.event?.payload?.data?.slideNumber ??
+            this.event?.payload?.data?.slide?.slideNumber;
+        return num !== undefined ? num : '?';
+    }
+    get totalSlides() {
+        const total = this.event?.payload?.data?.totalSlides;
+        return total !== undefined ? total : null;
+    }
+    get slideText() {
+        return (this.event?.payload?.text ||
+            this.event?.payload?.data?.slide?.description ||
+            this.event?.payload?.data?.slide?.name ||
+            `Slide ${this.slideNumber}`);
+    }
+    get storyName() {
+        return (this.event?.payload?.data?.storyName ||
+            this.event?.payload?.data?.story?.name ||
+            null);
+    }
+    get storyUrl() {
+        if (this.event?.payload?.url) {
+            return this.event.payload.url;
+        }
+        const storyId = this.event?.payload?.data?.storyId ||
+            this.event?.payload?.data?.story?.id;
+        return storyId ? `/presentation/content/${storyId}` : null;
+    }
+    get imageUrl() {
+        return (this.event?.payload?.imageUrl ||
+            this.event?.payload?.data?.slide?.imageUrl ||
+            this.event?.payload?.data?.story?.imageUrl ||
+            null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SlideNumberChangedWidgetComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: SlideNumberChangedWidgetComponent, isStandalone: true, selector: "rtsee-slide-number-changed-widget", usesInheritance: true, ngImport: i0, template: "<div class=\"rtsee-event-widget slide-number-changed-widget\">\n  <div class=\"widget-header\">\n    <div class=\"widget-badge slide-badge\">\n      <span class=\"material-icons-outlined widget-badge-icon\"\n        >view_carousel</span\n      >\n      <span class=\"widget-badge-label\">\n        Slide {{ slideNumber }}\n        @if (totalSlides) {\n          / {{ totalSlides }}\n        }\n      </span>\n    </div>\n    <div\n      class=\"widget-timer\"\n      [class.live]=\"isLive\"\n      [title]=\"isLive ? 'Currently viewing slide' : 'Time spent on this slide'\"\n    >\n      <span class=\"material-icons-outlined widget-timer-icon\">timer</span>\n      <span class=\"widget-timer-text\">{{ durationText }}</span>\n    </div>\n  </div>\n\n  <div class=\"widget-body\">\n    <div class=\"widget-media\">\n      @if (imageUrl) {\n        <img\n          [src]=\"imageUrl\"\n          [alt]=\"slideText\"\n          class=\"widget-thumbnail-image\"\n        />\n      } @else {\n        <div class=\"widget-thumbnail-placeholder slide-placeholder\">\n          <span class=\"material-icons-outlined\">image</span>\n        </div>\n      }\n    </div>\n\n    <div class=\"widget-info\">\n      <span class=\"widget-title\" [title]=\"slideText\">{{ slideText }}</span>\n      @if (storyName) {\n        @if (storyUrl) {\n          <a\n            [href]=\"storyUrl\"\n            target=\"_blank\"\n            class=\"widget-story-link\"\n            [title]=\"storyName\"\n          >\n            <span class=\"widget-story-name\">{{ storyName }}</span>\n            <span class=\"material-icons-outlined external-icon\"\n              >open_in_new</span\n            >\n          </a>\n        } @else {\n          <span class=\"widget-story-name\">{{ storyName }}</span>\n        }\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SlideNumberChangedWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rtsee-slide-number-changed-widget', standalone: true, imports: [CommonModule], template: "<div class=\"rtsee-event-widget slide-number-changed-widget\">\n  <div class=\"widget-header\">\n    <div class=\"widget-badge slide-badge\">\n      <span class=\"material-icons-outlined widget-badge-icon\"\n        >view_carousel</span\n      >\n      <span class=\"widget-badge-label\">\n        Slide {{ slideNumber }}\n        @if (totalSlides) {\n          / {{ totalSlides }}\n        }\n      </span>\n    </div>\n    <div\n      class=\"widget-timer\"\n      [class.live]=\"isLive\"\n      [title]=\"isLive ? 'Currently viewing slide' : 'Time spent on this slide'\"\n    >\n      <span class=\"material-icons-outlined widget-timer-icon\">timer</span>\n      <span class=\"widget-timer-text\">{{ durationText }}</span>\n    </div>\n  </div>\n\n  <div class=\"widget-body\">\n    <div class=\"widget-media\">\n      @if (imageUrl) {\n        <img\n          [src]=\"imageUrl\"\n          [alt]=\"slideText\"\n          class=\"widget-thumbnail-image\"\n        />\n      } @else {\n        <div class=\"widget-thumbnail-placeholder slide-placeholder\">\n          <span class=\"material-icons-outlined\">image</span>\n        </div>\n      }\n    </div>\n\n    <div class=\"widget-info\">\n      <span class=\"widget-title\" [title]=\"slideText\">{{ slideText }}</span>\n      @if (storyName) {\n        @if (storyUrl) {\n          <a\n            [href]=\"storyUrl\"\n            target=\"_blank\"\n            class=\"widget-story-link\"\n            [title]=\"storyName\"\n          >\n            <span class=\"widget-story-name\">{{ storyName }}</span>\n            <span class=\"material-icons-outlined external-icon\"\n              >open_in_new</span\n            >\n          </a>\n        } @else {\n          <span class=\"widget-story-name\">{{ storyName }}</span>\n        }\n      }\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
+
 class EventsWidgetsService {
     constructor() {
-        this.widgetsMap = [];
+        this.widgetsMap = [
+            {
+                name: 'story-details-opened',
+                component: StoryDetailsOpenedWidgetComponent,
+            },
+            {
+                name: 'story-reading-started',
+                component: StoryReadingStartedWidgetComponent,
+            },
+            {
+                name: 'slide-number-changed',
+                component: SlideNumberChangedWidgetComponent,
+            },
+        ];
     }
     getWidgetComponentByName(name) {
         /* eslint-disable */
@@ -3951,7 +4191,8 @@ class EventThumbnailComponent {
         this.timeInAgoFormat = '';
     }
     ngOnInit() {
-        if (this.event.data) {
+        const eventData = this.event.payload?.data || this.event.data;
+        if (eventData) {
             this.generateTooltip();
         }
         this.timeInAgoFormat = this.timeFormatService.toAgo(this.event.createdAt);
@@ -3962,16 +4203,17 @@ class EventThumbnailComponent {
     generateTooltip() {
         /* eslint-disable */
         let tooltip = '';
-        if (typeof this.event.data !== 'object') {
+        const eventData = this.event.payload?.data || this.event.data;
+        if (typeof eventData !== 'object' || !eventData) {
             return;
         }
         try {
-            for (const key in this.event.data) {
-                if (this.event.data.hasOwnProperty(key)) {
+            for (const key in eventData) {
+                if (eventData.hasOwnProperty(key)) {
                     if (tooltip) {
-                        tooltip += '&#013;';
+                        tooltip += '\n';
                     }
-                    tooltip += key + ' -> ' + this.event.data[key];
+                    tooltip += key + ' -> ' + eventData[key];
                 }
             }
             this.tooltip = tooltip;
@@ -3981,6 +4223,17 @@ class EventThumbnailComponent {
         }
         /* eslint-enable */
     }
+    ngOnChanges(changes) {
+        if (this.componentRef) {
+            if (changes['event']) {
+                this.componentRef.instance.event = this.event;
+            }
+            if (changes['session']) {
+                this.componentRef.instance.session = this.session;
+            }
+            this.componentRef.changeDetectorRef.detectChanges();
+        }
+    }
     ngAfterViewInit() {
         this.cd.detectChanges();
         /* eslint-disable */
@@ -3992,37 +4245,99 @@ class EventThumbnailComponent {
             const viewContainerRef = this.widgetHost.viewContainerRef;
             viewContainerRef.clear();
             const componentToShow = this.componentFactoryResolver.resolveComponentFactory(widget);
-            const componentRef = viewContainerRef.createComponent(componentToShow);
-            componentRef.instance.event = this.event;
-            componentRef.instance.event = this.event;
-            componentRef.changeDetectorRef.detectChanges();
+            this.componentRef = viewContainerRef.createComponent(componentToShow);
+            this.componentRef.instance.event = this.event;
+            this.componentRef.instance.session = this.session;
+            this.componentRef.changeDetectorRef.detectChanges();
         }
         /* eslint-enable */
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: EventThumbnailComponent, deps: [{ token: EventsWidgetsService }, { token: i0.ComponentFactoryResolver }, { token: TimeFormatHelperService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: EventThumbnailComponent, isStandalone: true, selector: "rtsee-event-thumbnail", inputs: { event: "event" }, viewQueries: [{ propertyName: "widgetHost", first: true, predicate: WidgetDirective, descendants: true }], ngImport: i0, template: "<div class=\"rtsee-events-dashboard-event-thumbnail\">\n  @if (event.widget) {\n    <ng-template widgetHost></ng-template>\n  } @else if (!event.widget) {\n    <div class=\"rtsee-events-dashboard-default-event-thumbnail\"\n         [ngClass]=\"{'rtsee-events-dashboard-default-event-thumbnail-with-data': event.data}\"\n    >\n      <div class=\"rtsee-events-dashboard-default-event-thumbnail-name\">{{event.name}}</div>\n      <div class=\"rtsee-events-dashboard-default-event-thumbnail-info\">\n        @if (event.data) {\n          <div class=\"rtsee-events-dashboard-default-event-thumbnail-details\"\n               [title]=\"tooltip\"\n          >\n          <span class=\"rtsee-events-dashboard-default-event-thumbnail-details-icon material-icons-outlined\"\n          >info</span>\n          </div>\n        }\n        <div class=\"rtsee-events-dashboard-default-event-thumbnail-time\">\n          <span>{{ timeInAgoFormat }}</span>\n        </div>\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: WidgetDirective, selector: "[widgetHost]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: EventThumbnailComponent, isStandalone: true, selector: "rtsee-event-thumbnail", inputs: { event: "event", session: "session" }, viewQueries: [{ propertyName: "widgetHost", first: true, predicate: WidgetDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"rtsee-events-dashboard-event-thumbnail\">\n  @if (event.widget) {\n    <ng-template widgetHost></ng-template>\n  } @else if (!event.widget) {\n    <div\n      class=\"rtsee-events-dashboard-default-event-thumbnail\"\n      [ngClass]=\"{\n        'rtsee-events-dashboard-default-event-thumbnail-with-data':\n          event.payload?.data || event.data,\n      }\"\n    >\n      <div class=\"rtsee-events-dashboard-default-event-thumbnail-name\">\n        {{ event.name }}\n      </div>\n      <div class=\"rtsee-events-dashboard-default-event-thumbnail-info\">\n        @if (event.payload?.data || event.data) {\n          <div\n            class=\"rtsee-events-dashboard-default-event-thumbnail-details\"\n            [title]=\"tooltip\"\n          >\n            <span\n              class=\"rtsee-events-dashboard-default-event-thumbnail-details-icon material-icons-outlined\"\n              >info</span\n            >\n          </div>\n        }\n        <div class=\"rtsee-events-dashboard-default-event-thumbnail-time\">\n          <span>{{ timeInAgoFormat }}</span>\n        </div>\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: WidgetDirective, selector: "[widgetHost]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: EventThumbnailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rtsee-event-thumbnail', imports: [WidgetDirective, NgClass], standalone: true, template: "<div class=\"rtsee-events-dashboard-event-thumbnail\">\n  @if (event.widget) {\n    <ng-template widgetHost></ng-template>\n  } @else if (!event.widget) {\n    <div class=\"rtsee-events-dashboard-default-event-thumbnail\"\n         [ngClass]=\"{'rtsee-events-dashboard-default-event-thumbnail-with-data': event.data}\"\n    >\n      <div class=\"rtsee-events-dashboard-default-event-thumbnail-name\">{{event.name}}</div>\n      <div class=\"rtsee-events-dashboard-default-event-thumbnail-info\">\n        @if (event.data) {\n          <div class=\"rtsee-events-dashboard-default-event-thumbnail-details\"\n               [title]=\"tooltip\"\n          >\n          <span class=\"rtsee-events-dashboard-default-event-thumbnail-details-icon material-icons-outlined\"\n          >info</span>\n          </div>\n        }\n        <div class=\"rtsee-events-dashboard-default-event-thumbnail-time\">\n          <span>{{ timeInAgoFormat }}</span>\n        </div>\n      </div>\n    </div>\n  }\n</div>\n" }]
+            args: [{ selector: 'rtsee-event-thumbnail', imports: [WidgetDirective, NgClass], standalone: true, template: "<div class=\"rtsee-events-dashboard-event-thumbnail\">\n  @if (event.widget) {\n    <ng-template widgetHost></ng-template>\n  } @else if (!event.widget) {\n    <div\n      class=\"rtsee-events-dashboard-default-event-thumbnail\"\n      [ngClass]=\"{\n        'rtsee-events-dashboard-default-event-thumbnail-with-data':\n          event.payload?.data || event.data,\n      }\"\n    >\n      <div class=\"rtsee-events-dashboard-default-event-thumbnail-name\">\n        {{ event.name }}\n      </div>\n      <div class=\"rtsee-events-dashboard-default-event-thumbnail-info\">\n        @if (event.payload?.data || event.data) {\n          <div\n            class=\"rtsee-events-dashboard-default-event-thumbnail-details\"\n            [title]=\"tooltip\"\n          >\n            <span\n              class=\"rtsee-events-dashboard-default-event-thumbnail-details-icon material-icons-outlined\"\n              >info</span\n            >\n          </div>\n        }\n        <div class=\"rtsee-events-dashboard-default-event-thumbnail-time\">\n          <span>{{ timeInAgoFormat }}</span>\n        </div>\n      </div>\n    </div>\n  }\n</div>\n" }]
         }], ctorParameters: () => [{ type: EventsWidgetsService }, { type: i0.ComponentFactoryResolver }, { type: TimeFormatHelperService }, { type: i0.ChangeDetectorRef }], propDecorators: { event: [{
                 type: Input
+            }], session: [{
+                type: Input
             }], widgetHost: [{
                 type: ViewChild,
                 args: [WidgetDirective, { static: false }]
             }] } });
 
 class RtseeEventsDashboardSessionComponent {
-    constructor(timeFormatService) {
+    constructor(timeFormatService, cd) {
         this.timeFormatService = timeFormatService;
+        this.cd = cd;
+        this.durationText = '00:00';
+        this.visibleEventsCount = 5;
+        this.timerInterval = null;
+    }
+    ngOnInit() {
+        this.initTimer();
+    }
+    ngOnChanges(changes) {
+        if (changes['session']) {
+            this.initTimer();
+        }
+    }
+    ngOnDestroy() {
+        this.stopTimer();
+    }
+    loadMoreEvents() {
+        this.visibleEventsCount += 5;
+        this.cd.markForCheck();
+    }
+    initTimer() {
+        this.stopTimer();
+        this.updateDuration();
+        if (this.session?.isActive) {
+            this.timerInterval = setInterval(() => {
+                this.updateDuration();
+                this.cd.markForCheck();
+            }, 1000);
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RtseeEventsDashboardSessionComponent, deps: [{ token: TimeFormatHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RtseeEventsDashboardSessionComponent, isStandalone: true, selector: "rtsee-rtsee-events-dashboard-session", inputs: { session: "session" }, ngImport: i0, template: "<div class=\"rtsee-events-dashboard-session\">\n  @if (session.info) {\n    <div class=\"rtsee-events-dashboard-session-header\">\n      <p class=\"rtsee-events-dashboard-session-client-info\">{{session.info.clientThumbnail}}</p>\n      <p class=\"rtsee-events-dashboard-session-os-info\">{{session.info.osThumbnail}}</p>\n      <div class=\"rtsee-events-dashboard-session-device-info\" [title]=\"session.info.deviceThumbnail\">\n        @if (session.info.deviceType === 'smartphone' && !session.info.botName) {\n          <span class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n          >phone_iphone</span>\n        }\n        @if (session.info.deviceType === 'tablet' && !session.info.botName) {\n          <span class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n          >tablet_mac</span>\n        }\n        @if (session.info.deviceType === 'desktop' && !session.info.botName) {\n          <span class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n          >computer</span>\n        }\n        @if (session.info.botName) {\n          <span class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n          >smart_toy</span>\n        }\n      </div>\n    </div>\n  }\n  @if (session.events && session.events.length) {\n    <ul class=\"rtsee-events-dashboard-session-events-list\"\n    >\n      @for (event of session.events | slice:0:5; track event.id) {\n        <li class=\"rtsee-events-dashboard-session-event\">\n          <rtsee-event-thumbnail [event]=\"event\"></rtsee-event-thumbnail>\n        </li>\n      }\n    </ul>\n  }\n\n  <div class=\"rtsee-events-dashboard-session-footer\">\n    <button *ngIf=\"session.events.length > 5\">{{session.events.length - 5}} more</button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EventThumbnailComponent, selector: "rtsee-event-thumbnail", inputs: ["event"] }, { kind: "pipe", type: SlicePipe, name: "slice" }] }); }
+    stopTimer() {
+        if (this.timerInterval) {
+            clearInterval(this.timerInterval);
+            this.timerInterval = null;
+        }
+    }
+    updateDuration() {
+        if (!this.session) {
+            return;
+        }
+        const start = this.session.connectedAt
+            ? new Date(this.session.connectedAt).getTime()
+            : Date.now();
+        let end;
+        if (this.session.isActive) {
+            end = Date.now();
+        }
+        else if (this.session.endedAt) {
+            end = new Date(this.session.endedAt).getTime();
+        }
+        else if (this.session.events && this.session.events.length > 0) {
+            end = new Date(this.session.events[0].createdAt).getTime();
+        }
+        else {
+            end = start;
+        }
+        const totalSeconds = Math.max(0, Math.floor((end - start) / 1000));
+        const minutes = Math.floor(totalSeconds / 60);
+        const seconds = totalSeconds % 60;
+        this.durationText = `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RtseeEventsDashboardSessionComponent, deps: [{ token: TimeFormatHelperService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RtseeEventsDashboardSessionComponent, isStandalone: true, selector: "rtsee-rtsee-events-dashboard-session", inputs: { session: "session" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"rtsee-events-dashboard-session\">\n  <div class=\"rtsee-events-dashboard-session-header\">\n    @if (session.info) {\n      <div class=\"rtsee-events-dashboard-session-header-client\">\n        <p class=\"rtsee-events-dashboard-session-client-info\">\n          {{ session.info.clientThumbnail }}\n        </p>\n        <p class=\"rtsee-events-dashboard-session-os-info\">\n          {{ session.info.osThumbnail }}\n        </p>\n      </div>\n      <div\n        class=\"rtsee-events-dashboard-session-device-info\"\n        [title]=\"session.info.deviceThumbnail\"\n      >\n        @if (\n          session.info.deviceType === \"smartphone\" && !session.info.botName\n        ) {\n          <span\n            class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n            >phone_iphone</span\n          >\n        }\n        @if (session.info.deviceType === \"tablet\" && !session.info.botName) {\n          <span\n            class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n            >tablet_mac</span\n          >\n        }\n        @if (session.info.deviceType === \"desktop\" && !session.info.botName) {\n          <span\n            class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n            >computer</span\n          >\n        }\n        @if (session.info.botName) {\n          <span\n            class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n            >smart_toy</span\n          >\n        }\n      </div>\n    }\n    <div\n      class=\"rtsee-events-dashboard-session-duration\"\n      [class.is-active]=\"session.isActive\"\n      [title]=\"session.isActive ? 'Active session' : 'Session ended'\"\n    >\n      <span\n        class=\"material-icons-outlined rtsee-events-dashboard-session-duration-icon\"\n        >timer</span\n      >\n      <span class=\"rtsee-events-dashboard-session-duration-text\">{{\n        durationText\n      }}</span>\n    </div>\n  </div>\n\n  @if (session.events && session.events.length) {\n    <ul class=\"rtsee-events-dashboard-session-events-list\">\n      @for (\n        event of session.events | slice: 0 : visibleEventsCount;\n        track event.id\n      ) {\n        <li class=\"rtsee-events-dashboard-session-event\">\n          <rtsee-event-thumbnail\n            [event]=\"event\"\n            [session]=\"session\"\n          ></rtsee-event-thumbnail>\n        </li>\n      }\n    </ul>\n  }\n\n  @if (session.events && session.events.length > visibleEventsCount) {\n    <div class=\"rtsee-events-dashboard-session-footer\">\n      <button\n        class=\"rtsee-events-dashboard-session-more-btn\"\n        (click)=\"loadMoreEvents()\"\n      >\n        {{ session.events.length - visibleEventsCount }} more\n      </button>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "component", type: EventThumbnailComponent, selector: "rtsee-event-thumbnail", inputs: ["event", "session"] }, { kind: "pipe", type: SlicePipe, name: "slice" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RtseeEventsDashboardSessionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rtsee-rtsee-events-dashboard-session', imports: [NgIf, EventThumbnailComponent, SlicePipe], standalone: true, template: "<div class=\"rtsee-events-dashboard-session\">\n  @if (session.info) {\n    <div class=\"rtsee-events-dashboard-session-header\">\n      <p class=\"rtsee-events-dashboard-session-client-info\">{{session.info.clientThumbnail}}</p>\n      <p class=\"rtsee-events-dashboard-session-os-info\">{{session.info.osThumbnail}}</p>\n      <div class=\"rtsee-events-dashboard-session-device-info\" [title]=\"session.info.deviceThumbnail\">\n        @if (session.info.deviceType === 'smartphone' && !session.info.botName) {\n          <span class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n          >phone_iphone</span>\n        }\n        @if (session.info.deviceType === 'tablet' && !session.info.botName) {\n          <span class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n          >tablet_mac</span>\n        }\n        @if (session.info.deviceType === 'desktop' && !session.info.botName) {\n          <span class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n          >computer</span>\n        }\n        @if (session.info.botName) {\n          <span class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n          >smart_toy</span>\n        }\n      </div>\n    </div>\n  }\n  @if (session.events && session.events.length) {\n    <ul class=\"rtsee-events-dashboard-session-events-list\"\n    >\n      @for (event of session.events | slice:0:5; track event.id) {\n        <li class=\"rtsee-events-dashboard-session-event\">\n          <rtsee-event-thumbnail [event]=\"event\"></rtsee-event-thumbnail>\n        </li>\n      }\n    </ul>\n  }\n\n  <div class=\"rtsee-events-dashboard-session-footer\">\n    <button *ngIf=\"session.events.length > 5\">{{session.events.length - 5}} more</button>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: TimeFormatHelperService }], propDecorators: { session: [{
+            args: [{ selector: 'rtsee-rtsee-events-dashboard-session', imports: [NgIf, EventThumbnailComponent, SlicePipe, NgClass], standalone: true, template: "<div class=\"rtsee-events-dashboard-session\">\n  <div class=\"rtsee-events-dashboard-session-header\">\n    @if (session.info) {\n      <div class=\"rtsee-events-dashboard-session-header-client\">\n        <p class=\"rtsee-events-dashboard-session-client-info\">\n          {{ session.info.clientThumbnail }}\n        </p>\n        <p class=\"rtsee-events-dashboard-session-os-info\">\n          {{ session.info.osThumbnail }}\n        </p>\n      </div>\n      <div\n        class=\"rtsee-events-dashboard-session-device-info\"\n        [title]=\"session.info.deviceThumbnail\"\n      >\n        @if (\n          session.info.deviceType === \"smartphone\" && !session.info.botName\n        ) {\n          <span\n            class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n            >phone_iphone</span\n          >\n        }\n        @if (session.info.deviceType === \"tablet\" && !session.info.botName) {\n          <span\n            class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n            >tablet_mac</span\n          >\n        }\n        @if (session.info.deviceType === \"desktop\" && !session.info.botName) {\n          <span\n            class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n            >computer</span\n          >\n        }\n        @if (session.info.botName) {\n          <span\n            class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n            >smart_toy</span\n          >\n        }\n      </div>\n    }\n    <div\n      class=\"rtsee-events-dashboard-session-duration\"\n      [class.is-active]=\"session.isActive\"\n      [title]=\"session.isActive ? 'Active session' : 'Session ended'\"\n    >\n      <span\n        class=\"material-icons-outlined rtsee-events-dashboard-session-duration-icon\"\n        >timer</span\n      >\n      <span class=\"rtsee-events-dashboard-session-duration-text\">{{\n        durationText\n      }}</span>\n    </div>\n  </div>\n\n  @if (session.events && session.events.length) {\n    <ul class=\"rtsee-events-dashboard-session-events-list\">\n      @for (\n        event of session.events | slice: 0 : visibleEventsCount;\n        track event.id\n      ) {\n        <li class=\"rtsee-events-dashboard-session-event\">\n          <rtsee-event-thumbnail\n            [event]=\"event\"\n            [session]=\"session\"\n          ></rtsee-event-thumbnail>\n        </li>\n      }\n    </ul>\n  }\n\n  @if (session.events && session.events.length > visibleEventsCount) {\n    <div class=\"rtsee-events-dashboard-session-footer\">\n      <button\n        class=\"rtsee-events-dashboard-session-more-btn\"\n        (click)=\"loadMoreEvents()\"\n      >\n        {{ session.events.length - visibleEventsCount }} more\n      </button>\n    </div>\n  }\n</div>\n" }]
+        }], ctorParameters: () => [{ type: TimeFormatHelperService }, { type: i0.ChangeDetectorRef }], propDecorators: { session: [{
                 type: Input
             }] } });
 
@@ -4036,11 +4351,11 @@ class RtseeEventsDashboardClientThumbnailComponent {
         this.dashboard.openChat(this.client);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RtseeEventsDashboardClientThumbnailComponent, deps: [{ token: TimeFormatHelperService }, { token: DefaultImagesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RtseeEventsDashboardClientThumbnailComponent, isStandalone: true, selector: "ngx-rtsee-events-dashboard-client-thumbnail", inputs: { dashboard: "dashboard", client: "client" }, ngImport: i0, template: "<div class=\"rtsee-dashboard-client-thumbnail\">\n  <div class=\"rtsee-dashboard-client-header\">\n    <div class=\"rtsee-dashboard-client-header-photo\">\n      <div class=\"rtsee-dashboard-client-header-image\"\n           [style.background-image]=\"'url(' + client.imageUrl || defaultImagesService.PROFILE + ')'\"\n      ></div>\n      @if (client.isConnected) {\n        <div class=\"rtsee-dashboard-client-live-indicator\"></div>\n      }\n    </div>\n    <p class=\"rtsee-dashboard-client-name\">\n      <span class=\"rtsee-dashboard-client-name-text\">{{ client.name || client.id }}</span>\n      <button (click)=\"openChat()\" class=\"rtsee-dashboard-client-engage\">\n        <span class=\"rtsee-dashboard-client-engage-icon material-icons-outlined\">chat_bubble</span>\n      </button>\n    </p>\n  </div>\n  <div class=\"rtsee-dashboard-sessions\">\n    @for(session of client.sessions; track session.id) {\n      <div class=\"rtsee-dashboard-sessions-container\">\n        <rtsee-rtsee-events-dashboard-session [session]=\"session\"></rtsee-rtsee-events-dashboard-session>\n      </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: RtseeEventsDashboardSessionComponent, selector: "rtsee-rtsee-events-dashboard-session", inputs: ["session"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RtseeEventsDashboardClientThumbnailComponent, isStandalone: true, selector: "ngx-rtsee-events-dashboard-client-thumbnail", inputs: { dashboard: "dashboard", client: "client" }, ngImport: i0, template: "<div class=\"rtsee-dashboard-client-thumbnail\">\n  <div class=\"rtsee-dashboard-client-header\">\n    <div class=\"rtsee-dashboard-client-header-photo\">\n      <div\n        class=\"rtsee-dashboard-client-header-image\"\n        [style.background-image]=\"\n          'url(' + client.imageUrl || defaultImagesService.PROFILE + ')'\n        \"\n      ></div>\n      @if (client.isConnected) {\n        <div class=\"rtsee-dashboard-client-live-indicator\"></div>\n      }\n    </div>\n    <p class=\"rtsee-dashboard-client-name\">\n      <span class=\"rtsee-dashboard-client-name-text\">{{\n        client.name || client.id\n      }}</span>\n      <button (click)=\"openChat()\" class=\"rtsee-dashboard-client-engage\">\n        <span class=\"rtsee-dashboard-client-engage-icon material-icons-outlined\"\n          >chat_bubble</span\n        >\n      </button>\n    </p>\n  </div>\n  <div class=\"rtsee-dashboard-sessions\">\n    @for (session of client.sessions; track session.id) {\n      <div class=\"rtsee-dashboard-sessions-container\">\n        <rtsee-rtsee-events-dashboard-session\n          [session]=\"session\"\n        ></rtsee-rtsee-events-dashboard-session>\n      </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: RtseeEventsDashboardSessionComponent, selector: "rtsee-rtsee-events-dashboard-session", inputs: ["session"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RtseeEventsDashboardClientThumbnailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-rtsee-events-dashboard-client-thumbnail', imports: [RtseeEventsDashboardSessionComponent], standalone: true, template: "<div class=\"rtsee-dashboard-client-thumbnail\">\n  <div class=\"rtsee-dashboard-client-header\">\n    <div class=\"rtsee-dashboard-client-header-photo\">\n      <div class=\"rtsee-dashboard-client-header-image\"\n           [style.background-image]=\"'url(' + client.imageUrl || defaultImagesService.PROFILE + ')'\"\n      ></div>\n      @if (client.isConnected) {\n        <div class=\"rtsee-dashboard-client-live-indicator\"></div>\n      }\n    </div>\n    <p class=\"rtsee-dashboard-client-name\">\n      <span class=\"rtsee-dashboard-client-name-text\">{{ client.name || client.id }}</span>\n      <button (click)=\"openChat()\" class=\"rtsee-dashboard-client-engage\">\n        <span class=\"rtsee-dashboard-client-engage-icon material-icons-outlined\">chat_bubble</span>\n      </button>\n    </p>\n  </div>\n  <div class=\"rtsee-dashboard-sessions\">\n    @for(session of client.sessions; track session.id) {\n      <div class=\"rtsee-dashboard-sessions-container\">\n        <rtsee-rtsee-events-dashboard-session [session]=\"session\"></rtsee-rtsee-events-dashboard-session>\n      </div>\n    }\n  </div>\n</div>\n" }]
+            args: [{ selector: 'ngx-rtsee-events-dashboard-client-thumbnail', imports: [RtseeEventsDashboardSessionComponent], standalone: true, template: "<div class=\"rtsee-dashboard-client-thumbnail\">\n  <div class=\"rtsee-dashboard-client-header\">\n    <div class=\"rtsee-dashboard-client-header-photo\">\n      <div\n        class=\"rtsee-dashboard-client-header-image\"\n        [style.background-image]=\"\n          'url(' + client.imageUrl || defaultImagesService.PROFILE + ')'\n        \"\n      ></div>\n      @if (client.isConnected) {\n        <div class=\"rtsee-dashboard-client-live-indicator\"></div>\n      }\n    </div>\n    <p class=\"rtsee-dashboard-client-name\">\n      <span class=\"rtsee-dashboard-client-name-text\">{{\n        client.name || client.id\n      }}</span>\n      <button (click)=\"openChat()\" class=\"rtsee-dashboard-client-engage\">\n        <span class=\"rtsee-dashboard-client-engage-icon material-icons-outlined\"\n          >chat_bubble</span\n        >\n      </button>\n    </p>\n  </div>\n  <div class=\"rtsee-dashboard-sessions\">\n    @for (session of client.sessions; track session.id) {\n      <div class=\"rtsee-dashboard-sessions-container\">\n        <rtsee-rtsee-events-dashboard-session\n          [session]=\"session\"\n        ></rtsee-rtsee-events-dashboard-session>\n      </div>\n    }\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: TimeFormatHelperService }, { type: DefaultImagesService }], propDecorators: { dashboard: [{
                 type: Input
             }], client: [{
@@ -4048,12 +4363,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
             }] } });
 
 class RtseeEventsDashboardComponent {
+    loadMore() {
+        if (this.eventsDashboard) {
+            this.eventsDashboard.loadMoreClients();
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RtseeEventsDashboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RtseeEventsDashboardComponent, isStandalone: true, selector: "rtsee-events-dashboard", inputs: { eventsDashboard: "eventsDashboard" }, ngImport: i0, template: "<div class=\"rtsee-events-dashboard\">\n  <div class=\"rtsee-events-dashboard-client-thumbnails\">\n    @for (client of eventsDashboard.clients; track client.id) {\n      <div class=\"rtsee-events-dashboard-client-thumbnail-wrapper\">\n        <ngx-rtsee-events-dashboard-client-thumbnail\n          [client]=\"client\"\n          [dashboard]=\"eventsDashboard\"\n        ></ngx-rtsee-events-dashboard-client-thumbnail>\n      </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: RtseeEventsDashboardClientThumbnailComponent, selector: "ngx-rtsee-events-dashboard-client-thumbnail", inputs: ["dashboard", "client"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RtseeEventsDashboardComponent, isStandalone: true, selector: "rtsee-events-dashboard", inputs: { eventsDashboard: "eventsDashboard" }, ngImport: i0, template: "<div class=\"rtsee-events-dashboard\">\n  <div class=\"rtsee-events-dashboard-client-thumbnails\">\n    @for (client of eventsDashboard.clients; track client.id) {\n      <div class=\"rtsee-events-dashboard-client-thumbnail-wrapper\">\n        <ngx-rtsee-events-dashboard-client-thumbnail\n          [client]=\"client\"\n          [dashboard]=\"eventsDashboard\"\n        ></ngx-rtsee-events-dashboard-client-thumbnail>\n      </div>\n    }\n  </div>\n\n  @if (eventsDashboard?.hasMoreClients) {\n    <div class=\"rtsee-events-dashboard-load-more\">\n      <button\n        type=\"button\"\n        class=\"rtsee-events-dashboard-load-more-btn\"\n        [disabled]=\"eventsDashboard.isLoadingMore\"\n        (click)=\"loadMore()\"\n      >\n        @if (eventsDashboard.isLoadingMore) {\n          <span class=\"material-icons-outlined spin-icon\">sync</span>\n          <span>Loading...</span>\n        } @else {\n          <span class=\"material-icons-outlined\">expand_more</span>\n          <span>Load More Sessions</span>\n        }\n      </button>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "component", type: RtseeEventsDashboardClientThumbnailComponent, selector: "ngx-rtsee-events-dashboard-client-thumbnail", inputs: ["dashboard", "client"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RtseeEventsDashboardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rtsee-events-dashboard', imports: [RtseeEventsDashboardClientThumbnailComponent], standalone: true, template: "<div class=\"rtsee-events-dashboard\">\n  <div class=\"rtsee-events-dashboard-client-thumbnails\">\n    @for (client of eventsDashboard.clients; track client.id) {\n      <div class=\"rtsee-events-dashboard-client-thumbnail-wrapper\">\n        <ngx-rtsee-events-dashboard-client-thumbnail\n          [client]=\"client\"\n          [dashboard]=\"eventsDashboard\"\n        ></ngx-rtsee-events-dashboard-client-thumbnail>\n      </div>\n    }\n  </div>\n</div>\n" }]
+            args: [{ selector: 'rtsee-events-dashboard', imports: [RtseeEventsDashboardClientThumbnailComponent], standalone: true, template: "<div class=\"rtsee-events-dashboard\">\n  <div class=\"rtsee-events-dashboard-client-thumbnails\">\n    @for (client of eventsDashboard.clients; track client.id) {\n      <div class=\"rtsee-events-dashboard-client-thumbnail-wrapper\">\n        <ngx-rtsee-events-dashboard-client-thumbnail\n          [client]=\"client\"\n          [dashboard]=\"eventsDashboard\"\n        ></ngx-rtsee-events-dashboard-client-thumbnail>\n      </div>\n    }\n  </div>\n\n  @if (eventsDashboard?.hasMoreClients) {\n    <div class=\"rtsee-events-dashboard-load-more\">\n      <button\n        type=\"button\"\n        class=\"rtsee-events-dashboard-load-more-btn\"\n        [disabled]=\"eventsDashboard.isLoadingMore\"\n        (click)=\"loadMore()\"\n      >\n        @if (eventsDashboard.isLoadingMore) {\n          <span class=\"material-icons-outlined spin-icon\">sync</span>\n          <span>Loading...</span>\n        } @else {\n          <span class=\"material-icons-outlined\">expand_more</span>\n          <span>Load More Sessions</span>\n        }\n      </button>\n    </div>\n  }\n</div>\n" }]
         }], propDecorators: { eventsDashboard: [{
                 type: Input
             }] } });
@@ -6190,7 +6510,7 @@ class SignInComponent {
         this.rememberField.enable();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SignInComponent, deps: [{ token: i1.FormBuilder }, { token: i2.Router }, { token: RTSeeAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: SignInComponent, isStandalone: true, selector: "rtsee-sign-in", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container\" >\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_FORM_HEADER] }}</h2>\n  <p class=\"auth-title-description\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_TEXT_SUBHEADER] }}</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signInForm\" (ngSubmit)=\"login()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup >\n        <p-floatlabel variant=\"on\">\n          <input id=\"user-email\"\n                 pInputText\n                 [formControl]=\"usernameField\"\n          />\n          <label for=\"user-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!usernameField.valid && usernameField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is invalid</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"user-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n          />\n          <label for=\"user-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (serverSideError) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >{{serverSideError}}</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-checkbox inputId=\"remember\" [binary]=\"true\" [formControl]=\"rememberField\" />\n      <label for=\"remember\" class=\"ml-2\">\n        <span>\n          {{authService.rtseeAuth.labels[RTSeeTextLabelKeys.REMEMBER_ME_CHECKBOX_LABEL] }}\n        </span>\n      </label>\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <a href=\"#\"\n         [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.FORGOT_PASSWORD)\"\n         class=\"auth-deep-blue-sm-medium\"\n      >Forgot password?</a>\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign In\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n  <p class=\"rtsee-form-label\">\n    <span>Don't have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_UP)\"\n       class=\"auth-deep-blue-sm-medium\"\n    >Create one!</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: SignInComponent, isStandalone: true, selector: "rtsee-sign-in", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_FORM_HEADER] }}</h2>\n    <p class=\"auth-title-description\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_TEXT_SUBHEADER] }}</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signInForm\" (ngSubmit)=\"login()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup >\n        <p-floatlabel variant=\"on\">\n          <input id=\"user-email\"\n                 pInputText\n                 [formControl]=\"usernameField\"\n          />\n          <label for=\"user-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!usernameField.valid && usernameField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is invalid</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"user-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n          />\n          <label for=\"user-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (serverSideError) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >{{serverSideError}}</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container auth-options\">\n      <div class=\"auth-checkbox\">\n        <p-checkbox inputId=\"remember\" [binary]=\"true\" [formControl]=\"rememberField\" />\n        <label for=\"remember\" class=\"auth-checkbox-label\">\n          {{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.REMEMBER_ME_CHECKBOX_LABEL] }}\n        </label>\n      </div>\n      <a href=\"#\"\n         [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.FORGOT_PASSWORD)\"\n         class=\"auth-link\"\n      >Forgot password?</a>\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign In\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n  <p class=\"auth-footer\">\n    <span>Don't have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_UP)\"\n       class=\"auth-link\"\n    >Create one!</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SignInComponent, decorators: [{
             type: Component,
@@ -6206,7 +6526,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         Checkbox,
                         Message,
                         ProgressSpinner,
-                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container\" >\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_FORM_HEADER] }}</h2>\n  <p class=\"auth-title-description\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_TEXT_SUBHEADER] }}</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signInForm\" (ngSubmit)=\"login()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup >\n        <p-floatlabel variant=\"on\">\n          <input id=\"user-email\"\n                 pInputText\n                 [formControl]=\"usernameField\"\n          />\n          <label for=\"user-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!usernameField.valid && usernameField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is invalid</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"user-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n          />\n          <label for=\"user-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (serverSideError) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >{{serverSideError}}</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-checkbox inputId=\"remember\" [binary]=\"true\" [formControl]=\"rememberField\" />\n      <label for=\"remember\" class=\"ml-2\">\n        <span>\n          {{authService.rtseeAuth.labels[RTSeeTextLabelKeys.REMEMBER_ME_CHECKBOX_LABEL] }}\n        </span>\n      </label>\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <a href=\"#\"\n         [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.FORGOT_PASSWORD)\"\n         class=\"auth-deep-blue-sm-medium\"\n      >Forgot password?</a>\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign In\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n  <p class=\"rtsee-form-label\">\n    <span>Don't have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_UP)\"\n       class=\"auth-deep-blue-sm-medium\"\n    >Create one!</a>\n  </p>\n</div>\n" }]
+                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_FORM_HEADER] }}</h2>\n    <p class=\"auth-title-description\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_TEXT_SUBHEADER] }}</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signInForm\" (ngSubmit)=\"login()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup >\n        <p-floatlabel variant=\"on\">\n          <input id=\"user-email\"\n                 pInputText\n                 [formControl]=\"usernameField\"\n          />\n          <label for=\"user-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!usernameField.valid && usernameField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is invalid</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"user-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n          />\n          <label for=\"user-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (serverSideError) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >{{serverSideError}}</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container auth-options\">\n      <div class=\"auth-checkbox\">\n        <p-checkbox inputId=\"remember\" [binary]=\"true\" [formControl]=\"rememberField\" />\n        <label for=\"remember\" class=\"auth-checkbox-label\">\n          {{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.REMEMBER_ME_CHECKBOX_LABEL] }}\n        </label>\n      </div>\n      <a href=\"#\"\n         [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.FORGOT_PASSWORD)\"\n         class=\"auth-link\"\n      >Forgot password?</a>\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign In\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n  <p class=\"auth-footer\">\n    <span>Don't have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_UP)\"\n       class=\"auth-link\"\n    >Create one!</a>\n  </p>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.Router }, { type: RTSeeAuthService }] });
 
 class UtilsService {
@@ -6324,7 +6644,7 @@ class SignUpComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SignUpComponent, deps: [{ token: i1.FormBuilder }, { token: i2.Router }, { token: RTSeeAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: SignUpComponent, isStandalone: true, selector: "rtsee-sign-up", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container\">\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">Personal Account Registration</h2>\n  <p class=\"auth-title-description\">Create your personal account to view stories</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signUpForm\" (ngSubmit)=\"signUp()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"sign-up-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"sign-up-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"sign-up-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordField.invalid && passwordField.touched) || (signUpForm.hasError('confirmPassword') && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"sign-up-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordField.hasError('required') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (passwordField.hasError('minlength') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password must be at least 6 characters long</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmationField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordConfirmationField.invalid && passwordConfirmationField.touched) || (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordConfirmationField.hasError('required') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (passwordConfirmationField.hasError('minlength') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation must be at least 6 characters long</p-message>\n      }\n      @if (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n    <div class=\"rtsee-form-field-container\">\n      <p-checkbox inputId=\"terms\" [binary]=\"true\" [formControl]=\"termsField\" />\n      <label for=\"terms\" class=\"ml-2\">I agree to the&nbsp;<a href=\"#\" [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.PRIVACY_POLICY)\" class=\"auth-deep-blue-sm-medium\">terms of use</a></label>\n      @if (termsField.hasError('required') && termsField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >You must accept the terms and conditions</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign Up\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"rtsee-form-label\">\n    <span>Already have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-deep-blue-sm-medium\"\n    >Sign In</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: SignUpComponent, isStandalone: true, selector: "rtsee-sign-up", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">Personal Account Registration</h2>\n    <p class=\"auth-title-description\">Create your personal account to view stories</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signUpForm\" (ngSubmit)=\"signUp()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"sign-up-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"sign-up-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"sign-up-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordField.invalid && passwordField.touched) || (signUpForm.hasError('confirmPassword') && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"sign-up-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordField.hasError('required') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (passwordField.hasError('minlength') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password must be at least 6 characters long</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmationField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordConfirmationField.invalid && passwordConfirmationField.touched) || (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordConfirmationField.hasError('required') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (passwordConfirmationField.hasError('minlength') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation must be at least 6 characters long</p-message>\n      }\n      @if (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n    <div class=\"rtsee-form-field-container\">\n      <div class=\"auth-checkbox\">\n        <p-checkbox inputId=\"terms\" [binary]=\"true\" [formControl]=\"termsField\" />\n        <label for=\"terms\" class=\"auth-checkbox-label\">I agree to the&nbsp;<a href=\"#\" [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.PRIVACY_POLICY)\" class=\"auth-link\">terms of use</a></label>\n      </div>\n      @if (termsField.hasError('required') && termsField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >You must accept the terms and conditions</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign Up\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"auth-footer\">\n    <span>Already have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-link\"\n    >Sign In</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SignUpComponent, decorators: [{
             type: Component,
@@ -6340,7 +6660,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         Checkbox,
                         Message,
                         ProgressSpinner,
-                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container\">\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">Personal Account Registration</h2>\n  <p class=\"auth-title-description\">Create your personal account to view stories</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signUpForm\" (ngSubmit)=\"signUp()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"sign-up-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"sign-up-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"sign-up-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordField.invalid && passwordField.touched) || (signUpForm.hasError('confirmPassword') && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"sign-up-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordField.hasError('required') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (passwordField.hasError('minlength') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password must be at least 6 characters long</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmationField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordConfirmationField.invalid && passwordConfirmationField.touched) || (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordConfirmationField.hasError('required') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (passwordConfirmationField.hasError('minlength') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation must be at least 6 characters long</p-message>\n      }\n      @if (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n    <div class=\"rtsee-form-field-container\">\n      <p-checkbox inputId=\"terms\" [binary]=\"true\" [formControl]=\"termsField\" />\n      <label for=\"terms\" class=\"ml-2\">I agree to the&nbsp;<a href=\"#\" [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.PRIVACY_POLICY)\" class=\"auth-deep-blue-sm-medium\">terms of use</a></label>\n      @if (termsField.hasError('required') && termsField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >You must accept the terms and conditions</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign Up\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"rtsee-form-label\">\n    <span>Already have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-deep-blue-sm-medium\"\n    >Sign In</a>\n  </p>\n</div>\n" }]
+                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">Personal Account Registration</h2>\n    <p class=\"auth-title-description\">Create your personal account to view stories</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signUpForm\" (ngSubmit)=\"signUp()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"sign-up-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"sign-up-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"sign-up-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordField.invalid && passwordField.touched) || (signUpForm.hasError('confirmPassword') && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"sign-up-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordField.hasError('required') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (passwordField.hasError('minlength') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password must be at least 6 characters long</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmationField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordConfirmationField.invalid && passwordConfirmationField.touched) || (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordConfirmationField.hasError('required') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (passwordConfirmationField.hasError('minlength') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation must be at least 6 characters long</p-message>\n      }\n      @if (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n    <div class=\"rtsee-form-field-container\">\n      <div class=\"auth-checkbox\">\n        <p-checkbox inputId=\"terms\" [binary]=\"true\" [formControl]=\"termsField\" />\n        <label for=\"terms\" class=\"auth-checkbox-label\">I agree to the&nbsp;<a href=\"#\" [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.PRIVACY_POLICY)\" class=\"auth-link\">terms of use</a></label>\n      </div>\n      @if (termsField.hasError('required') && termsField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >You must accept the terms and conditions</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign Up\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"auth-footer\">\n    <span>Already have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-link\"\n    >Sign In</a>\n  </p>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.Router }, { type: RTSeeAuthService }] });
 
 class ForgotPasswordComponent {
@@ -6393,7 +6713,7 @@ class ForgotPasswordComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: i1.FormBuilder }, { token: i2.Router }, { token: RTSeeAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ForgotPasswordComponent, isStandalone: true, selector: "rtsee-forgot-password", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container\">\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">Password Recovery</h2>\n  <p class=\"auth-title-description\">Enter your email address to receive password reset instructions</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"emailForm\" (ngSubmit)=\"submitEmail()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"forgot-password-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"forgot-password-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Send\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"rtsee-form-label\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-deep-blue-sm-medium\"\n    >Sign In</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ForgotPasswordComponent, isStandalone: true, selector: "rtsee-forgot-password", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">Password Recovery</h2>\n    <p class=\"auth-title-description\">Enter your email address to receive password reset instructions</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"emailForm\" (ngSubmit)=\"submitEmail()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"forgot-password-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"forgot-password-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Send\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"auth-footer\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-link\"\n    >Sign In</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ForgotPasswordComponent, decorators: [{
             type: Component,
@@ -6407,7 +6727,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         FloatLabel,
                         Message,
                         ProgressSpinner,
-                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container\">\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">Password Recovery</h2>\n  <p class=\"auth-title-description\">Enter your email address to receive password reset instructions</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"emailForm\" (ngSubmit)=\"submitEmail()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"forgot-password-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"forgot-password-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Send\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"rtsee-form-label\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-deep-blue-sm-medium\"\n    >Sign In</a>\n  </p>\n</div>\n" }]
+                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">Password Recovery</h2>\n    <p class=\"auth-title-description\">Enter your email address to receive password reset instructions</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"emailForm\" (ngSubmit)=\"submitEmail()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"forgot-password-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"forgot-password-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Send\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"auth-footer\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-link\"\n    >Sign In</a>\n  </p>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.Router }, { type: RTSeeAuthService }] });
 
 var FormErrorKey;
@@ -6522,7 +6842,7 @@ class ResetPasswordComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ResetPasswordComponent, deps: [{ token: i1.FormBuilder }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: RTSeeAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ResetPasswordComponent, isStandalone: true, selector: "rtsee-reset-password", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container\">\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">Password Reset</h2>\n  <p class=\"auth-title-description\">Please enter a new password for your account.</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"resetPasswordForm\" (ngSubmit)=\"resetPassword()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"new-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordField.invalid && passwordField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"new-password\">New Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordConfirmField.invalid && passwordConfirmField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordConfirmField.valid && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Reset Password\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"rtsee-form-label\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\" class=\"auth-deep-blue-sm-medium\">Sign In</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "component", type: Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ResetPasswordComponent, isStandalone: true, selector: "rtsee-reset-password", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">Password Reset</h2>\n    <p class=\"auth-title-description\">Please enter a new password for your account.</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"resetPasswordForm\" (ngSubmit)=\"resetPassword()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"new-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordField.invalid && passwordField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"new-password\">New Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordConfirmField.invalid && passwordConfirmField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordConfirmField.valid && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Reset Password\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"auth-footer\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-link\"\n    >Sign In</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "component", type: Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ResetPasswordComponent, decorators: [{
             type: Component,
@@ -6535,16 +6855,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         FloatLabel,
                         Message,
                         ProgressSpinner,
-                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container\">\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">Password Reset</h2>\n  <p class=\"auth-title-description\">Please enter a new password for your account.</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"resetPasswordForm\" (ngSubmit)=\"resetPassword()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"new-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordField.invalid && passwordField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"new-password\">New Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordConfirmField.invalid && passwordConfirmField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordConfirmField.valid && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Reset Password\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"rtsee-form-label\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\" class=\"auth-deep-blue-sm-medium\">Sign In</a>\n  </p>\n</div>\n" }]
+                        RouterLink,
+                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">Password Reset</h2>\n    <p class=\"auth-title-description\">Please enter a new password for your account.</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"resetPasswordForm\" (ngSubmit)=\"resetPassword()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"new-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordField.invalid && passwordField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"new-password\">New Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordConfirmField.invalid && passwordConfirmField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordConfirmField.valid && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Reset Password\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"auth-footer\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-link\"\n    >Sign In</a>\n  </p>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: RTSeeAuthService }] });
 
 class PrivacyPolicyComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PrivacyPolicyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PrivacyPolicyComponent, isStandalone: true, selector: "rtsee-privacy-policy", ngImport: i0, template: "<div class=\"privacy-policy-container\">\n    <div class=\"policy-card\">\n        <div class=\"header-section\">\n            <div class=\"header-content\">\n                <div class=\"flex justify-content-center align-items-center\">\n                    <h1>Terms of Use & Privacy Policy</h1>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"content-section\">\n            <p-message severity=\"info\" [closable]=\"false\" class=\"info-banner\">\n                <ng-template pTemplate>\n                    <div class=\"p-message-content\">\n                        <p class=\"last-updated\"><strong>Last Updated:</strong> December 2024</p>\n                        <p>By using our services, you agree to the terms and conditions outlined in this document. Please read this Privacy Policy and Terms of Use carefully before using our platform.</p>\n                    </div>\n                </ng-template>\n            </p-message>\n\n            <h2>1. Acceptance of Terms</h2>\n            <p>By accessing and using this service, you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service.</p>\n\n            <h2>2. Privacy Policy</h2>\n\n            <h3>2.1 Information We Collect</h3>\n            <p>We collect information you provide directly to us, such as when you create an account, use our services, or contact us for support. This may include:</p>\n            <ul>\n                <li><strong>Personal Information:</strong> Name, email address, phone number, and other contact details</li>\n                <li><strong>Account Information:</strong> Username, password, and profile information</li>\n                <li><strong>Usage Data:</strong> Information about how you use our services, including pages visited, time spent, and features used</li>\n                <li><strong>Device Information:</strong> IP address, browser type, operating system, and device identifiers</li>\n                <li><strong>Cookies and Tracking:</strong> We use cookies and similar technologies to enhance your experience</li>\n            </ul>\n\n            <h3>2.2 How We Use Your Information</h3>\n            <p>We use the information we collect to:</p>\n            <ul>\n                <li>Provide, maintain, and improve our services</li>\n                <li>Process transactions and send related information</li>\n                <li>Send technical notices, updates, security alerts, and support messages</li>\n                <li>Respond to your comments, questions, and requests</li>\n                <li>Monitor and analyze trends, usage, and activities</li>\n                <li>Personalize and improve your experience</li>\n                <li>Detect, investigate, and prevent fraudulent transactions and other illegal activities</li>\n            </ul>\n\n            <h3>2.3 Information Sharing and Disclosure</h3>\n            <p>We do not sell, trade, or otherwise transfer your personal information to third parties without your consent, except in the following circumstances:</p>\n            <ul>\n                <li><strong>Service Providers:</strong> We may share information with trusted third-party service providers who assist us in operating our platform</li>\n                <li><strong>Legal Requirements:</strong> We may disclose information when required by law or to protect our rights and safety</li>\n                <li><strong>Business Transfers:</strong> In connection with any merger, sale of assets, or acquisition of all or a portion of our business</li>\n                <li><strong>Consent:</strong> We may share information with your explicit consent</li>\n            </ul>\n\n            <h3>2.4 Data Security</h3>\n            <p>We implement appropriate technical and organizational security measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction. However, no method of transmission over the internet or electronic storage is 100% secure.</p>\n\n            <h3>2.5 Data Retention</h3>\n            <p>We retain your personal information for as long as necessary to provide our services and fulfill the purposes outlined in this privacy policy, unless a longer retention period is required or permitted by law.</p>\n\n            <h3>2.6 Your Rights</h3>\n            <p>Depending on your location, you may have certain rights regarding your personal information, including:</p>\n            <ul>\n                <li>The right to access and receive a copy of your personal information</li>\n                <li>The right to rectify or update your personal information</li>\n                <li>The right to erase your personal information</li>\n                <li>The right to restrict or object to the processing of your personal information</li>\n                <li>The right to data portability</li>\n                <li>The right to withdraw consent at any time</li>\n            </ul>\n\n            <h2>3. Terms of Service</h2>\n\n            <h3>3.1 User Accounts</h3>\n            <p>To access certain features of our service, you may be required to create an account. You are responsible for:</p>\n            <ul>\n                <li>Maintaining the confidentiality of your account credentials</li>\n                <li>All activities that occur under your account</li>\n                <li>Notifying us immediately of any unauthorized use of your account</li>\n                <li>Providing accurate and up-to-date information</li>\n            </ul>\n\n            <h3>3.2 Acceptable Use</h3>\n            <p>You agree not to use our service for any unlawful purpose or any purpose prohibited under this clause. You may not use our service in any manner that could damage, disable, overburden, or impair our servers or networks.</p>\n\n            <h3>3.3 Prohibited Activities</h3>\n            <p>The following activities are prohibited:</p>\n            <ul>\n                <li>Violating any applicable laws or regulations</li>\n                <li>Transmitting or procuring the sending of any unsolicited or unauthorized advertising</li>\n                <li>Attempting to gain unauthorized access to any portion of our service</li>\n                <li>Interfering with or disrupting the service or servers connected to the service</li>\n                <li>Using any automated system to access the service for any purpose</li>\n                <li>Impersonating any person or entity or misrepresenting your affiliation with a person or entity</li>\n            </ul>\n\n            <h3>3.4 Intellectual Property</h3>\n            <p>The service and its original content, features, and functionality are and will remain the exclusive property of our company and its licensors. The service is protected by copyright, trademark, and other laws.</p>\n\n            <h3>3.5 Termination</h3>\n            <p>We may terminate or suspend your account and bar access to the service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever, including without limitation if you breach the Terms.</p>\n\n            <h3>3.6 Disclaimer</h3>\n            <p>The information on this service is provided on an \"as is\" basis. To the fullest extent permitted by law, this company excludes all representations, warranties, conditions and terms relating to our service and the use of this service.</p>\n\n            <h3>3.7 Limitation of Liability</h3>\n            <p>In no event shall our company, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential, or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses, resulting from your use of the service.</p>\n\n            <h2>4. Cookies and Tracking Technologies</h2>\n            <p>We use cookies and similar tracking technologies to track activity on our service and hold certain information. Cookies are files with a small amount of data which may include an anonymous unique identifier. You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent.</p>\n\n            <h2>5. Third-Party Services</h2>\n            <p>Our service may contain links to third-party websites or services that are not owned or controlled by us. We have no control over and assume no responsibility for the content, privacy policies, or practices of any third-party websites or services.</p>\n\n            <h2>6. Children's Privacy</h2>\n            <p>Our service does not address anyone under the age of 13. We do not knowingly collect personally identifiable information from children under 13. If you are a parent or guardian and you are aware that your child has provided us with personal information, please contact us.</p>\n\n            <h2>7. International Data Transfers</h2>\n            <p>Your information may be transferred to and processed in countries other than your own. We ensure that such transfers comply with applicable data protection laws and implement appropriate safeguards to protect your personal information.</p>\n\n            <h2>8. Changes to This Policy</h2>\n            <p>We reserve the right to update or change our Privacy Policy and Terms of Use at any time. We will notify you of any changes by posting the new Privacy Policy and Terms of Use on this page and updating the \"Last Updated\" date.</p>\n\n            <div class=\"contact-section\">\n                <h2>9. Contact Information</h2>\n                <p>If you have any questions about this Privacy Policy and Terms of Use, please contact us:</p>\n                <ul>\n                    <li><strong>Email:</strong> [Your Email Address]</li>\n                    <li><strong>Address:</strong> [Your Company Address]</li>\n                    <li><strong>Phone:</strong> [Your Contact Number]</li>\n                </ul>\n            </div>\n\n            <div class=\"footer-section\">\n                <p>This document was last updated on December 2024</p>\n            </div>\n        </div>\n    </div>\n</div>\n\n", styles: ["@charset \"UTF-8\";.privacy-policy-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.privacy-policy-container .policy-card{max-width:1000px;margin:0 auto;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.privacy-policy-container .policy-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.privacy-policy-container .header-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;position:relative;overflow:hidden}.privacy-policy-container .header-section:before{content:\"\";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"50\" cy=\"10\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"10\" cy=\"60\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"90\" cy=\"40\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"/></svg>');opacity:.3}.privacy-policy-container .header-section .header-content{position:relative;z-index:1}.privacy-policy-container .header-section h1{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.privacy-policy-container .content-section{padding:3rem}.privacy-policy-container .content-section .info-banner{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:none;border-radius:15px;box-shadow:0 5px 15px #2196f31a;margin-bottom:2rem}.privacy-policy-container .content-section .info-banner .p-message-content{padding:1.5rem}.privacy-policy-container .content-section .info-banner .p-message-content .last-updated{font-size:1.1rem;font-weight:600;color:#1976d2;margin-bottom:1rem}.privacy-policy-container .content-section .info-banner .p-message-content p{color:#424242;line-height:1.6;margin:0}.privacy-policy-container .content-section h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:3px solid #667eea;position:relative}.privacy-policy-container .content-section h2:before{content:\"\";position:absolute;bottom:-3px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.privacy-policy-container .content-section h3{color:#34495e;font-size:1.3rem;font-weight:600;margin:2rem 0 1rem;padding-left:1rem;border-left:4px solid #667eea;background:linear-gradient(90deg,rgba(102,126,234,.1),transparent);padding:.75rem 1rem;border-radius:0 8px 8px 0}.privacy-policy-container .content-section p{color:#555;line-height:1.7;margin-bottom:1.5rem;font-size:1rem}.privacy-policy-container .content-section ul{margin:1rem 0 2rem;padding-left:0}.privacy-policy-container .content-section ul li{color:#555;line-height:1.6;margin-bottom:.75rem;padding-left:2rem;position:relative;font-size:1rem}.privacy-policy-container .content-section ul li:before{content:\"\\25b6\";position:absolute;left:0;color:#667eea;font-size:.8rem;top:.2rem}.privacy-policy-container .content-section ul li strong{color:#2c3e50;font-weight:600}.privacy-policy-container .content-section .contact-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;padding:2rem;margin-top:3rem;border:1px solid #dee2e6;box-shadow:0 5px 15px #0000000d}.privacy-policy-container .content-section .contact-section h2{color:#2c3e50;margin-top:0;border-bottom:3px solid #28a745}.privacy-policy-container .content-section .contact-section h2:before{background:linear-gradient(90deg,#28a745,#20c997)}.privacy-policy-container .content-section .contact-section ul li:before{color:#28a745}.privacy-policy-container .content-section .footer-section{text-align:center;margin-top:3rem;padding-top:2rem;border-top:2px solid #e9ecef}.privacy-policy-container .content-section .footer-section p{color:#6c757d;font-style:italic;font-size:.9rem;margin:0}@media (max-width: 768px){.privacy-policy-container{padding:1rem .5rem}.privacy-policy-container .policy-card{border-radius:15px}.privacy-policy-container .header-section{padding:1.5rem}.privacy-policy-container .header-section h1{font-size:2rem}.privacy-policy-container .content-section{padding:2rem 1.5rem}.privacy-policy-container .content-section h2{font-size:1.5rem}.privacy-policy-container .content-section h3{font-size:1.2rem}}@media (max-width: 480px){.privacy-policy-container .header-section h1{font-size:1.8rem}.privacy-policy-container .content-section{padding:1.5rem 1rem}.privacy-policy-container .content-section h2{font-size:1.3rem}.privacy-policy-container .content-section h3{font-size:1.1rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i2$2.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PrivacyPolicyComponent, isStandalone: true, selector: "rtsee-privacy-policy", ngImport: i0, template: "<div class=\"privacy-policy-container\">\n    <div class=\"policy-card rts-glass-card\">\n        <div class=\"header-section\">\n            <div class=\"header-content\">\n                <h1>Terms of Use & Privacy Policy</h1>\n            </div>\n        </div>\n\n        <div class=\"content-section\">\n            <p-message severity=\"info\" [closable]=\"false\" class=\"info-banner\">\n                <ng-template pTemplate>\n                    <div class=\"p-message-content\">\n                        <p class=\"last-updated\"><strong>Last Updated:</strong> December 2024</p>\n                        <p>By using our services, you agree to the terms and conditions outlined in this document. Please read this Privacy Policy and Terms of Use carefully before using our platform.</p>\n                    </div>\n                </ng-template>\n            </p-message>\n\n            <h2>1. Acceptance of Terms</h2>\n            <p>By accessing and using this service, you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service.</p>\n\n            <h2>2. Privacy Policy</h2>\n\n            <h3>2.1 Information We Collect</h3>\n            <p>We collect information you provide directly to us, such as when you create an account, use our services, or contact us for support. This may include:</p>\n            <ul>\n                <li><strong>Personal Information:</strong> Name, email address, phone number, and other contact details</li>\n                <li><strong>Account Information:</strong> Username, password, and profile information</li>\n                <li><strong>Usage Data:</strong> Information about how you use our services, including pages visited, time spent, and features used</li>\n                <li><strong>Device Information:</strong> IP address, browser type, operating system, and device identifiers</li>\n                <li><strong>Cookies and Tracking:</strong> We use cookies and similar technologies to enhance your experience</li>\n            </ul>\n\n            <h3>2.2 How We Use Your Information</h3>\n            <p>We use the information we collect to:</p>\n            <ul>\n                <li>Provide, maintain, and improve our services</li>\n                <li>Process transactions and send related information</li>\n                <li>Send technical notices, updates, security alerts, and support messages</li>\n                <li>Respond to your comments, questions, and requests</li>\n                <li>Monitor and analyze trends, usage, and activities</li>\n                <li>Personalize and improve your experience</li>\n                <li>Detect, investigate, and prevent fraudulent transactions and other illegal activities</li>\n            </ul>\n\n            <h3>2.3 Information Sharing and Disclosure</h3>\n            <p>We do not sell, trade, or otherwise transfer your personal information to third parties without your consent, except in the following circumstances:</p>\n            <ul>\n                <li><strong>Service Providers:</strong> We may share information with trusted third-party service providers who assist us in operating our platform</li>\n                <li><strong>Legal Requirements:</strong> We may disclose information when required by law or to protect our rights and safety</li>\n                <li><strong>Business Transfers:</strong> In connection with any merger, sale of assets, or acquisition of all or a portion of our business</li>\n                <li><strong>Consent:</strong> We may share information with your explicit consent</li>\n            </ul>\n\n            <h3>2.4 Data Security</h3>\n            <p>We implement appropriate technical and organizational security measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction. However, no method of transmission over the internet or electronic storage is 100% secure.</p>\n\n            <h3>2.5 Data Retention</h3>\n            <p>We retain your personal information for as long as necessary to provide our services and fulfill the purposes outlined in this privacy policy, unless a longer retention period is required or permitted by law.</p>\n\n            <h3>2.6 Your Rights</h3>\n            <p>Depending on your location, you may have certain rights regarding your personal information, including:</p>\n            <ul>\n                <li>The right to access and receive a copy of your personal information</li>\n                <li>The right to rectify or update your personal information</li>\n                <li>The right to erase your personal information</li>\n                <li>The right to restrict or object to the processing of your personal information</li>\n                <li>The right to data portability</li>\n                <li>The right to withdraw consent at any time</li>\n            </ul>\n\n            <h2>3. Terms of Service</h2>\n\n            <h3>3.1 User Accounts</h3>\n            <p>To access certain features of our service, you may be required to create an account. You are responsible for:</p>\n            <ul>\n                <li>Maintaining the confidentiality of your account credentials</li>\n                <li>All activities that occur under your account</li>\n                <li>Notifying us immediately of any unauthorized use of your account</li>\n                <li>Providing accurate and up-to-date information</li>\n            </ul>\n\n            <h3>3.2 Acceptable Use</h3>\n            <p>You agree not to use our service for any unlawful purpose or any purpose prohibited under this clause. You may not use our service in any manner that could damage, disable, overburden, or impair our servers or networks.</p>\n\n            <h3>3.3 Prohibited Activities</h3>\n            <p>The following activities are prohibited:</p>\n            <ul>\n                <li>Violating any applicable laws or regulations</li>\n                <li>Transmitting or procuring the sending of any unsolicited or unauthorized advertising</li>\n                <li>Attempting to gain unauthorized access to any portion of our service</li>\n                <li>Interfering with or disrupting the service or servers connected to the service</li>\n                <li>Using any automated system to access the service for any purpose</li>\n                <li>Impersonating any person or entity or misrepresenting your affiliation with a person or entity</li>\n            </ul>\n\n            <h3>3.4 Intellectual Property</h3>\n            <p>The service and its original content, features, and functionality are and will remain the exclusive property of our company and its licensors. The service is protected by copyright, trademark, and other laws.</p>\n\n            <h3>3.5 Termination</h3>\n            <p>We may terminate or suspend your account and bar access to the service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever, including without limitation if you breach the Terms.</p>\n\n            <h3>3.6 Disclaimer</h3>\n            <p>The information on this service is provided on an \"as is\" basis. To the fullest extent permitted by law, this company excludes all representations, warranties, conditions and terms relating to our service and the use of this service.</p>\n\n            <h3>3.7 Limitation of Liability</h3>\n            <p>In no event shall our company, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential, or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses, resulting from your use of the service.</p>\n\n            <h2>4. Cookies and Tracking Technologies</h2>\n            <p>We use cookies and similar tracking technologies to track activity on our service and hold certain information. Cookies are files with a small amount of data which may include an anonymous unique identifier. You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent.</p>\n\n            <h2>5. Third-Party Services</h2>\n            <p>Our service may contain links to third-party websites or services that are not owned or controlled by us. We have no control over and assume no responsibility for the content, privacy policies, or practices of any third-party websites or services.</p>\n\n            <h2>6. Children's Privacy</h2>\n            <p>Our service does not address anyone under the age of 13. We do not knowingly collect personally identifiable information from children under 13. If you are a parent or guardian and you are aware that your child has provided us with personal information, please contact us.</p>\n\n            <h2>7. International Data Transfers</h2>\n            <p>Your information may be transferred to and processed in countries other than your own. We ensure that such transfers comply with applicable data protection laws and implement appropriate safeguards to protect your personal information.</p>\n\n            <h2>8. Changes to This Policy</h2>\n            <p>We reserve the right to update or change our Privacy Policy and Terms of Use at any time. We will notify you of any changes by posting the new Privacy Policy and Terms of Use on this page and updating the \"Last Updated\" date.</p>\n\n            <div class=\"contact-section\">\n                <h2>9. Contact Information</h2>\n                <p>If you have any questions about this Privacy Policy and Terms of Use, please contact us:</p>\n                <ul>\n                    <li><strong>Email:</strong> [Your Email Address]</li>\n                    <li><strong>Address:</strong> [Your Company Address]</li>\n                    <li><strong>Phone:</strong> [Your Contact Number]</li>\n                </ul>\n            </div>\n\n            <div class=\"footer-section\">\n                <p>This document was last updated on December 2024</p>\n            </div>\n        </div>\n    </div>\n</div>\n\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i2$2.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PrivacyPolicyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rtsee-privacy-policy', imports: [ButtonModule, MessageModule], standalone: true, template: "<div class=\"privacy-policy-container\">\n    <div class=\"policy-card\">\n        <div class=\"header-section\">\n            <div class=\"header-content\">\n                <div class=\"flex justify-content-center align-items-center\">\n                    <h1>Terms of Use & Privacy Policy</h1>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"content-section\">\n            <p-message severity=\"info\" [closable]=\"false\" class=\"info-banner\">\n                <ng-template pTemplate>\n                    <div class=\"p-message-content\">\n                        <p class=\"last-updated\"><strong>Last Updated:</strong> December 2024</p>\n                        <p>By using our services, you agree to the terms and conditions outlined in this document. Please read this Privacy Policy and Terms of Use carefully before using our platform.</p>\n                    </div>\n                </ng-template>\n            </p-message>\n\n            <h2>1. Acceptance of Terms</h2>\n            <p>By accessing and using this service, you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service.</p>\n\n            <h2>2. Privacy Policy</h2>\n\n            <h3>2.1 Information We Collect</h3>\n            <p>We collect information you provide directly to us, such as when you create an account, use our services, or contact us for support. This may include:</p>\n            <ul>\n                <li><strong>Personal Information:</strong> Name, email address, phone number, and other contact details</li>\n                <li><strong>Account Information:</strong> Username, password, and profile information</li>\n                <li><strong>Usage Data:</strong> Information about how you use our services, including pages visited, time spent, and features used</li>\n                <li><strong>Device Information:</strong> IP address, browser type, operating system, and device identifiers</li>\n                <li><strong>Cookies and Tracking:</strong> We use cookies and similar technologies to enhance your experience</li>\n            </ul>\n\n            <h3>2.2 How We Use Your Information</h3>\n            <p>We use the information we collect to:</p>\n            <ul>\n                <li>Provide, maintain, and improve our services</li>\n                <li>Process transactions and send related information</li>\n                <li>Send technical notices, updates, security alerts, and support messages</li>\n                <li>Respond to your comments, questions, and requests</li>\n                <li>Monitor and analyze trends, usage, and activities</li>\n                <li>Personalize and improve your experience</li>\n                <li>Detect, investigate, and prevent fraudulent transactions and other illegal activities</li>\n            </ul>\n\n            <h3>2.3 Information Sharing and Disclosure</h3>\n            <p>We do not sell, trade, or otherwise transfer your personal information to third parties without your consent, except in the following circumstances:</p>\n            <ul>\n                <li><strong>Service Providers:</strong> We may share information with trusted third-party service providers who assist us in operating our platform</li>\n                <li><strong>Legal Requirements:</strong> We may disclose information when required by law or to protect our rights and safety</li>\n                <li><strong>Business Transfers:</strong> In connection with any merger, sale of assets, or acquisition of all or a portion of our business</li>\n                <li><strong>Consent:</strong> We may share information with your explicit consent</li>\n            </ul>\n\n            <h3>2.4 Data Security</h3>\n            <p>We implement appropriate technical and organizational security measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction. However, no method of transmission over the internet or electronic storage is 100% secure.</p>\n\n            <h3>2.5 Data Retention</h3>\n            <p>We retain your personal information for as long as necessary to provide our services and fulfill the purposes outlined in this privacy policy, unless a longer retention period is required or permitted by law.</p>\n\n            <h3>2.6 Your Rights</h3>\n            <p>Depending on your location, you may have certain rights regarding your personal information, including:</p>\n            <ul>\n                <li>The right to access and receive a copy of your personal information</li>\n                <li>The right to rectify or update your personal information</li>\n                <li>The right to erase your personal information</li>\n                <li>The right to restrict or object to the processing of your personal information</li>\n                <li>The right to data portability</li>\n                <li>The right to withdraw consent at any time</li>\n            </ul>\n\n            <h2>3. Terms of Service</h2>\n\n            <h3>3.1 User Accounts</h3>\n            <p>To access certain features of our service, you may be required to create an account. You are responsible for:</p>\n            <ul>\n                <li>Maintaining the confidentiality of your account credentials</li>\n                <li>All activities that occur under your account</li>\n                <li>Notifying us immediately of any unauthorized use of your account</li>\n                <li>Providing accurate and up-to-date information</li>\n            </ul>\n\n            <h3>3.2 Acceptable Use</h3>\n            <p>You agree not to use our service for any unlawful purpose or any purpose prohibited under this clause. You may not use our service in any manner that could damage, disable, overburden, or impair our servers or networks.</p>\n\n            <h3>3.3 Prohibited Activities</h3>\n            <p>The following activities are prohibited:</p>\n            <ul>\n                <li>Violating any applicable laws or regulations</li>\n                <li>Transmitting or procuring the sending of any unsolicited or unauthorized advertising</li>\n                <li>Attempting to gain unauthorized access to any portion of our service</li>\n                <li>Interfering with or disrupting the service or servers connected to the service</li>\n                <li>Using any automated system to access the service for any purpose</li>\n                <li>Impersonating any person or entity or misrepresenting your affiliation with a person or entity</li>\n            </ul>\n\n            <h3>3.4 Intellectual Property</h3>\n            <p>The service and its original content, features, and functionality are and will remain the exclusive property of our company and its licensors. The service is protected by copyright, trademark, and other laws.</p>\n\n            <h3>3.5 Termination</h3>\n            <p>We may terminate or suspend your account and bar access to the service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever, including without limitation if you breach the Terms.</p>\n\n            <h3>3.6 Disclaimer</h3>\n            <p>The information on this service is provided on an \"as is\" basis. To the fullest extent permitted by law, this company excludes all representations, warranties, conditions and terms relating to our service and the use of this service.</p>\n\n            <h3>3.7 Limitation of Liability</h3>\n            <p>In no event shall our company, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential, or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses, resulting from your use of the service.</p>\n\n            <h2>4. Cookies and Tracking Technologies</h2>\n            <p>We use cookies and similar tracking technologies to track activity on our service and hold certain information. Cookies are files with a small amount of data which may include an anonymous unique identifier. You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent.</p>\n\n            <h2>5. Third-Party Services</h2>\n            <p>Our service may contain links to third-party websites or services that are not owned or controlled by us. We have no control over and assume no responsibility for the content, privacy policies, or practices of any third-party websites or services.</p>\n\n            <h2>6. Children's Privacy</h2>\n            <p>Our service does not address anyone under the age of 13. We do not knowingly collect personally identifiable information from children under 13. If you are a parent or guardian and you are aware that your child has provided us with personal information, please contact us.</p>\n\n            <h2>7. International Data Transfers</h2>\n            <p>Your information may be transferred to and processed in countries other than your own. We ensure that such transfers comply with applicable data protection laws and implement appropriate safeguards to protect your personal information.</p>\n\n            <h2>8. Changes to This Policy</h2>\n            <p>We reserve the right to update or change our Privacy Policy and Terms of Use at any time. We will notify you of any changes by posting the new Privacy Policy and Terms of Use on this page and updating the \"Last Updated\" date.</p>\n\n            <div class=\"contact-section\">\n                <h2>9. Contact Information</h2>\n                <p>If you have any questions about this Privacy Policy and Terms of Use, please contact us:</p>\n                <ul>\n                    <li><strong>Email:</strong> [Your Email Address]</li>\n                    <li><strong>Address:</strong> [Your Company Address]</li>\n                    <li><strong>Phone:</strong> [Your Contact Number]</li>\n                </ul>\n            </div>\n\n            <div class=\"footer-section\">\n                <p>This document was last updated on December 2024</p>\n            </div>\n        </div>\n    </div>\n</div>\n\n", styles: ["@charset \"UTF-8\";.privacy-policy-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.privacy-policy-container .policy-card{max-width:1000px;margin:0 auto;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.privacy-policy-container .policy-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.privacy-policy-container .header-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;position:relative;overflow:hidden}.privacy-policy-container .header-section:before{content:\"\";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"50\" cy=\"10\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"10\" cy=\"60\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"90\" cy=\"40\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"/></svg>');opacity:.3}.privacy-policy-container .header-section .header-content{position:relative;z-index:1}.privacy-policy-container .header-section h1{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.privacy-policy-container .content-section{padding:3rem}.privacy-policy-container .content-section .info-banner{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:none;border-radius:15px;box-shadow:0 5px 15px #2196f31a;margin-bottom:2rem}.privacy-policy-container .content-section .info-banner .p-message-content{padding:1.5rem}.privacy-policy-container .content-section .info-banner .p-message-content .last-updated{font-size:1.1rem;font-weight:600;color:#1976d2;margin-bottom:1rem}.privacy-policy-container .content-section .info-banner .p-message-content p{color:#424242;line-height:1.6;margin:0}.privacy-policy-container .content-section h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:3px solid #667eea;position:relative}.privacy-policy-container .content-section h2:before{content:\"\";position:absolute;bottom:-3px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.privacy-policy-container .content-section h3{color:#34495e;font-size:1.3rem;font-weight:600;margin:2rem 0 1rem;padding-left:1rem;border-left:4px solid #667eea;background:linear-gradient(90deg,rgba(102,126,234,.1),transparent);padding:.75rem 1rem;border-radius:0 8px 8px 0}.privacy-policy-container .content-section p{color:#555;line-height:1.7;margin-bottom:1.5rem;font-size:1rem}.privacy-policy-container .content-section ul{margin:1rem 0 2rem;padding-left:0}.privacy-policy-container .content-section ul li{color:#555;line-height:1.6;margin-bottom:.75rem;padding-left:2rem;position:relative;font-size:1rem}.privacy-policy-container .content-section ul li:before{content:\"\\25b6\";position:absolute;left:0;color:#667eea;font-size:.8rem;top:.2rem}.privacy-policy-container .content-section ul li strong{color:#2c3e50;font-weight:600}.privacy-policy-container .content-section .contact-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;padding:2rem;margin-top:3rem;border:1px solid #dee2e6;box-shadow:0 5px 15px #0000000d}.privacy-policy-container .content-section .contact-section h2{color:#2c3e50;margin-top:0;border-bottom:3px solid #28a745}.privacy-policy-container .content-section .contact-section h2:before{background:linear-gradient(90deg,#28a745,#20c997)}.privacy-policy-container .content-section .contact-section ul li:before{color:#28a745}.privacy-policy-container .content-section .footer-section{text-align:center;margin-top:3rem;padding-top:2rem;border-top:2px solid #e9ecef}.privacy-policy-container .content-section .footer-section p{color:#6c757d;font-style:italic;font-size:.9rem;margin:0}@media (max-width: 768px){.privacy-policy-container{padding:1rem .5rem}.privacy-policy-container .policy-card{border-radius:15px}.privacy-policy-container .header-section{padding:1.5rem}.privacy-policy-container .header-section h1{font-size:2rem}.privacy-policy-container .content-section{padding:2rem 1.5rem}.privacy-policy-container .content-section h2{font-size:1.5rem}.privacy-policy-container .content-section h3{font-size:1.2rem}}@media (max-width: 480px){.privacy-policy-container .header-section h1{font-size:1.8rem}.privacy-policy-container .content-section{padding:1.5rem 1rem}.privacy-policy-container .content-section h2{font-size:1.3rem}.privacy-policy-container .content-section h3{font-size:1.1rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}\n"] }]
+            args: [{ selector: 'rtsee-privacy-policy', imports: [ButtonModule, MessageModule], standalone: true, template: "<div class=\"privacy-policy-container\">\n    <div class=\"policy-card rts-glass-card\">\n        <div class=\"header-section\">\n            <div class=\"header-content\">\n                <h1>Terms of Use & Privacy Policy</h1>\n            </div>\n        </div>\n\n        <div class=\"content-section\">\n            <p-message severity=\"info\" [closable]=\"false\" class=\"info-banner\">\n                <ng-template pTemplate>\n                    <div class=\"p-message-content\">\n                        <p class=\"last-updated\"><strong>Last Updated:</strong> December 2024</p>\n                        <p>By using our services, you agree to the terms and conditions outlined in this document. Please read this Privacy Policy and Terms of Use carefully before using our platform.</p>\n                    </div>\n                </ng-template>\n            </p-message>\n\n            <h2>1. Acceptance of Terms</h2>\n            <p>By accessing and using this service, you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service.</p>\n\n            <h2>2. Privacy Policy</h2>\n\n            <h3>2.1 Information We Collect</h3>\n            <p>We collect information you provide directly to us, such as when you create an account, use our services, or contact us for support. This may include:</p>\n            <ul>\n                <li><strong>Personal Information:</strong> Name, email address, phone number, and other contact details</li>\n                <li><strong>Account Information:</strong> Username, password, and profile information</li>\n                <li><strong>Usage Data:</strong> Information about how you use our services, including pages visited, time spent, and features used</li>\n                <li><strong>Device Information:</strong> IP address, browser type, operating system, and device identifiers</li>\n                <li><strong>Cookies and Tracking:</strong> We use cookies and similar technologies to enhance your experience</li>\n            </ul>\n\n            <h3>2.2 How We Use Your Information</h3>\n            <p>We use the information we collect to:</p>\n            <ul>\n                <li>Provide, maintain, and improve our services</li>\n                <li>Process transactions and send related information</li>\n                <li>Send technical notices, updates, security alerts, and support messages</li>\n                <li>Respond to your comments, questions, and requests</li>\n                <li>Monitor and analyze trends, usage, and activities</li>\n                <li>Personalize and improve your experience</li>\n                <li>Detect, investigate, and prevent fraudulent transactions and other illegal activities</li>\n            </ul>\n\n            <h3>2.3 Information Sharing and Disclosure</h3>\n            <p>We do not sell, trade, or otherwise transfer your personal information to third parties without your consent, except in the following circumstances:</p>\n            <ul>\n                <li><strong>Service Providers:</strong> We may share information with trusted third-party service providers who assist us in operating our platform</li>\n                <li><strong>Legal Requirements:</strong> We may disclose information when required by law or to protect our rights and safety</li>\n                <li><strong>Business Transfers:</strong> In connection with any merger, sale of assets, or acquisition of all or a portion of our business</li>\n                <li><strong>Consent:</strong> We may share information with your explicit consent</li>\n            </ul>\n\n            <h3>2.4 Data Security</h3>\n            <p>We implement appropriate technical and organizational security measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction. However, no method of transmission over the internet or electronic storage is 100% secure.</p>\n\n            <h3>2.5 Data Retention</h3>\n            <p>We retain your personal information for as long as necessary to provide our services and fulfill the purposes outlined in this privacy policy, unless a longer retention period is required or permitted by law.</p>\n\n            <h3>2.6 Your Rights</h3>\n            <p>Depending on your location, you may have certain rights regarding your personal information, including:</p>\n            <ul>\n                <li>The right to access and receive a copy of your personal information</li>\n                <li>The right to rectify or update your personal information</li>\n                <li>The right to erase your personal information</li>\n                <li>The right to restrict or object to the processing of your personal information</li>\n                <li>The right to data portability</li>\n                <li>The right to withdraw consent at any time</li>\n            </ul>\n\n            <h2>3. Terms of Service</h2>\n\n            <h3>3.1 User Accounts</h3>\n            <p>To access certain features of our service, you may be required to create an account. You are responsible for:</p>\n            <ul>\n                <li>Maintaining the confidentiality of your account credentials</li>\n                <li>All activities that occur under your account</li>\n                <li>Notifying us immediately of any unauthorized use of your account</li>\n                <li>Providing accurate and up-to-date information</li>\n            </ul>\n\n            <h3>3.2 Acceptable Use</h3>\n            <p>You agree not to use our service for any unlawful purpose or any purpose prohibited under this clause. You may not use our service in any manner that could damage, disable, overburden, or impair our servers or networks.</p>\n\n            <h3>3.3 Prohibited Activities</h3>\n            <p>The following activities are prohibited:</p>\n            <ul>\n                <li>Violating any applicable laws or regulations</li>\n                <li>Transmitting or procuring the sending of any unsolicited or unauthorized advertising</li>\n                <li>Attempting to gain unauthorized access to any portion of our service</li>\n                <li>Interfering with or disrupting the service or servers connected to the service</li>\n                <li>Using any automated system to access the service for any purpose</li>\n                <li>Impersonating any person or entity or misrepresenting your affiliation with a person or entity</li>\n            </ul>\n\n            <h3>3.4 Intellectual Property</h3>\n            <p>The service and its original content, features, and functionality are and will remain the exclusive property of our company and its licensors. The service is protected by copyright, trademark, and other laws.</p>\n\n            <h3>3.5 Termination</h3>\n            <p>We may terminate or suspend your account and bar access to the service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever, including without limitation if you breach the Terms.</p>\n\n            <h3>3.6 Disclaimer</h3>\n            <p>The information on this service is provided on an \"as is\" basis. To the fullest extent permitted by law, this company excludes all representations, warranties, conditions and terms relating to our service and the use of this service.</p>\n\n            <h3>3.7 Limitation of Liability</h3>\n            <p>In no event shall our company, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential, or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses, resulting from your use of the service.</p>\n\n            <h2>4. Cookies and Tracking Technologies</h2>\n            <p>We use cookies and similar tracking technologies to track activity on our service and hold certain information. Cookies are files with a small amount of data which may include an anonymous unique identifier. You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent.</p>\n\n            <h2>5. Third-Party Services</h2>\n            <p>Our service may contain links to third-party websites or services that are not owned or controlled by us. We have no control over and assume no responsibility for the content, privacy policies, or practices of any third-party websites or services.</p>\n\n            <h2>6. Children's Privacy</h2>\n            <p>Our service does not address anyone under the age of 13. We do not knowingly collect personally identifiable information from children under 13. If you are a parent or guardian and you are aware that your child has provided us with personal information, please contact us.</p>\n\n            <h2>7. International Data Transfers</h2>\n            <p>Your information may be transferred to and processed in countries other than your own. We ensure that such transfers comply with applicable data protection laws and implement appropriate safeguards to protect your personal information.</p>\n\n            <h2>8. Changes to This Policy</h2>\n            <p>We reserve the right to update or change our Privacy Policy and Terms of Use at any time. We will notify you of any changes by posting the new Privacy Policy and Terms of Use on this page and updating the \"Last Updated\" date.</p>\n\n            <div class=\"contact-section\">\n                <h2>9. Contact Information</h2>\n                <p>If you have any questions about this Privacy Policy and Terms of Use, please contact us:</p>\n                <ul>\n                    <li><strong>Email:</strong> [Your Email Address]</li>\n                    <li><strong>Address:</strong> [Your Company Address]</li>\n                    <li><strong>Phone:</strong> [Your Contact Number]</li>\n                </ul>\n            </div>\n\n            <div class=\"footer-section\">\n                <p>This document was last updated on December 2024</p>\n            </div>\n        </div>\n    </div>\n</div>\n\n" }]
         }] });
 
 class RTSeeAuthComponent {
@@ -6571,7 +6892,7 @@ class RTSeeAuthComponent {
         this.authService.init(this.auth);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RTSeeAuthComponent, deps: [{ token: RTSeeAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RTSeeAuthComponent, isStandalone: true, selector: "rtsee-auth", inputs: { auth: "auth" }, ngImport: i0, template: "<div class=\"rtsee-auth\">\n  @if (authService.rtseeAuth) {\n    @if (activeComponent === 'sign-in') {\n      <rtsee-sign-in></rtsee-sign-in>\n    }\n    @if (activeComponent === 'sign-up') {\n      <rtsee-sign-up></rtsee-sign-up>\n    }\n    @if (activeComponent === 'forgot-password') {\n      <rtsee-forgot-password></rtsee-forgot-password>\n    }\n    @if (activeComponent === 'reset-password') {\n      <rtsee-reset-password></rtsee-reset-password>\n    }\n    @if (activeComponent === 'privacy-policy') {\n      <rtsee-privacy-policy></rtsee-privacy-policy>\n    }\n  }\n</div>\n", dependencies: [{ kind: "component", type: SignInComponent, selector: "rtsee-sign-in" }, { kind: "component", type: SignUpComponent, selector: "rtsee-sign-up" }, { kind: "component", type: ForgotPasswordComponent, selector: "rtsee-forgot-password" }, { kind: "component", type: ResetPasswordComponent, selector: "rtsee-reset-password" }, { kind: "component", type: PrivacyPolicyComponent, selector: "rtsee-privacy-policy" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RTSeeAuthComponent, isStandalone: true, selector: "rtsee-auth", inputs: { auth: "auth" }, ngImport: i0, template: "<div class=\"rtsee-auth rts-theme-dark\">\n  @if (authService.rtseeAuth) {\n    @if (activeComponent === 'sign-in') {\n      <rtsee-sign-in></rtsee-sign-in>\n    }\n    @if (activeComponent === 'sign-up') {\n      <rtsee-sign-up></rtsee-sign-up>\n    }\n    @if (activeComponent === 'forgot-password') {\n      <rtsee-forgot-password></rtsee-forgot-password>\n    }\n    @if (activeComponent === 'reset-password') {\n      <rtsee-reset-password></rtsee-reset-password>\n    }\n    @if (activeComponent === 'privacy-policy') {\n      <rtsee-privacy-policy></rtsee-privacy-policy>\n    }\n  }\n</div>\n", dependencies: [{ kind: "component", type: SignInComponent, selector: "rtsee-sign-in" }, { kind: "component", type: SignUpComponent, selector: "rtsee-sign-up" }, { kind: "component", type: ForgotPasswordComponent, selector: "rtsee-forgot-password" }, { kind: "component", type: ResetPasswordComponent, selector: "rtsee-reset-password" }, { kind: "component", type: PrivacyPolicyComponent, selector: "rtsee-privacy-policy" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RTSeeAuthComponent, decorators: [{
             type: Component,
@@ -6581,7 +6902,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         ForgotPasswordComponent,
                         ResetPasswordComponent,
                         PrivacyPolicyComponent,
-                    ], standalone: true, template: "<div class=\"rtsee-auth\">\n  @if (authService.rtseeAuth) {\n    @if (activeComponent === 'sign-in') {\n      <rtsee-sign-in></rtsee-sign-in>\n    }\n    @if (activeComponent === 'sign-up') {\n      <rtsee-sign-up></rtsee-sign-up>\n    }\n    @if (activeComponent === 'forgot-password') {\n      <rtsee-forgot-password></rtsee-forgot-password>\n    }\n    @if (activeComponent === 'reset-password') {\n      <rtsee-reset-password></rtsee-reset-password>\n    }\n    @if (activeComponent === 'privacy-policy') {\n      <rtsee-privacy-policy></rtsee-privacy-policy>\n    }\n  }\n</div>\n" }]
+                    ], standalone: true, template: "<div class=\"rtsee-auth rts-theme-dark\">\n  @if (authService.rtseeAuth) {\n    @if (activeComponent === 'sign-in') {\n      <rtsee-sign-in></rtsee-sign-in>\n    }\n    @if (activeComponent === 'sign-up') {\n      <rtsee-sign-up></rtsee-sign-up>\n    }\n    @if (activeComponent === 'forgot-password') {\n      <rtsee-forgot-password></rtsee-forgot-password>\n    }\n    @if (activeComponent === 'reset-password') {\n      <rtsee-reset-password></rtsee-reset-password>\n    }\n    @if (activeComponent === 'privacy-policy') {\n      <rtsee-privacy-policy></rtsee-privacy-policy>\n    }\n  }\n</div>\n" }]
         }], ctorParameters: () => [{ type: RTSeeAuthService }], propDecorators: { auth: [{
                 type: Input
             }] } });
@@ -6888,5 +7209,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { EntitiesConfigurationsListComponent, EntitiesListComponent, FormComponent, GtagService, IllustratorComponent, InteractiveStoryEditorComponent, ManageEntityComponent, ManageEntityConfigurationComponent, MessengerComponent, NgxService, PaymentProductSnippetComponent, PresentationComponent, ProfileComponent, RTSeeAuthComponent, RTSeeConferenceComponent, RTSeeContainerComponent, RTSeeControlsComponent, RTSeeModule, RTSeeTaskComponent, RtseeEntityCommentsComponent, RtseeEntityPreviewComponent, RtseeEntityTagsComponent, RtseeEventsDashboardComponent, RtseePeerComponent, RtseeSettingsComponent, RtseeTagGroupManageComponent, RtseeTagGroupsManageComponent, RtseeTagManageComponent, RtseeTagsAccordionMenuComponent, StoryElementsSectionComponent, WorkflowStepsService };
+export { BaseEventWidgetComponent, EntitiesConfigurationsListComponent, EntitiesListComponent, EventsWidgetsService, FormComponent, GtagService, IllustratorComponent, InteractiveStoryEditorComponent, ManageEntityComponent, ManageEntityConfigurationComponent, MessengerComponent, NgxService, PaymentProductSnippetComponent, PresentationComponent, ProfileComponent, RTSeeAuthComponent, RTSeeConferenceComponent, RTSeeContainerComponent, RTSeeControlsComponent, RTSeeModule, RTSeeTaskComponent, RtseeEntityCommentsComponent, RtseeEntityPreviewComponent, RtseeEntityTagsComponent, RtseeEventsDashboardComponent, RtseePeerComponent, RtseeSettingsComponent, RtseeTagGroupManageComponent, RtseeTagGroupsManageComponent, RtseeTagManageComponent, RtseeTagsAccordionMenuComponent, SlideNumberChangedWidgetComponent, StoryDetailsOpenedWidgetComponent, StoryElementsSectionComponent, StoryReadingStartedWidgetComponent };
 //# sourceMappingURL=rtsee-ngx.mjs.map