@propmix/profet-common-header 3.0.15-utility-unstable.4 → 3.0.15-utility-unstable.6

package/fesm2020/propmix-profet-common-header-appraisal-assistant-chat-widget.component-8816b836.mjs

@@ -0,0 +1,276 @@
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Pipe, Component, ViewChild, ViewChildren } from '@angular/core';
+import * as i3$1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import * as i4 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import * as i5 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import * as i7 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { CommonHeaderService } from './propmix-profet-common-header.mjs';
+import * as i1 from '@angular/platform-browser';
+import '@angular/common/http';
+import '@angular/material/dialog';
+import 'rxjs';
+import '@angular/material/divider';
+import '@angular/material/list';
+import '@angular/material/menu';
+import '@angular/material/select';
+import '@angular/material/snack-bar';
+import '@angular/material/toolbar';
+import '@angular/router';
+import 'aws-amplify/auth';
+import '@angular/material/core';
+
+function WithClosable(Base) {
+    return class extends Base {
+        constructor() {
+            super(...arguments);
+            this._ser = inject(CommonHeaderService);
+        }
+        close() {
+            this._ser.toggleUtilityContentDrawer();
+        }
+    };
+}
+
+class ChatTimePipe {
+    transform(value) {
+        const date = new Date(value);
+        const now = new Date();
+        const isToday = date.getDate() === now.getDate() &&
+            date.getMonth() === now.getMonth() &&
+            date.getFullYear() === now.getFullYear();
+        const timeString = date.toLocaleTimeString([], {
+            hour: '2-digit',
+            minute: '2-digit',
+            hour12: true,
+        });
+        if (isToday) {
+            return timeString;
+        }
+        const dateString = date.toLocaleDateString([], {
+            year: 'numeric',
+            month: 'short',
+            day: 'numeric',
+        });
+        return `${dateString} ${timeString}`;
+    }
+}
+ChatTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChatTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ChatTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ChatTimePipe, isStandalone: true, name: "chatTime" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChatTimePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'chatTime',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * Pipe to convert text with special characters to HTML.
+ * It replaces:
+ * - \n with <br>
+ * - \t with &emsp;
+ * - \' with '
+ * - \" with "
+ * - \\ with \
+ * - **text** with <strong>text</strong>
+ * - _text_ with <em>text</em>
+ */
+class TextToHtmlPipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(value) {
+        if (!value)
+            return '';
+        let html = value
+            .replace(/\\n|\n/g, '<br>')
+            .replace(/\\t|\t/g, '&emsp;');
+        // .replace(/\\'/g, `'`)
+        // .replace(/\\"/g, '"')
+        // .replace(/\\\\/g, `\\`)
+        // .replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
+        // .replace(/_(.+?)_/g, '<em>$1</em>');
+        return this.sanitizer.bypassSecurityTrustHtml(html);
+    }
+}
+TextToHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextToHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+TextToHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TextToHtmlPipe, isStandalone: true, name: "textToHtml" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextToHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'textToHtml',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });
+
+class EmptyBase {
+}
+class AppraisalAssistantChatWidgetComponent extends WithClosable(class {
+}) {
+    constructor() {
+        super(...arguments);
+        this.isOpen = false;
+        this.message = '';
+        this.messages = [];
+        this.isLoading = false;
+        this.conversationId = '';
+        this.msgControl = new FormControl('');
+        this._chatSer = inject(CommonHeaderService);
+        this.shouldScroll = false;
+        this.welcomeMessage = '';
+    }
+    ngOnInit() {
+        if ((this.messages.length === 0)) {
+            this.sendMessage();
+        }
+    }
+    ngAfterViewChecked() {
+        if (this.shouldScroll) {
+            setTimeout(() => {
+                this.scrollToLastMessage();
+                this.shouldScroll = false;
+            }, 100);
+        }
+    }
+    toggleChat() {
+        this.close();
+        // this.isOpen = !this.isOpen;
+        // if (this.isOpen && (this.messages.length === 0)) {
+        //   this.sendMessage();
+        // }
+    }
+    sendMessage() {
+        this.isLoading = true;
+        this.msgControl.disable();
+        let req = {
+            query: this.msgControl.value?.trim() ? this.msgControl.value.trim() : null,
+        };
+        if (this.msgControl.value?.trim()?.length > 0) {
+            this.messages.push({ response: this.msgControl.value?.trim(), isUser: true, timeStamp: new Date() });
+        }
+        this.shouldScroll = true;
+        if (this.conversationId)
+            req.conversationId = this.conversationId;
+        this.msgControl.setValue('');
+        this._chatSer.getQueryResponse(req)
+            .subscribe({
+            next: ((res) => {
+                if (res) {
+                    if (res.message) {
+                        this.messages.push({ response: res.message, timeStamp: new Date() });
+                        this.welcomeMessage = res.message;
+                    }
+                    else if (res.result?.httpCode == 200) {
+                        if (res.result.data.response) {
+                            this.conversationId = res.result.data.conversationId;
+                            res.result.data.timeStamp = new Date();
+                            this.messages.push(res.result.data);
+                        }
+                    }
+                    else if (res.result?.httpCode == 204) {
+                        this.messages.push({ response: res.result.message, timeStamp: new Date() });
+                    }
+                    this.shouldScroll = true;
+                }
+                this.isLoading = false;
+                this.msgControl.enable();
+                this.focusInput();
+            }),
+            error: ((err) => {
+                this.isLoading = false;
+                this.msgControl.enable();
+                this.focusInput();
+            })
+        });
+    }
+    // scrollToLastMessage() {
+    //   const container = this.chatContainer?.nativeElement;
+    //   if (container && container.scrollHeight > container.clientHeight) {
+    //     container.scrollTop = container.scrollHeight;
+    //   }
+    // }
+    scrollToLastMessage() {
+        const container = this.chatContainer?.nativeElement;
+        if (container && this.lastMessageRefs && this.lastMessageRefs.length > 0) {
+            const lastMsg = this.lastMessageRefs.last.nativeElement;
+            const lastMsgRect = lastMsg.getBoundingClientRect();
+            const containerRect = container.getBoundingClientRect();
+            // If last message is below the visible area of the container
+            if (lastMsgRect.bottom > containerRect.bottom) {
+                const scrollOffset = lastMsg.offsetTop - container.offsetTop;
+                container.scrollTop = scrollOffset;
+            }
+            // If last message is above the visible area of the container
+            else if (lastMsgRect.top < containerRect.top) {
+                const scrollOffset = lastMsg.offsetTop - container.offsetTop;
+                container.scrollTop = scrollOffset;
+            }
+            // Else, it's already visible; do nothing
+        }
+    }
+    handleKeyDown(event) {
+        if (event.key === 'Enter' && !event.shiftKey) {
+            event.preventDefault();
+            if (this.msgControl.value?.trim()?.length > 0) {
+                this.sendMessage();
+            }
+        }
+        // Shift+Enter will be allowed by default
+    }
+    focusInput() {
+        if (this.msgInputRef) {
+            this.msgInputRef.nativeElement.focus();
+        }
+    }
+    resetChat() {
+        let message = [{ response: this.welcomeMessage, timeStamp: new Date() }];
+        this.messages = message;
+        this.conversationId = '';
+        this.msgControl.setValue('');
+        this.shouldScroll = false;
+        if (this.msgInputRef) {
+            this.msgInputRef.nativeElement.focus();
+        }
+    }
+}
+AppraisalAssistantChatWidgetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppraisalAssistantChatWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+AppraisalAssistantChatWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppraisalAssistantChatWidgetComponent, isStandalone: true, selector: "appraisal-assistant-agent", viewQueries: [{ propertyName: "chatContainer", first: true, predicate: ["chatContainer"], descendants: true }, { propertyName: "msgInputRef", first: true, predicate: ["msgInput"], descendants: true }, { propertyName: "lastMessageRefs", predicate: ["lastMessageRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"isOpen?'chat-container-wrap':''\">\n    <div class=\"chatbot-container\">\n        <div class=\"chatbot-sidenav\">\n            <div class=\"chat-header\"><span>Appraisal Assistant (Beta)</span>\n                <div class=\"chat-header-actions\">\n                    <button tabindex=\"-1\" mat-button class=\"reset-button small_btn\" [disabled]=\"isLoading\"\n                        (click)=\"resetChat()\">Reset\n                    </button>\n                    <!-- <span>Reset</span> -->\n                    <!-- <button mat-icon-button matTooltip=\"Collapse\" class=\"d-flex align-item-center\" (click)=\"toggleChat()\">\n                                                <mat-icon>chevron_right</mat-icon>\n                                        </button> -->\n                    <button matTooltip=\"Collapse\" class=\"d-flex align-item-center collapse_btn\" (click)=\"toggleChat()\">\n                        <mat-icon>chevron_right</mat-icon>\n                    </button>\n                </div>\n            </div>\n            <div class=\"chat-messages\" #chatContainer>\n                <div *ngFor=\"let message of messages; let isLast = last\" class=\"message-container\"\n                    [ngClass]=\"{'user-message': message.isUser, 'bot-message': !message.isUser}\"\n                    style=\"margin-bottom: 15px;\" #lastMessageRef>\n                    <div class=\"message-content\">\n                        <span [innerHTML]=\"message.response | textToHtml\"></span>\n                        <span class=\"message-time\">{{ message.timeStamp | chatTime }} </span>\n                    </div>\n                </div>\n            </div>\n            <form class=\"chat-input-container\" (submit)=\"sendMessage()\">\n                <textarea class=\"chat-textarea\" [formControl]=\"msgControl\" placeholder=\"Start typing here...\" rows=\"1\"\n                    (keydown)=\"handleKeyDown($event)\" #msgInput></textarea>\n                <mat-spinner *ngIf=\"isLoading\" [diameter]=\"24\" strokeWidth=\"3\" color=\"primary\" class=\"position-absolute\"\n                    style=\"right:22px\"></mat-spinner>\n                <button color=\"primary\" [disabled]=\"isLoading || (msgControl.value?.trim()?.length <= 0)\"\n                    mat-icon-button class=\"d-flex align-items-center\" (click)=\"sendMessage()\">\n                    <mat-icon *ngIf=\"!isLoading\">send</mat-icon>\n                    <!-- <mat-spinner *ngIf=\"isLoading\" [diameter]=\"24\" strokeWidth=\"3\"></mat-spinner> -->\n                </button>\n            </form>\n        </div>\n    </div>\n    <!-- <mat-sidenav-container [hasBackdrop]=\"true\" class=\"chatbot-container\"><mat-sidenav #sidenav position=\"end\"\n            mode=\"over\" [(opened)]=\"isOpen\" [disableClose]=\"true\" class=\"chatbot-sidenav\">\n        </mat-sidenav></mat-sidenav-container> -->\n</div>\n<!-- <div *ngIf=\"!isOpen\" class=\"chat-launcher\" (click)=\"toggleChat()\">\n    <div>\n        <div class=\"list-icons-cell\">\n            <mat-icon class=\"list-icons\">3p</mat-icon>\n        </div>\n    </div>\n</div> -->", styles: [":host .chatbot-container{top:0;right:0;height:100vh;background:transparent}:host .chatbot-container .mat-sidenav{z-index:5;pointer-events:auto;width:650px;display:flex;flex-direction:column}:host .chatbot-container .chat-header{display:flex;justify-content:space-between;align-items:center;padding:5px 16px;background:linear-gradient(to right,#3966b6,var(--themelightblue));color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 5px #0000004d;line-height:20px;letter-spacing:normal}:host .chatbot-container .chat-header span{font-size:13.12px;font-weight:550!important;line-height:20px;letter-spacing:normal}:host .chatbot-container .chat-header button:first-child{background-color:#4076d5!important}:host .chatbot-container .chat-messages{flex:1;padding:60px 16px 16px;background-color:#fff;overflow-y:auto;overscroll-behavior:contain;position:relative}:host .chatbot-container .message-container{display:flex;margin-bottom:12px;align-items:flex-start}:host .chat-launcher{background-color:#fff!important;border-radius:3px}:host .chat-launcher span{white-space:nowrap;border-right:1px solid #999999;font-size:13.12px!important;padding-right:5px;color:#fff!important}:host .chat-launcher .list-icons-cell{padding:8px;text-align:center;vertical-align:middle;height:40px;width:40px;cursor:pointer;border-radius:30px;margin-top:10px}:host .chat-launcher .list-icons-cell .list-icons{font-size:25px!important;color:#4b85ea!important}:host .list-icons-cell:hover{background-color:#ccc}:host .chat-header-actions{display:flex;align-items:center;gap:8px}:host .chat-header-actions .reset-button{color:#fff;line-height:20px!important;letter-spacing:.5px!important;font-size:13.12px!important}:host .user-message{justify-content:flex-end}:host .user-message .message-content{background-color:RGB(235,243,255);color:#212121;border:1px solid RGB(220,233,251);padding:10px 14px;border-radius:10px;max-width:70%;margin-left:auto;font-size:13px;line-height:21px!important}:host .user-message .message-time{display:block;font-size:9px;color:#555;margin-top:0;text-align:right}:host .bot-message{justify-content:flex-start}:host .bot-message .message-content{color:#212121;padding:10px 14px;border-radius:10px;width:98%;margin-right:auto;font-size:13px;line-height:21px!important}:host .bot-message .message-time{display:block;font-size:9px;color:#555;margin-top:0;text-align:left}:host .message-content{display:inline-block;word-break:break-word}:host .chat-input-container{display:flex;align-items:center;padding:12px;background-color:#fff;position:sticky;bottom:0;border-top:1px solid #e0e0e0;z-index:10}:host .chat-textarea{flex:1;resize:none;padding:12px 16px;border-radius:20px;font-size:14px;background-color:#f1f1f1;border:none;outline:none;line-height:1.4;max-height:150px;overflow-y:auto}:host .send-button{margin-left:8px;width:40px;height:40px;border-radius:50%;border:none;background-color:#3f51b5;color:#fff;display:flex;align-items:center;justify-content:center}:host .send-button:disabled{background-color:#ccc}:host .chat-container-wrap{position:fixed;inset:0;z-index:99999}:host ::ng-deep .mat-drawer-inner-container{display:flex;flex-direction:column}:host .collapse_btn{width:35px;height:35px;border-radius:50px;display:flex!important;align-items:center;justify-content:center;background-color:transparent!important;border:none}:host .collapse_btn mat-icon{font-size:24px!important;width:24px!important;height:24px!important;color:#fff!important}:host .collapse_btn:hover{background-color:#4076d5!important;transition:all .2s}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.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: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: ChatTimePipe, name: "chatTime" }, { kind: "pipe", type: TextToHtmlPipe, name: "textToHtml" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppraisalAssistantChatWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'appraisal-assistant-agent', standalone: true, imports: [
+                        MatSidenavModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                        CommonModule,
+                        MatInputModule,
+                        MatProgressSpinnerModule,
+                        ChatTimePipe,
+                        TextToHtmlPipe,
+                        MatTooltipModule
+                    ], template: "<div [class]=\"isOpen?'chat-container-wrap':''\">\n    <div class=\"chatbot-container\">\n        <div class=\"chatbot-sidenav\">\n            <div class=\"chat-header\"><span>Appraisal Assistant (Beta)</span>\n                <div class=\"chat-header-actions\">\n                    <button tabindex=\"-1\" mat-button class=\"reset-button small_btn\" [disabled]=\"isLoading\"\n                        (click)=\"resetChat()\">Reset\n                    </button>\n                    <!-- <span>Reset</span> -->\n                    <!-- <button mat-icon-button matTooltip=\"Collapse\" class=\"d-flex align-item-center\" (click)=\"toggleChat()\">\n                                                <mat-icon>chevron_right</mat-icon>\n                                        </button> -->\n                    <button matTooltip=\"Collapse\" class=\"d-flex align-item-center collapse_btn\" (click)=\"toggleChat()\">\n                        <mat-icon>chevron_right</mat-icon>\n                    </button>\n                </div>\n            </div>\n            <div class=\"chat-messages\" #chatContainer>\n                <div *ngFor=\"let message of messages; let isLast = last\" class=\"message-container\"\n                    [ngClass]=\"{'user-message': message.isUser, 'bot-message': !message.isUser}\"\n                    style=\"margin-bottom: 15px;\" #lastMessageRef>\n                    <div class=\"message-content\">\n                        <span [innerHTML]=\"message.response | textToHtml\"></span>\n                        <span class=\"message-time\">{{ message.timeStamp | chatTime }} </span>\n                    </div>\n                </div>\n            </div>\n            <form class=\"chat-input-container\" (submit)=\"sendMessage()\">\n                <textarea class=\"chat-textarea\" [formControl]=\"msgControl\" placeholder=\"Start typing here...\" rows=\"1\"\n                    (keydown)=\"handleKeyDown($event)\" #msgInput></textarea>\n                <mat-spinner *ngIf=\"isLoading\" [diameter]=\"24\" strokeWidth=\"3\" color=\"primary\" class=\"position-absolute\"\n                    style=\"right:22px\"></mat-spinner>\n                <button color=\"primary\" [disabled]=\"isLoading || (msgControl.value?.trim()?.length <= 0)\"\n                    mat-icon-button class=\"d-flex align-items-center\" (click)=\"sendMessage()\">\n                    <mat-icon *ngIf=\"!isLoading\">send</mat-icon>\n                    <!-- <mat-spinner *ngIf=\"isLoading\" [diameter]=\"24\" strokeWidth=\"3\"></mat-spinner> -->\n                </button>\n            </form>\n        </div>\n    </div>\n    <!-- <mat-sidenav-container [hasBackdrop]=\"true\" class=\"chatbot-container\"><mat-sidenav #sidenav position=\"end\"\n            mode=\"over\" [(opened)]=\"isOpen\" [disableClose]=\"true\" class=\"chatbot-sidenav\">\n        </mat-sidenav></mat-sidenav-container> -->\n</div>\n<!-- <div *ngIf=\"!isOpen\" class=\"chat-launcher\" (click)=\"toggleChat()\">\n    <div>\n        <div class=\"list-icons-cell\">\n            <mat-icon class=\"list-icons\">3p</mat-icon>\n        </div>\n    </div>\n</div> -->", styles: [":host .chatbot-container{top:0;right:0;height:100vh;background:transparent}:host .chatbot-container .mat-sidenav{z-index:5;pointer-events:auto;width:650px;display:flex;flex-direction:column}:host .chatbot-container .chat-header{display:flex;justify-content:space-between;align-items:center;padding:5px 16px;background:linear-gradient(to right,#3966b6,var(--themelightblue));color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 5px #0000004d;line-height:20px;letter-spacing:normal}:host .chatbot-container .chat-header span{font-size:13.12px;font-weight:550!important;line-height:20px;letter-spacing:normal}:host .chatbot-container .chat-header button:first-child{background-color:#4076d5!important}:host .chatbot-container .chat-messages{flex:1;padding:60px 16px 16px;background-color:#fff;overflow-y:auto;overscroll-behavior:contain;position:relative}:host .chatbot-container .message-container{display:flex;margin-bottom:12px;align-items:flex-start}:host .chat-launcher{background-color:#fff!important;border-radius:3px}:host .chat-launcher span{white-space:nowrap;border-right:1px solid #999999;font-size:13.12px!important;padding-right:5px;color:#fff!important}:host .chat-launcher .list-icons-cell{padding:8px;text-align:center;vertical-align:middle;height:40px;width:40px;cursor:pointer;border-radius:30px;margin-top:10px}:host .chat-launcher .list-icons-cell .list-icons{font-size:25px!important;color:#4b85ea!important}:host .list-icons-cell:hover{background-color:#ccc}:host .chat-header-actions{display:flex;align-items:center;gap:8px}:host .chat-header-actions .reset-button{color:#fff;line-height:20px!important;letter-spacing:.5px!important;font-size:13.12px!important}:host .user-message{justify-content:flex-end}:host .user-message .message-content{background-color:RGB(235,243,255);color:#212121;border:1px solid RGB(220,233,251);padding:10px 14px;border-radius:10px;max-width:70%;margin-left:auto;font-size:13px;line-height:21px!important}:host .user-message .message-time{display:block;font-size:9px;color:#555;margin-top:0;text-align:right}:host .bot-message{justify-content:flex-start}:host .bot-message .message-content{color:#212121;padding:10px 14px;border-radius:10px;width:98%;margin-right:auto;font-size:13px;line-height:21px!important}:host .bot-message .message-time{display:block;font-size:9px;color:#555;margin-top:0;text-align:left}:host .message-content{display:inline-block;word-break:break-word}:host .chat-input-container{display:flex;align-items:center;padding:12px;background-color:#fff;position:sticky;bottom:0;border-top:1px solid #e0e0e0;z-index:10}:host .chat-textarea{flex:1;resize:none;padding:12px 16px;border-radius:20px;font-size:14px;background-color:#f1f1f1;border:none;outline:none;line-height:1.4;max-height:150px;overflow-y:auto}:host .send-button{margin-left:8px;width:40px;height:40px;border-radius:50%;border:none;background-color:#3f51b5;color:#fff;display:flex;align-items:center;justify-content:center}:host .send-button:disabled{background-color:#ccc}:host .chat-container-wrap{position:fixed;inset:0;z-index:99999}:host ::ng-deep .mat-drawer-inner-container{display:flex;flex-direction:column}:host .collapse_btn{width:35px;height:35px;border-radius:50px;display:flex!important;align-items:center;justify-content:center;background-color:transparent!important;border:none}:host .collapse_btn mat-icon{font-size:24px!important;width:24px!important;height:24px!important;color:#fff!important}:host .collapse_btn:hover{background-color:#4076d5!important;transition:all .2s}\n"] }]
+        }], propDecorators: { chatContainer: [{
+                type: ViewChild,
+                args: ['chatContainer']
+            }], lastMessageRefs: [{
+                type: ViewChildren,
+                args: ['lastMessageRef']
+            }], msgInputRef: [{
+                type: ViewChild,
+                args: ['msgInput']
+            }] } });
+
+export { AppraisalAssistantChatWidgetComponent };
+//# sourceMappingURL=propmix-profet-common-header-appraisal-assistant-chat-widget.component-8816b836.mjs.map

package/fesm2020/propmix-profet-common-header-appraisal-assistant-chat-widget.component-8816b836.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"propmix-profet-common-header-appraisal-assistant-chat-widget.component-8816b836.mjs","sources":["../../../projects/common-header/src/lib/closable.mixin.ts","../../../projects/common-header/src/lib/utils/chat-time.pipe.ts","../../../projects/common-header/src/lib/utils/text-to-html.pipe.ts","../../../projects/common-header/src/lib/appraisal-assistant/appraisal-assistant-chat-widget.component.ts","../../../projects/common-header/src/lib/appraisal-assistant/appraisal-assistant-chat-widget.component.html"],"sourcesContent":["import { inject } from \"@angular/core\";\nimport { CommonHeaderService } from \"./common-header.service\";\n\nexport function WithClosable<T extends new (...args: any[]) => {}>(Base: T) {\n    return class extends Base {\n        _ser = inject(CommonHeaderService);\n\n        close() {\n            this._ser.toggleUtilityContentDrawer();\n        }\n    };\n}","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'chatTime',\n  standalone: true\n})\nexport class ChatTimePipe implements PipeTransform {\n\n  transform(value: string | number | Date): string {\n    const date = new Date(value);\n    const now = new Date();\n\n    const isToday =\n      date.getDate() === now.getDate() &&\n      date.getMonth() === now.getMonth() &&\n      date.getFullYear() === now.getFullYear();\n\n    const timeString = date.toLocaleTimeString([], {\n      hour: '2-digit',\n      minute: '2-digit',\n      hour12: true,\n    });\n\n    if (isToday) {\n      return timeString;\n    }\n\n    const dateString = date.toLocaleDateString([], {\n      year: 'numeric',\n      month: 'short', // like \"May\"\n      day: 'numeric',\n    });\n\n    return `${dateString} ${timeString}`;\n  }\n\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n/**\n * Pipe to convert text with special characters to HTML.\n * It replaces:\n * - \\n with <br>\n * - \\t with &emsp;\n * - \\' with '\n * - \\\" with \"\n * - \\\\ with \\\n * - **text** with <strong>text</strong>\n * - _text_ with <em>text</em>\n */\n\n@Pipe({\n  name: 'textToHtml',\n  standalone: true\n})\nexport class TextToHtmlPipe implements PipeTransform {\n\n  constructor(private sanitizer: DomSanitizer) { }\n\n  transform(value: string): SafeHtml {\n    if (!value) return '';\n\n    let html = value\n      .replace(/\\\\n|\\n/g, '<br>')\n      .replace(/\\\\t|\\t/g, '&emsp;')\n    // .replace(/\\\\'/g, `'`)\n    // .replace(/\\\\\"/g, '\"')\n    // .replace(/\\\\\\\\/g, `\\\\`)\n    // .replace(/\\*\\*(.+?)\\*\\*/g, '<strong>$1</strong>')\n    // .replace(/_(.+?)_/g, '<em>$1</em>');\n\n    return this.sanitizer.bypassSecurityTrustHtml(html);\n  }\n\n}\n","import { CommonModule } from '@angular/common';\nimport { AfterViewChecked, Component, ElementRef, inject, OnInit, QueryList, ViewChild, ViewChildren } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatSidenavModule } from '@angular/material/sidenav';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { WithClosable } from '../closable.mixin';\nimport { CommonHeaderService } from '../common-header.service';\nimport { ChatTimePipe } from '../utils/chat-time.pipe';\nimport { TextToHtmlPipe } from \"../utils/text-to-html.pipe\";\nimport { AppraisalChatRequest } from './appraisal-assistant.interface';\n\nclass EmptyBase { }\n\n@Component({\n  selector: 'appraisal-assistant-agent',\n  templateUrl: './appraisal-assistant-chat-widget.component.html',\n  styleUrls: ['./appraisal-assistant-chat-widget.component.scss'],\n  standalone: true,\n  imports: [\n    MatSidenavModule,\n    MatIconModule,\n    MatButtonModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    CommonModule,\n    MatInputModule,\n    MatProgressSpinnerModule,\n    ChatTimePipe,\n    TextToHtmlPipe,\n    MatTooltipModule\n  ]\n})\nexport class AppraisalAssistantChatWidgetComponent extends WithClosable(class {}) implements OnInit, AfterViewChecked {\n  isOpen = false;\n  message = '';\n  messages: any[] = [];\n  isLoading: boolean = false;\n  conversationId: string = '';\n  msgControl: FormControl = new FormControl('');\n  public _chatSer = inject(CommonHeaderService);\n  @ViewChild('chatContainer') private chatContainer!: ElementRef;\n  @ViewChildren('lastMessageRef') lastMessageRefs!: QueryList<ElementRef>;\n  @ViewChild('msgInput') msgInputRef!: ElementRef<HTMLTextAreaElement>;\n\n  private shouldScroll = false;\n  welcomeMessage: string = '';\n\n\n  ngOnInit(): void {\n    if ((this.messages.length === 0)) {\n      this.sendMessage();\n    }\n  }\n\n\n\n  ngAfterViewChecked(): void {\n    if (this.shouldScroll) {\n      setTimeout(() => {\n        this.scrollToLastMessage();\n        this.shouldScroll = false;\n      }, 100);\n\n    }\n  }\n\n  toggleChat() {\n    this.close();\n    // this.isOpen = !this.isOpen;\n    // if (this.isOpen && (this.messages.length === 0)) {\n    //   this.sendMessage();\n    // }\n  }\n\n  sendMessage() {\n    this.isLoading = true;\n    this.msgControl.disable();\n    let req: AppraisalChatRequest = {\n      query: this.msgControl.value?.trim() ? this.msgControl.value.trim() : null,\n    }\n    if (this.msgControl.value?.trim()?.length > 0) {\n      this.messages.push({ response: this.msgControl.value?.trim(), isUser: true, timeStamp: new Date() });\n    }\n    this.shouldScroll = true;\n    if (this.conversationId) req.conversationId = this.conversationId;\n    this.msgControl.setValue('');\n    this._chatSer.getQueryResponse(req)\n      .subscribe({\n        next: ((res: any) => {\n          if (res) {\n            if (res.message) {\n              this.messages.push({ response: res.message, timeStamp: new Date() });\n              this.welcomeMessage = res.message;\n            }\n            else if (res.result?.httpCode == 200) {\n              if (res.result.data.response) {\n                this.conversationId = res.result.data.conversationId;\n                res.result.data.timeStamp = new Date();\n                this.messages.push(res.result.data);\n              }\n            }\n            else if (res.result?.httpCode == 204) {\n              this.messages.push({ response: res.result.message, timeStamp: new Date() });\n            }\n            this.shouldScroll = true;\n          }\n          this.isLoading = false;\n          this.msgControl.enable();\n          this.focusInput();\n        }),\n        error: ((err: any) => {\n          this.isLoading = false;\n          this.msgControl.enable();\n          this.focusInput();\n        })\n      });\n  }\n\n  // scrollToLastMessage() {\n  //   const container = this.chatContainer?.nativeElement;\n  //   if (container && container.scrollHeight > container.clientHeight) {\n  //     container.scrollTop = container.scrollHeight;\n  //   }\n  // }\n  scrollToLastMessage() {\n    const container = this.chatContainer?.nativeElement;\n    if (container && this.lastMessageRefs && this.lastMessageRefs.length > 0) {\n      const lastMsg: HTMLElement = this.lastMessageRefs.last.nativeElement;\n      const lastMsgRect = lastMsg.getBoundingClientRect();\n      const containerRect = container.getBoundingClientRect();\n\n      // If last message is below the visible area of the container\n      if (lastMsgRect.bottom > containerRect.bottom) {\n        const scrollOffset = lastMsg.offsetTop - container.offsetTop;\n        container.scrollTop = scrollOffset;\n      }\n      // If last message is above the visible area of the container\n      else if (lastMsgRect.top < containerRect.top) {\n        const scrollOffset = lastMsg.offsetTop - container.offsetTop;\n        container.scrollTop = scrollOffset;\n      }\n      // Else, it's already visible; do nothing\n    }\n  }\n\n\n  handleKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'Enter' && !event.shiftKey) {\n      event.preventDefault();\n      if (this.msgControl.value?.trim()?.length > 0) {\n        this.sendMessage();\n      }\n    }\n    // Shift+Enter will be allowed by default\n  }\n\n  focusInput() {\n    if (this.msgInputRef) {\n      this.msgInputRef.nativeElement.focus();\n    }\n  }\n\n  resetChat() {\n    let message = [{ response: this.welcomeMessage, timeStamp: new Date() }]\n    this.messages = message;\n    this.conversationId = '';\n    this.msgControl.setValue('');\n    this.shouldScroll = false;\n    if (this.msgInputRef) {\n      this.msgInputRef.nativeElement.focus();\n    }\n  }\n}\n","<div [class]=\"isOpen?'chat-container-wrap':''\">\n    <div class=\"chatbot-container\">\n        <div class=\"chatbot-sidenav\">\n            <div class=\"chat-header\"><span>Appraisal Assistant (Beta)</span>\n                <div class=\"chat-header-actions\">\n                    <button tabindex=\"-1\" mat-button class=\"reset-button small_btn\" [disabled]=\"isLoading\"\n                        (click)=\"resetChat()\">Reset\n                    </button>\n                    <!-- <span>Reset</span> -->\n                    <!-- <button mat-icon-button matTooltip=\"Collapse\" class=\"d-flex align-item-center\" (click)=\"toggleChat()\">\n                                                <mat-icon>chevron_right</mat-icon>\n                                        </button> -->\n                    <button matTooltip=\"Collapse\" class=\"d-flex align-item-center collapse_btn\" (click)=\"toggleChat()\">\n                        <mat-icon>chevron_right</mat-icon>\n                    </button>\n                </div>\n            </div>\n            <div class=\"chat-messages\" #chatContainer>\n                <div *ngFor=\"let message of messages; let isLast = last\" class=\"message-container\"\n                    [ngClass]=\"{'user-message': message.isUser, 'bot-message': !message.isUser}\"\n                    style=\"margin-bottom: 15px;\" #lastMessageRef>\n                    <div class=\"message-content\">\n                        <span [innerHTML]=\"message.response | textToHtml\"></span>\n                        <span class=\"message-time\">{{ message.timeStamp | chatTime }} </span>\n                    </div>\n                </div>\n            </div>\n            <form class=\"chat-input-container\" (submit)=\"sendMessage()\">\n                <textarea class=\"chat-textarea\" [formControl]=\"msgControl\" placeholder=\"Start typing here...\" rows=\"1\"\n                    (keydown)=\"handleKeyDown($event)\" #msgInput></textarea>\n                <mat-spinner *ngIf=\"isLoading\" [diameter]=\"24\" strokeWidth=\"3\" color=\"primary\" class=\"position-absolute\"\n                    style=\"right:22px\"></mat-spinner>\n                <button color=\"primary\" [disabled]=\"isLoading || (msgControl.value?.trim()?.length <= 0)\"\n                    mat-icon-button class=\"d-flex align-items-center\" (click)=\"sendMessage()\">\n                    <mat-icon *ngIf=\"!isLoading\">send</mat-icon>\n                    <!-- <mat-spinner *ngIf=\"isLoading\" [diameter]=\"24\" strokeWidth=\"3\"></mat-spinner> -->\n                </button>\n            </form>\n        </div>\n    </div>\n    <!-- <mat-sidenav-container [hasBackdrop]=\"true\" class=\"chatbot-container\"><mat-sidenav #sidenav position=\"end\"\n            mode=\"over\" [(opened)]=\"isOpen\" [disableClose]=\"true\" class=\"chatbot-sidenav\">\n        </mat-sidenav></mat-sidenav-container> -->\n</div>\n<!-- <div *ngIf=\"!isOpen\" class=\"chat-launcher\" (click)=\"toggleChat()\">\n    <div>\n        <div class=\"list-icons-cell\">\n            <mat-icon class=\"list-icons\">3p</mat-icon>\n        </div>\n    </div>\n</div> -->"],"names":["i1","i2","i3","i4","i6"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGM,SAAU,YAAY,CAAuC,IAAO,EAAA;IACtE,OAAO,cAAc,IAAI,CAAA;AAAlB,QAAA,WAAA,GAAA;;AACH,YAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;SAKtC;QAHG,KAAK,GAAA;AACD,YAAA,IAAI,CAAC,IAAI,CAAC,0BAA0B,EAAE,CAAC;SAC1C;KACJ,CAAC;AACN;;MCLa,YAAY,CAAA;AAEvB,IAAA,SAAS,CAAC,KAA6B,EAAA;AACrC,QAAA,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7B,QAAA,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;QAEvB,MAAM,OAAO,GACX,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,CAAC,OAAO,EAAE;AAChC,YAAA,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,CAAC,QAAQ,EAAE;YAClC,IAAI,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,WAAW,EAAE,CAAC;AAE3C,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,EAAE,EAAE;AAC7C,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,MAAM,EAAE,IAAI;AACb,SAAA,CAAC,CAAC;AAEH,QAAA,IAAI,OAAO,EAAE;AACX,YAAA,OAAO,UAAU,CAAC;AACnB,SAAA;AAED,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,EAAE,EAAE;AAC7C,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,GAAG,EAAE,SAAS;AACf,SAAA,CAAC,CAAC;AAEH,QAAA,OAAO,CAAG,EAAA,UAAU,CAAI,CAAA,EAAA,UAAU,EAAE,CAAC;KACtC;;0GA5BU,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;wGAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,CAAA;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,UAAU;AAChB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;;;ACFD;;;;;;;;;;AAUG;MAMU,cAAc,CAAA;AAEzB,IAAA,WAAA,CAAoB,SAAuB,EAAA;QAAvB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAc;KAAK;AAEhD,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,EAAE,CAAC;QAEtB,IAAI,IAAI,GAAG,KAAK;AACb,aAAA,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC;AAC1B,aAAA,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;;;;;;QAO/B,OAAO,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;KACrD;;4GAjBU,cAAc,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;0GAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,CAAA;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,YAAY;AAClB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;;;ACFD,MAAM,SAAS,CAAA;AAAI,CAAA;AAqBN,MAAA,qCAAsC,SAAQ,YAAY,CAAC,MAAA;CAAQ,CAAC,CAAA;AAnBjF,IAAA,WAAA,GAAA;;QAoBE,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;QACf,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;QACb,IAAQ,CAAA,QAAA,GAAU,EAAE,CAAC;QACrB,IAAS,CAAA,SAAA,GAAY,KAAK,CAAC;QAC3B,IAAc,CAAA,cAAA,GAAW,EAAE,CAAC;AAC5B,QAAA,IAAA,CAAA,UAAU,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AACvC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;QAKtC,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;QAC7B,IAAc,CAAA,cAAA,GAAW,EAAE,CAAC;AA+H7B,KAAA;IA5HC,QAAQ,GAAA;QACN,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,GAAG;YAChC,IAAI,CAAC,WAAW,EAAE,CAAC;AACpB,SAAA;KACF;IAID,kBAAkB,GAAA;QAChB,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,UAAU,CAAC,MAAK;gBACd,IAAI,CAAC,mBAAmB,EAAE,CAAC;AAC3B,gBAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;aAC3B,EAAE,GAAG,CAAC,CAAC;AAET,SAAA;KACF;IAED,UAAU,GAAA;QACR,IAAI,CAAC,KAAK,EAAE,CAAC;;;;;KAKd;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;AACtB,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;AAC1B,QAAA,IAAI,GAAG,GAAyB;YAC9B,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,IAAI;SAC3E,CAAA;AACD,QAAA,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE;AAC7C,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;AACtG,SAAA;AACD,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,IAAI,CAAC,cAAc;AAAE,YAAA,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;AAClE,QAAA,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC7B,QAAA,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,GAAG,CAAC;AAChC,aAAA,SAAS,CAAC;AACT,YAAA,IAAI,GAAG,CAAC,GAAQ,KAAI;AAClB,gBAAA,IAAI,GAAG,EAAE;oBACP,IAAI,GAAG,CAAC,OAAO,EAAE;AACf,wBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;AACrE,wBAAA,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC,OAAO,CAAC;AACnC,qBAAA;AACI,yBAAA,IAAI,GAAG,CAAC,MAAM,EAAE,QAAQ,IAAI,GAAG,EAAE;AACpC,wBAAA,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE;4BAC5B,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC;4BACrD,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,IAAI,EAAE,CAAC;4BACvC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AACrC,yBAAA;AACF,qBAAA;AACI,yBAAA,IAAI,GAAG,CAAC,MAAM,EAAE,QAAQ,IAAI,GAAG,EAAE;wBACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;AAC7E,qBAAA;AACD,oBAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;AAC1B,iBAAA;AACD,gBAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;AACvB,gBAAA,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;gBACzB,IAAI,CAAC,UAAU,EAAE,CAAC;AACpB,aAAC,CAAC;AACF,YAAA,KAAK,GAAG,CAAC,GAAQ,KAAI;AACnB,gBAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;AACvB,gBAAA,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;gBACzB,IAAI,CAAC,UAAU,EAAE,CAAC;AACpB,aAAC,CAAC;AACH,SAAA,CAAC,CAAC;KACN;;;;;;;IAQD,mBAAmB,GAAA;AACjB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC;AACpD,QAAA,IAAI,SAAS,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE;YACxE,MAAM,OAAO,GAAgB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC;AACrE,YAAA,MAAM,WAAW,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;AACpD,YAAA,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;;AAGxD,YAAA,IAAI,WAAW,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,EAAE;gBAC7C,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC;AAC7D,gBAAA,SAAS,CAAC,SAAS,GAAG,YAAY,CAAC;AACpC,aAAA;;AAEI,iBAAA,IAAI,WAAW,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,EAAE;gBAC5C,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC;AAC7D,gBAAA,SAAS,CAAC,SAAS,GAAG,YAAY,CAAC;AACpC,aAAA;;AAEF,SAAA;KACF;AAGD,IAAA,aAAa,CAAC,KAAoB,EAAA;QAChC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YAC5C,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE;gBAC7C,IAAI,CAAC,WAAW,EAAE,CAAC;AACpB,aAAA;AACF,SAAA;;KAEF;IAED,UAAU,GAAA;QACR,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;AACxC,SAAA;KACF;IAED,SAAS,GAAA;AACP,QAAA,IAAI,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,CAAA;AACxE,QAAA,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;AACxB,QAAA,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;AACzB,QAAA,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC7B,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;AACxC,SAAA;KACF;;mIA3IU,qCAAqC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;uHAArC,qCAAqC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,eAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrClD,skGAkDU,ED1BN,MAAA,EAAA,CAAA,q9GAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,8BAChB,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAClB,mBAAmB,EACnB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,EACd,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,wBAAwB,8NACxB,YAAY,EAAA,IAAA,EAAA,UAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EACZ,cAAc,EAAA,IAAA,EAAA,YAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FAGP,qCAAqC,EAAA,UAAA,EAAA,CAAA;kBAnBjD,SAAS;+BACE,2BAA2B,EAAA,UAAA,EAGzB,IAAI,EACP,OAAA,EAAA;wBACP,gBAAgB;wBAChB,aAAa;wBACb,eAAe;wBACf,kBAAkB;wBAClB,mBAAmB;wBACnB,YAAY;wBACZ,cAAc;wBACd,wBAAwB;wBACxB,YAAY;wBACZ,cAAc;wBACd,gBAAgB;AACjB,qBAAA,EAAA,QAAA,EAAA,skGAAA,EAAA,MAAA,EAAA,CAAA,q9GAAA,CAAA,EAAA,CAAA;8BAUmC,aAAa,EAAA,CAAA;sBAAhD,SAAS;uBAAC,eAAe,CAAA;gBACM,eAAe,EAAA,CAAA;sBAA9C,YAAY;uBAAC,gBAAgB,CAAA;gBACP,WAAW,EAAA,CAAA;sBAAjC,SAAS;uBAAC,UAAU,CAAA;;;;;"}