@web-portal/view-shared 0.0.1

package/fesm2022/web-portal-view-shared.mjs

@@ -0,0 +1,615 @@
+import { HttpEventType, HttpResponse } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, ViewChild, Component, inject, Input, signal, Injectable, computed } from '@angular/core';
+import * as i1$2 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as i4 from 'primeng/progressbar';
+import { ProgressBarModule } from 'primeng/progressbar';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i1 from '@web-portal/core-infrastructure';
+import { FileWAPGCSService } from '@web-portal/core-infrastructure';
+import * as i2 from 'primeng/fileupload';
+import { FileUploadModule } from 'primeng/fileupload';
+import * as i3$1 from 'primeng/api';
+import { MessageService } from 'primeng/api';
+import * as i2$1 from 'primeng/treeselect';
+import { TreeSelectModule } from 'primeng/treeselect';
+import { Subject } from 'rxjs';
+import * as i1$3 from 'primeng/dynamicdialog';
+import { DialogService } from 'primeng/dynamicdialog';
+import { signalStoreFeature, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
+
+class ExcelUploadComponent {
+    ngOnInit() { }
+    constructor(fileService, cdr, ngZone) {
+        this.fileService = fileService;
+        this.cdr = cdr;
+        this.ngZone = ngZone;
+        this.progress = 0;
+        this.message = "";
+        this.filePath = "";
+        this.absoluteURL = "";
+        this.onChange = new EventEmitter();
+        this.fileAttr = "Chọn file tải lên";
+    }
+    handleInputChange(event) {
+        const file = event.target.files?.[0];
+        if (!file) {
+            return;
+        }
+        this.selectedFiles = null;
+        this.progress = 0;
+        this.currentFile = file;
+        this.fileAttr = file?.name;
+        this.fileService.uploadExcel(this.currentFile).subscribe({
+            next: (value) => {
+                if (value.type === HttpEventType.UploadProgress) {
+                    // update progress on next tick to avoid ExpressionChanged errors
+                    const percent = Math.round((100 * value.loaded) / value.total);
+                    setTimeout(() => {
+                        this.ngZone.run(() => {
+                            this.progress = percent;
+                            this.cdr.detectChanges();
+                        });
+                    }, 0);
+                }
+                else if (value instanceof HttpResponse) {
+                    // emit and ensure view is stable before next change detection
+                    this.onChange.emit(value.body.data);
+                    setTimeout(() => {
+                        this.ngZone.run(() => this.cdr.detectChanges());
+                    }, 0);
+                }
+            },
+            error: (err) => {
+                this.progress = 0;
+                this.message =
+                    err.error?.message || "Đã xảy ra lỗi trong quá trình upload file!";
+                this.currentFile = undefined;
+            }
+        });
+        // keep last value until next open; we'll clear right before opening dialog
+    }
+    triggerFileInput() {
+        // clear value so selecting the same file triggers change event
+        this.fileInputRef.nativeElement.value = null;
+        this.fileInputRef.nativeElement.click();
+    }
+    onChooseClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.triggerFileInput();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ExcelUploadComponent, deps: [{ token: i1.FileService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ExcelUploadComponent, isStandalone: true, selector: "app-excel-upload", outputs: { onChange: "onChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: ExcelUploadComponent,
+                multi: true
+            }
+        ], viewQueries: [{ propertyName: "fileInputRef", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div class=\"excel-upload-container\">\r\n  <!-- Hidden file input -->\r\n  <input\r\n    type=\"file\"\r\n    title=\"Click \u0111\u1EC3 t\u1EA3i file l\u00EAn\"\r\n    #fileInput\r\n    id=\"uploadFile\"\r\n    (change)=\"handleInputChange($event)\"\r\n    name=\"uploadFile\"\r\n    accept=\".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel\"\r\n  />\r\n\r\n  <!-- PrimeNG File Upload UI -->\r\n  <div class=\"upload-area\" (click)=\"triggerFileInput()\">\r\n    <div class=\"upload-icon\">\r\n      <i class=\"pi pi-file-excel\"></i>\r\n    </div>\r\n\r\n    <div class=\"upload-text\">\r\n      <p class=\"file-name\">\r\n        {{ fileAttr || \"Ch\u1ECDn file Excel \u0111\u1EC3 upload\" }}\r\n      </p>\r\n      <p class=\"file-info\">H\u1ED7 tr\u1EE3 \u0111\u1ECBnh d\u1EA1ng: .xlsx, .xls, .csv</p>\r\n    </div>\r\n\r\n    <p-button\r\n      label=\"Ch\u1ECDn file\"\r\n      icon=\"pi pi-upload\"\r\n      (onClick)=\"onChooseClick($event)\"\r\n      styleClass=\"p-button-outlined\"\r\n    >\r\n    </p-button>\r\n  </div>\r\n\r\n  <!-- Progress Bar -->\r\n  <div *ngIf=\"progress > 0\" class=\"progress-container\">\r\n    <p-progressBar [value]=\"progress\" styleClass=\"w-full h-2\"> </p-progressBar>\r\n    <p class=\"progress-text\">\u0110ang upload: {{ progress }}%</p>\r\n  </div>\r\n\r\n  <!-- Error Message -->\r\n  <div *ngIf=\"message\" class=\"error-container\">\r\n    <div class=\"error-content\">\r\n      <i class=\"pi pi-exclamation-triangle\"></i>\r\n      <span>{{ message }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".excel-upload-container{width:100%}.excel-upload-container .upload-area{border:2px dashed #d1d5db;border-radius:.5rem;padding:1.5rem;text-align:center;transition:all .3s ease;cursor:pointer}.excel-upload-container .upload-area:hover{border-color:#3b82f6;background-color:#f8fafc}.excel-upload-container .upload-area.drag-over{border-color:#3b82f6;background-color:#eff6ff}.excel-upload-container .upload-icon{width:4rem;height:4rem;background-color:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.excel-upload-container .upload-icon i{font-size:1.5rem;color:#3b82f6}.excel-upload-container .upload-text{margin-bottom:1rem}.excel-upload-container .upload-text .file-name{font-size:1.125rem;font-weight:500;color:#374151;margin-bottom:.25rem}.excel-upload-container .upload-text .file-info{font-size:.875rem;color:#6b7280}.excel-upload-container .progress-container{margin-top:1rem}.excel-upload-container .progress-container .progress-text{font-size:.875rem;color:#6b7280;text-align:center;margin-top:.5rem}.excel-upload-container .error-container{margin-top:1rem;padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.excel-upload-container .error-container .error-content{display:flex;align-items:center}.excel-upload-container .error-container .error-content i{color:#dc2626;margin-right:.5rem}.excel-upload-container .error-container .error-content span{font-size:.875rem;color:#991b1b}#uploadFile{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.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", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i4.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "style", "unit", "mode", "color"] }, { kind: "ngmodule", type: InputTextModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ExcelUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-excel-upload", standalone: true, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: ExcelUploadComponent,
+                            multi: true
+                        }
+                    ], imports: [
+                        CommonModule,
+                        FormsModule,
+                        ButtonModule,
+                        ProgressBarModule,
+                        InputTextModule
+                    ], template: "<div class=\"excel-upload-container\">\r\n  <!-- Hidden file input -->\r\n  <input\r\n    type=\"file\"\r\n    title=\"Click \u0111\u1EC3 t\u1EA3i file l\u00EAn\"\r\n    #fileInput\r\n    id=\"uploadFile\"\r\n    (change)=\"handleInputChange($event)\"\r\n    name=\"uploadFile\"\r\n    accept=\".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel\"\r\n  />\r\n\r\n  <!-- PrimeNG File Upload UI -->\r\n  <div class=\"upload-area\" (click)=\"triggerFileInput()\">\r\n    <div class=\"upload-icon\">\r\n      <i class=\"pi pi-file-excel\"></i>\r\n    </div>\r\n\r\n    <div class=\"upload-text\">\r\n      <p class=\"file-name\">\r\n        {{ fileAttr || \"Ch\u1ECDn file Excel \u0111\u1EC3 upload\" }}\r\n      </p>\r\n      <p class=\"file-info\">H\u1ED7 tr\u1EE3 \u0111\u1ECBnh d\u1EA1ng: .xlsx, .xls, .csv</p>\r\n    </div>\r\n\r\n    <p-button\r\n      label=\"Ch\u1ECDn file\"\r\n      icon=\"pi pi-upload\"\r\n      (onClick)=\"onChooseClick($event)\"\r\n      styleClass=\"p-button-outlined\"\r\n    >\r\n    </p-button>\r\n  </div>\r\n\r\n  <!-- Progress Bar -->\r\n  <div *ngIf=\"progress > 0\" class=\"progress-container\">\r\n    <p-progressBar [value]=\"progress\" styleClass=\"w-full h-2\"> </p-progressBar>\r\n    <p class=\"progress-text\">\u0110ang upload: {{ progress }}%</p>\r\n  </div>\r\n\r\n  <!-- Error Message -->\r\n  <div *ngIf=\"message\" class=\"error-container\">\r\n    <div class=\"error-content\">\r\n      <i class=\"pi pi-exclamation-triangle\"></i>\r\n      <span>{{ message }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".excel-upload-container{width:100%}.excel-upload-container .upload-area{border:2px dashed #d1d5db;border-radius:.5rem;padding:1.5rem;text-align:center;transition:all .3s ease;cursor:pointer}.excel-upload-container .upload-area:hover{border-color:#3b82f6;background-color:#f8fafc}.excel-upload-container .upload-area.drag-over{border-color:#3b82f6;background-color:#eff6ff}.excel-upload-container .upload-icon{width:4rem;height:4rem;background-color:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.excel-upload-container .upload-icon i{font-size:1.5rem;color:#3b82f6}.excel-upload-container .upload-text{margin-bottom:1rem}.excel-upload-container .upload-text .file-name{font-size:1.125rem;font-weight:500;color:#374151;margin-bottom:.25rem}.excel-upload-container .upload-text .file-info{font-size:.875rem;color:#6b7280}.excel-upload-container .progress-container{margin-top:1rem}.excel-upload-container .progress-container .progress-text{font-size:.875rem;color:#6b7280;text-align:center;margin-top:.5rem}.excel-upload-container .error-container{margin-top:1rem;padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.excel-upload-container .error-container .error-content{display:flex;align-items:center}.excel-upload-container .error-container .error-content i{color:#dc2626;margin-right:.5rem}.excel-upload-container .error-container .error-content span{font-size:.875rem;color:#991b1b}#uploadFile{display:none}\n"] }]
+        }], ctorParameters: () => [{ type: i1.FileService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { fileInputRef: [{
+                type: ViewChild,
+                args: ["fileInput", { static: false }]
+            }], onChange: [{
+                type: Output
+            }] } });
+
+class MediaUploadComponent {
+    constructor() {
+        this.fileWap_GCSService = inject(FileWAPGCSService);
+        this.messageService = inject(MessageService);
+        this.kind = "image";
+        this.label = "";
+        this.placeholder = "";
+        this.accept = null; // override default
+        this.maxSizeMb = null; // override default
+        this.initialUrl = null; // can be absolute or storage path
+        // When uploading succeeds, emit file_path (storage path) and absolute preview url if available
+        this.uploaded = new EventEmitter();
+        this.removed = new EventEmitter();
+        // Expose state outward if parent wants to block submit while uploading
+        this.uploadingChange = new EventEmitter();
+        // Internal states
+        this.progress = 0;
+        this.previewUrl = null;
+        this.storagePath = null;
+        this.fileSize = 0;
+        this.fileName = "";
+        this.videoDurationText = "";
+    }
+    ngOnInit() {
+        if (this.initialUrl) {
+            this.setPreviewFromPath(this.initialUrl);
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes["initialUrl"]) {
+            const value = changes["initialUrl"].currentValue;
+            if (value) {
+                this.setPreviewFromPath(value);
+            }
+            else {
+                // cleared
+                this.previewUrl = null;
+                this.storagePath = null;
+                this.fileName = "";
+                this.fileSize = 0;
+                this.videoDurationText = "";
+            }
+        }
+    }
+    ngOnDestroy() { }
+    get acceptMime() {
+        if (this.accept)
+            return this.accept;
+        if (this.kind === "image")
+            return "image/*";
+        if (this.kind === "video")
+            return "video/*";
+        return ".pdf,.doc,.docx";
+    }
+    get maxBytes() {
+        const override = this.maxSizeMb;
+        const sizeMb = override ??
+            (this.kind === "video" ? 100 : this.kind === "image" ? 10 : 30);
+        return sizeMb * 1024 * 1024;
+    }
+    onSelect(event) {
+        const file = event.files?.[0];
+        if (!file)
+            return;
+        // type validation
+        if (this.kind === "image" && !file.type.startsWith("image/")) {
+            this.error("Vui lòng chọn file ảnh hợp lệ (PNG, JPG, GIF)");
+            return;
+        }
+        if (this.kind === "video" && !file.type.startsWith("video/")) {
+            this.error("Vui lòng chọn file video hợp lệ");
+            return;
+        }
+        if (this.kind === "file") {
+            const allowed = [
+                "application/pdf",
+                "application/msword",
+                "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+            ];
+            if (!allowed.includes(file.type)) {
+                this.error("Vui lòng chọn file PDF, DOC hoặc DOCX");
+                return;
+            }
+        }
+        // size validation
+        if (file.size > this.maxBytes) {
+            const sizeMb = Math.round(this.maxBytes / (1024 * 1024));
+            this.error(`Kích thước file quá lớn (Tối đa ${sizeMb}MB)`);
+            return;
+        }
+        this.fileSize = file.size;
+        this.fileName = file.name;
+        this.upload(file);
+    }
+    remove() {
+        this.progress = 0;
+        this.previewUrl = null;
+        this.storagePath = null;
+        this.fileSize = 0;
+        this.fileName = "";
+        this.videoDurationText = "";
+        this.removed.emit();
+    }
+    upload(file) {
+        this.progress = 0;
+        this.uploadingChange.emit(true);
+        this.fileWap_GCSService.attachFile(file).subscribe({
+            next: (event) => {
+                if (event.type === HttpEventType.UploadProgress) {
+                    this.progress = Math.round((100 * event.loaded) / (event.total || 1));
+                    if (this.progress === 100)
+                        this.progress = 80; // waiting server finalize
+                }
+                else if (event instanceof HttpResponse) {
+                    const filePath = event?.body?.data?.file_path;
+                    if (filePath) {
+                        this.progress = 100;
+                        this.storagePath = filePath;
+                        const abs = event?.body?.data?.absolute_url ||
+                            event?.body?.data?.presigned_url;
+                        if (abs) {
+                            this.previewUrl = abs;
+                            if (this.kind === "video")
+                                this.loadVideoDuration(abs);
+                        }
+                        else {
+                            this.setPreviewFromPath(filePath);
+                        }
+                        this.uploaded.emit({
+                            filePath,
+                            absoluteUrl: this.previewUrl || undefined,
+                            duration: this.kind === "video"
+                                ? this.getVideoDurationFromUrl(this.previewUrl)
+                                : undefined,
+                            size: this.fileSize || undefined
+                        });
+                    }
+                    this.uploadingChange.emit(false);
+                }
+            },
+            error: () => {
+                this.progress = 0;
+                this.previewUrl = null;
+                this.storagePath = null;
+                this.uploadingChange.emit(false);
+                this.error(this.kind === "image"
+                    ? "Tải ảnh thất bại"
+                    : this.kind === "video"
+                        ? "Tải video thất bại"
+                        : "Tải file thất bại");
+            }
+        });
+    }
+    setPreviewFromPath(path) {
+        if (!path)
+            return;
+        if (path.startsWith("http")) {
+            this.previewUrl = path;
+            if (this.kind === "video")
+                this.loadVideoDuration(path);
+            return;
+        }
+        this.fileWap_GCSService.getSignedLink(path).subscribe((res) => {
+            const abs = res?.data?.absolute_url ||
+                res?.data?.presigned_url ||
+                res?.absolute_url ||
+                res?.presigned_url;
+            if (abs) {
+                this.previewUrl = abs;
+                if (this.kind === "video")
+                    this.loadVideoDuration(abs);
+            }
+        });
+    }
+    loadVideoDuration(url) {
+        const video = document.createElement("video");
+        video.preload = "metadata";
+        video.onloadedmetadata = () => {
+            const total = video.duration || 0;
+            const m = Math.floor(total / 60);
+            const s = Math.floor(total % 60)
+                .toString()
+                .padStart(2, "0");
+            this.videoDurationText = `${m}:${s}`;
+        };
+        video.src = url;
+    }
+    getVideoDurationFromUrl(url) {
+        if (!url || this.kind !== "video")
+            return 0;
+        // This is a simplified approach - in practice you might want to cache duration
+        return 0; // Duration will be set from initialData in editor
+    }
+    error(detail) {
+        this.messageService.add({ severity: "error", summary: "Lỗi", detail });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MediaUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MediaUploadComponent, isStandalone: true, selector: "app-media-upload", inputs: { kind: "kind", label: "label", placeholder: "placeholder", accept: "accept", maxSizeMb: "maxSizeMb", initialUrl: "initialUrl" }, outputs: { uploaded: "uploaded", removed: "removed", uploadingChange: "uploadingChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"mb-4\">\r\n  <label class=\"mb-3 block font-bold\">{{ label }}</label>\r\n\r\n  <div\r\n    class=\"rounded-lg border-2 border-dashed border-gray-300 p-4 text-center transition-colors hover:border-blue-400\"\r\n  >\r\n    <p-fileUpload\r\n      mode=\"basic\"\r\n      [accept]=\"acceptMime\"\r\n      (onSelect)=\"onSelect($event)\"\r\n      [chooseLabel]=\"\r\n        placeholder ||\r\n        (kind === 'image'\r\n          ? 'Ch\u1ECDn \u1EA3nh'\r\n          : kind === 'video'\r\n            ? 'Upload Video'\r\n            : 'Upload File')\r\n      \"\r\n      styleClass=\"p-button-outlined\"\r\n    />\r\n\r\n    <p class=\"mt-2 text-sm text-gray-500\" *ngIf=\"kind === 'image'\">\r\n      Supported: JPG, PNG, GIF (Max\r\n      {{ maxBytes / (1024 * 1024) | number: \"1.0-0\" }}MB)\r\n    </p>\r\n    <p class=\"mt-2 text-sm text-gray-500\" *ngIf=\"kind === 'file'\">\r\n      Supported: PDF, DOC, DOCX (Max\r\n      {{ maxBytes / (1024 * 1024) | number: \"1.0-0\" }}MB)\r\n    </p>\r\n    <p class=\"mt-2 text-sm text-gray-500\" *ngIf=\"kind === 'video'\">\r\n      Supported: MP4, AVI, MOV (Max\r\n      {{ maxBytes / (1024 * 1024) | number: \"1.0-0\" }}MB)\r\n    </p>\r\n\r\n    <!-- IMAGE PREVIEW -->\r\n    <div *ngIf=\"kind === 'image' && previewUrl\" class=\"relative mt-4\">\r\n      <div class=\"rounded-lg border border-gray-300 bg-gray-50 p-4\">\r\n        <img\r\n          [src]=\"previewUrl\"\r\n          alt=\"Preview\"\r\n          class=\"h-48 w-full rounded-lg bg-gray-50 object-contain\"\r\n        />\r\n        <button\r\n          type=\"button\"\r\n          class=\"absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-red-500 text-sm text-white hover:bg-red-600\"\r\n          (click)=\"remove()\"\r\n        >\r\n          <i class=\"pi pi-times\"></i>\r\n        </button>\r\n      </div>\r\n      <p class=\"mt-1 text-sm text-gray-500\" *ngIf=\"fileSize\">\r\n        K\u00EDch th\u01B0\u1EDBc: {{ fileSize / 1024 / 1024 | number: \"1.2-2\" }} MB\r\n      </p>\r\n    </div>\r\n\r\n    <!-- FILE PREVIEW -->\r\n    <div *ngIf=\"kind === 'file' && (previewUrl || storagePath)\" class=\"mt-4\">\r\n      <div class=\"relative rounded-lg border border-gray-300 bg-gray-50 p-4\">\r\n        <div class=\"flex h-24 items-center justify-center\">\r\n          <i class=\"pi pi-file text-4xl text-gray-400\"></i>\r\n        </div>\r\n        <button\r\n          type=\"button\"\r\n          class=\"absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-red-500 text-sm text-white hover:bg-red-600\"\r\n          (click)=\"remove()\"\r\n        >\r\n          <i class=\"pi pi-times\"></i>\r\n        </button>\r\n      </div>\r\n      <div class=\"mt-2\">\r\n        <div class=\"text-sm font-medium\">{{ fileName || \"File \u0111\u00E3 t\u1EA3i\" }}</div>\r\n        <p class=\"text-sm text-gray-500\" *ngIf=\"fileSize\">\r\n          K\u00EDch th\u01B0\u1EDBc: {{ fileSize / 1024 / 1024 | number: \"1.2-2\" }} MB\r\n        </p>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- VIDEO PREVIEW -->\r\n    <div *ngIf=\"kind === 'video' && previewUrl\" class=\"mt-4\">\r\n      <div class=\"relative rounded-lg border border-gray-300 bg-gray-50 p-4\">\r\n        <video\r\n          [src]=\"previewUrl\"\r\n          controls\r\n          preload=\"metadata\"\r\n          class=\"h-48 w-full rounded-lg bg-gray-50 object-contain\"\r\n        ></video>\r\n        <button\r\n          type=\"button\"\r\n          class=\"absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-red-500 text-sm text-white hover:bg-red-600\"\r\n          (click)=\"remove()\"\r\n        >\r\n          <i class=\"pi pi-times\"></i>\r\n        </button>\r\n      </div>\r\n      <div class=\"mt-2\">\r\n        <div class=\"text-sm font-medium\">{{ fileName || \"Video \u0111\u00E3 t\u1EA3i\" }}</div>\r\n        <p class=\"text-sm text-gray-500\" *ngIf=\"fileSize\">\r\n          K\u00EDch th\u01B0\u1EDBc: {{ fileSize / 1024 / 1024 | number: \"1.2-2\" }} MB\r\n        </p>\r\n        <p class=\"text-sm text-gray-500\" *ngIf=\"videoDurationText\">\r\n          Th\u1EDDi l\u01B0\u1EE3ng: {{ videoDurationText }}\r\n        </p>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- PROGRESS -->\r\n    <div *ngIf=\"progress > 0 && progress < 100\" class=\"mt-4\">\r\n      <p-progressBar [value]=\"progress\"></p-progressBar>\r\n      <div class=\"mt-1 text-sm text-gray-600\">\r\n        \u0110ang t\u1EA3i file... {{ progress }}%\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.DecimalPipe, name: "number" }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i2.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i4.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "style", "unit", "mode", "color"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MediaUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-media-upload", standalone: true, imports: [CommonModule, FileUploadModule, ProgressBarModule], template: "<div class=\"mb-4\">\r\n  <label class=\"mb-3 block font-bold\">{{ label }}</label>\r\n\r\n  <div\r\n    class=\"rounded-lg border-2 border-dashed border-gray-300 p-4 text-center transition-colors hover:border-blue-400\"\r\n  >\r\n    <p-fileUpload\r\n      mode=\"basic\"\r\n      [accept]=\"acceptMime\"\r\n      (onSelect)=\"onSelect($event)\"\r\n      [chooseLabel]=\"\r\n        placeholder ||\r\n        (kind === 'image'\r\n          ? 'Ch\u1ECDn \u1EA3nh'\r\n          : kind === 'video'\r\n            ? 'Upload Video'\r\n            : 'Upload File')\r\n      \"\r\n      styleClass=\"p-button-outlined\"\r\n    />\r\n\r\n    <p class=\"mt-2 text-sm text-gray-500\" *ngIf=\"kind === 'image'\">\r\n      Supported: JPG, PNG, GIF (Max\r\n      {{ maxBytes / (1024 * 1024) | number: \"1.0-0\" }}MB)\r\n    </p>\r\n    <p class=\"mt-2 text-sm text-gray-500\" *ngIf=\"kind === 'file'\">\r\n      Supported: PDF, DOC, DOCX (Max\r\n      {{ maxBytes / (1024 * 1024) | number: \"1.0-0\" }}MB)\r\n    </p>\r\n    <p class=\"mt-2 text-sm text-gray-500\" *ngIf=\"kind === 'video'\">\r\n      Supported: MP4, AVI, MOV (Max\r\n      {{ maxBytes / (1024 * 1024) | number: \"1.0-0\" }}MB)\r\n    </p>\r\n\r\n    <!-- IMAGE PREVIEW -->\r\n    <div *ngIf=\"kind === 'image' && previewUrl\" class=\"relative mt-4\">\r\n      <div class=\"rounded-lg border border-gray-300 bg-gray-50 p-4\">\r\n        <img\r\n          [src]=\"previewUrl\"\r\n          alt=\"Preview\"\r\n          class=\"h-48 w-full rounded-lg bg-gray-50 object-contain\"\r\n        />\r\n        <button\r\n          type=\"button\"\r\n          class=\"absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-red-500 text-sm text-white hover:bg-red-600\"\r\n          (click)=\"remove()\"\r\n        >\r\n          <i class=\"pi pi-times\"></i>\r\n        </button>\r\n      </div>\r\n      <p class=\"mt-1 text-sm text-gray-500\" *ngIf=\"fileSize\">\r\n        K\u00EDch th\u01B0\u1EDBc: {{ fileSize / 1024 / 1024 | number: \"1.2-2\" }} MB\r\n      </p>\r\n    </div>\r\n\r\n    <!-- FILE PREVIEW -->\r\n    <div *ngIf=\"kind === 'file' && (previewUrl || storagePath)\" class=\"mt-4\">\r\n      <div class=\"relative rounded-lg border border-gray-300 bg-gray-50 p-4\">\r\n        <div class=\"flex h-24 items-center justify-center\">\r\n          <i class=\"pi pi-file text-4xl text-gray-400\"></i>\r\n        </div>\r\n        <button\r\n          type=\"button\"\r\n          class=\"absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-red-500 text-sm text-white hover:bg-red-600\"\r\n          (click)=\"remove()\"\r\n        >\r\n          <i class=\"pi pi-times\"></i>\r\n        </button>\r\n      </div>\r\n      <div class=\"mt-2\">\r\n        <div class=\"text-sm font-medium\">{{ fileName || \"File \u0111\u00E3 t\u1EA3i\" }}</div>\r\n        <p class=\"text-sm text-gray-500\" *ngIf=\"fileSize\">\r\n          K\u00EDch th\u01B0\u1EDBc: {{ fileSize / 1024 / 1024 | number: \"1.2-2\" }} MB\r\n        </p>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- VIDEO PREVIEW -->\r\n    <div *ngIf=\"kind === 'video' && previewUrl\" class=\"mt-4\">\r\n      <div class=\"relative rounded-lg border border-gray-300 bg-gray-50 p-4\">\r\n        <video\r\n          [src]=\"previewUrl\"\r\n          controls\r\n          preload=\"metadata\"\r\n          class=\"h-48 w-full rounded-lg bg-gray-50 object-contain\"\r\n        ></video>\r\n        <button\r\n          type=\"button\"\r\n          class=\"absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-red-500 text-sm text-white hover:bg-red-600\"\r\n          (click)=\"remove()\"\r\n        >\r\n          <i class=\"pi pi-times\"></i>\r\n        </button>\r\n      </div>\r\n      <div class=\"mt-2\">\r\n        <div class=\"text-sm font-medium\">{{ fileName || \"Video \u0111\u00E3 t\u1EA3i\" }}</div>\r\n        <p class=\"text-sm text-gray-500\" *ngIf=\"fileSize\">\r\n          K\u00EDch th\u01B0\u1EDBc: {{ fileSize / 1024 / 1024 | number: \"1.2-2\" }} MB\r\n        </p>\r\n        <p class=\"text-sm text-gray-500\" *ngIf=\"videoDurationText\">\r\n          Th\u1EDDi l\u01B0\u1EE3ng: {{ videoDurationText }}\r\n        </p>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- PROGRESS -->\r\n    <div *ngIf=\"progress > 0 && progress < 100\" class=\"mt-4\">\r\n      <p-progressBar [value]=\"progress\"></p-progressBar>\r\n      <div class=\"mt-1 text-sm text-gray-600\">\r\n        \u0110ang t\u1EA3i file... {{ progress }}%\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        }], propDecorators: { kind: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], maxSizeMb: [{
+                type: Input
+            }], initialUrl: [{
+                type: Input
+            }], uploaded: [{
+                type: Output
+            }], removed: [{
+                type: Output
+            }], uploadingChange: [{
+                type: Output
+            }] } });
+
+class TreeSelectComponent {
+    constructor() {
+        this.controlName = "";
+        this.dataSource = [];
+        this.onChange = new EventEmitter();
+        this.destroy$ = new Subject();
+        // Signals
+        this.selectedNodes = signal([]);
+        this.treeNodes = signal([]);
+    }
+    ngOnInit() {
+        // Watch for dataSource changes
+        if (this.form && this.controlName) {
+            const control = this.form.get(this.controlName);
+            if (control) {
+                this.selectedNodes.set(control.value || []);
+            }
+        }
+    }
+    ngOnChanges(changes) {
+        // Watch for dataSource changes
+        if (changes["dataSource"] && this.dataSource) {
+            this.treeNodes.set(this.dataSource);
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    onSelectionChange(event) {
+        const selectedIds = this.extractStoreIds(event || []);
+        this.selectedNodes.set(event || []);
+        // Update form control if available
+        if (this.form && this.controlName) {
+            this.form.patchValue({ [this.controlName]: selectedIds });
+        }
+        // Emit change event
+        this.onChange.emit({ value: selectedIds, selectedNodes: event });
+    }
+    extractStoreIds(selectedNodes) {
+        const storeIds = [];
+        const extractFromNodes = (nodes) => {
+            nodes.forEach(node => {
+                if (node.data?.type === "store" && node.data.storeId) {
+                    // Add individual store
+                    storeIds.push(node.data.storeId);
+                }
+                else if (node.data?.type === "area" && node.children) {
+                    // If area is selected, add all its stores
+                    extractFromNodes(node.children);
+                }
+                else if (node.children) {
+                    // Recursively check children
+                    extractFromNodes(node.children);
+                }
+            });
+        };
+        extractFromNodes(selectedNodes);
+        return storeIds;
+    }
+    // Public methods
+    getSelectedStoreIds() {
+        return this.extractStoreIds(this.selectedNodes());
+    }
+    clearSelection() {
+        this.selectedNodes.set([]);
+        if (this.form && this.controlName) {
+            this.form.patchValue({ [this.controlName]: [] });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TreeSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: TreeSelectComponent, isStandalone: true, selector: "tree-select", inputs: { form: "form", controlName: "controlName", dataSource: "dataSource" }, outputs: { onChange: "onChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"mb-2\">\r\n  <p-treeSelect\r\n    [options]=\"treeNodes()\"\r\n    [ngModel]=\"selectedNodes()\"\r\n    (ngModelChange)=\"onSelectionChange($event)\"\r\n    placeholder=\"Ch\u1ECDn c\u1EEDa h\u00E0ng\"\r\n    [selectionMode]=\"'checkbox'\"\r\n    [metaKeySelection]=\"false\"\r\n    [filter]=\"true\"\r\n    [display]=\"'chip'\"\r\n    selectedItemsLabel=\"{0} c\u1EEDa h\u00E0ng \u0111\u00E3 ch\u1ECDn\"\r\n    [appendTo]=\"null\"\r\n    (onSelectionChange)=\"onSelectionChange($event)\"\r\n    panelStyleClass=\"!w-auto !max-w-full min-w-0\"\r\n    styleClass=\"!w-full\"\r\n  >\r\n    <ng-template pTemplate=\"item\" let-node>\r\n      <span class=\"whitespace-nowrap\" [title]=\"node.label\">\r\n        {{ node.label }}\r\n      </span>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"empty\">\r\n      <div class=\"flex flex-col items-center justify-center px-4 py-8\">\r\n        <i class=\"pi pi-inbox mb-3 text-4xl text-gray-400\"></i>\r\n        <p class=\"font-medium text-gray-500\">Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3</p>\r\n        <p class=\"mt-1 text-gray-400\">Th\u1EED t\u1EEB kh\u00F3a kh\u00E1c</p>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptyfilter\">\r\n      <div class=\"flex flex-col items-center justify-center px-4 py-6\">\r\n        <i class=\"pi pi-search mb-2 text-3xl text-gray-400\"></i>\r\n        <p class=\"font-medium text-gray-500\">Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3</p>\r\n        <p class=\"mt-1 text-gray-400\">Th\u1EED t\u1EEB kh\u00F3a kh\u00E1c</p>\r\n      </div>\r\n    </ng-template>\r\n  </p-treeSelect>\r\n</div>\r\n", styles: ["::ng-deep .p-treeselect{width:100%!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TreeSelectModule }, { kind: "component", type: i2$1.TreeSelect, selector: "p-treeSelect, p-treeselect, p-tree-select", inputs: ["inputId", "scrollHeight", "disabled", "metaKeySelection", "variant", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "fluid", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "virtualScroll", "virtualScrollItemSize", "size", "virtualScrollOptions", "autofocus", "options", "showTransitionOptions", "hideTransitionOptions", "loading"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onFocus", "onBlur", "onNodeUnselect", "onNodeSelect"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TreeSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tree-select", standalone: true, imports: [CommonModule, FormsModule, ReactiveFormsModule, TreeSelectModule], template: "<div class=\"mb-2\">\r\n  <p-treeSelect\r\n    [options]=\"treeNodes()\"\r\n    [ngModel]=\"selectedNodes()\"\r\n    (ngModelChange)=\"onSelectionChange($event)\"\r\n    placeholder=\"Ch\u1ECDn c\u1EEDa h\u00E0ng\"\r\n    [selectionMode]=\"'checkbox'\"\r\n    [metaKeySelection]=\"false\"\r\n    [filter]=\"true\"\r\n    [display]=\"'chip'\"\r\n    selectedItemsLabel=\"{0} c\u1EEDa h\u00E0ng \u0111\u00E3 ch\u1ECDn\"\r\n    [appendTo]=\"null\"\r\n    (onSelectionChange)=\"onSelectionChange($event)\"\r\n    panelStyleClass=\"!w-auto !max-w-full min-w-0\"\r\n    styleClass=\"!w-full\"\r\n  >\r\n    <ng-template pTemplate=\"item\" let-node>\r\n      <span class=\"whitespace-nowrap\" [title]=\"node.label\">\r\n        {{ node.label }}\r\n      </span>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"empty\">\r\n      <div class=\"flex flex-col items-center justify-center px-4 py-8\">\r\n        <i class=\"pi pi-inbox mb-3 text-4xl text-gray-400\"></i>\r\n        <p class=\"font-medium text-gray-500\">Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3</p>\r\n        <p class=\"mt-1 text-gray-400\">Th\u1EED t\u1EEB kh\u00F3a kh\u00E1c</p>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptyfilter\">\r\n      <div class=\"flex flex-col items-center justify-center px-4 py-6\">\r\n        <i class=\"pi pi-search mb-2 text-3xl text-gray-400\"></i>\r\n        <p class=\"font-medium text-gray-500\">Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3</p>\r\n        <p class=\"mt-1 text-gray-400\">Th\u1EED t\u1EEB kh\u00F3a kh\u00E1c</p>\r\n      </div>\r\n    </ng-template>\r\n  </p-treeSelect>\r\n</div>\r\n", styles: ["::ng-deep .p-treeselect{width:100%!important}\n"] }]
+        }], propDecorators: { form: [{
+                type: Input
+            }], controlName: [{
+                type: Input
+            }], dataSource: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }] } });
+
+class ReLoginDialogComponent {
+    constructor(ref) {
+        this.ref = ref;
+    }
+    onConfirm() {
+        this.ref.close({ confirmed: true });
+    }
+    onCancel() {
+        this.ref.close({ confirmed: false });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ReLoginDialogComponent, deps: [{ token: i1$3.DynamicDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ReLoginDialogComponent, isStandalone: true, selector: "app-relogin-dialog", ngImport: i0, template: "<div class=\"dialog-wrapper\">\r\n  <div class=\"dialog-illustration\">\r\n    <i class=\"pi pi-exclamation-triangle dialog-icon\" aria-hidden=\"true\"></i>\r\n  </div>\r\n  <div class=\"dialog-content\">\r\n    <h2 class=\"dialog-title\">Phi\u00EAn \u0111\u0103ng nh\u1EADp \u0111\u00E3 h\u1EBFt h\u1EA1n</h2>\r\n    <p class=\"dialog-text\">\r\n      Vui l\u00F2ng \u0111\u0103ng nh\u1EADp l\u1EA1i \u0111\u1EC3 ti\u1EBFp t\u1EE5c s\u1EED d\u1EE5ng h\u1EC7 th\u1ED1ng.\r\n    </p>\r\n  </div>\r\n  <div class=\"dialog-actions\">\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"\u0110\u00F3ng\"\r\n      [severity]=\"'secondary'\"\r\n      class=\"p-button-text\"\r\n      (click)=\"onCancel()\"\r\n    ></button>\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"\u0110\u0103ng nh\u1EADp l\u1EA1i\"\r\n      [severity]=\"'primary'\"\r\n      icon=\"pi pi-sign-in\"\r\n      (click)=\"onConfirm()\"\r\n    ></button>\r\n  </div>\r\n</div>\r\n", styles: [".dialog-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 1.25rem;min-width:320px;max-width:460px;animation:fadeInUp .18s ease-out}.dialog-illustration{margin:.25rem 0 1rem}.dialog-illustration .dialog-icon{font-size:2.75rem;color:var(--yellow-500, #f59e0b);text-shadow:0 2px 8px rgba(0,0,0,.06);animation:floatY 1.4s ease-in-out infinite,glowPulse 1.8s ease-in-out infinite;will-change:transform,filter}.dialog-title{margin:.25rem 0;font-size:1.25rem;font-weight:700}.dialog-text{margin:0 0 1rem;color:var(--text-secondary-color, #6b7280)}.dialog-actions{display:flex;gap:.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.03)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 2px 6px rgba(245,158,11,.25))}50%{filter:drop-shadow(0 6px 14px rgba(245,158,11,.45))}}:host ::ng-deep .p-dynamic-dialog .p-dialog-content{padding:0}:host ::ng-deep .relogin-dynamic-dialog .p-dialog-header{font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ReLoginDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-relogin-dialog", standalone: true, imports: [CommonModule, ButtonModule], template: "<div class=\"dialog-wrapper\">\r\n  <div class=\"dialog-illustration\">\r\n    <i class=\"pi pi-exclamation-triangle dialog-icon\" aria-hidden=\"true\"></i>\r\n  </div>\r\n  <div class=\"dialog-content\">\r\n    <h2 class=\"dialog-title\">Phi\u00EAn \u0111\u0103ng nh\u1EADp \u0111\u00E3 h\u1EBFt h\u1EA1n</h2>\r\n    <p class=\"dialog-text\">\r\n      Vui l\u00F2ng \u0111\u0103ng nh\u1EADp l\u1EA1i \u0111\u1EC3 ti\u1EBFp t\u1EE5c s\u1EED d\u1EE5ng h\u1EC7 th\u1ED1ng.\r\n    </p>\r\n  </div>\r\n  <div class=\"dialog-actions\">\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"\u0110\u00F3ng\"\r\n      [severity]=\"'secondary'\"\r\n      class=\"p-button-text\"\r\n      (click)=\"onCancel()\"\r\n    ></button>\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"\u0110\u0103ng nh\u1EADp l\u1EA1i\"\r\n      [severity]=\"'primary'\"\r\n      icon=\"pi pi-sign-in\"\r\n      (click)=\"onConfirm()\"\r\n    ></button>\r\n  </div>\r\n</div>\r\n", styles: [".dialog-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 1.25rem;min-width:320px;max-width:460px;animation:fadeInUp .18s ease-out}.dialog-illustration{margin:.25rem 0 1rem}.dialog-illustration .dialog-icon{font-size:2.75rem;color:var(--yellow-500, #f59e0b);text-shadow:0 2px 8px rgba(0,0,0,.06);animation:floatY 1.4s ease-in-out infinite,glowPulse 1.8s ease-in-out infinite;will-change:transform,filter}.dialog-title{margin:.25rem 0;font-size:1.25rem;font-weight:700}.dialog-text{margin:0 0 1rem;color:var(--text-secondary-color, #6b7280)}.dialog-actions{display:flex;gap:.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.03)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 2px 6px rgba(245,158,11,.25))}50%{filter:drop-shadow(0 6px 14px rgba(245,158,11,.45))}}:host ::ng-deep .p-dynamic-dialog .p-dialog-content{padding:0}:host ::ng-deep .relogin-dynamic-dialog .p-dialog-header{font-weight:600}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.DynamicDialogRef }] });
+
+class AuthDialogService {
+    constructor() {
+        this.dialogService = inject(DialogService);
+        this.activeRef = null;
+    }
+    openReLoginDialog() {
+        if (this.activeRef) {
+            // If dialog already open, just return a pending promise that resolves when it closes
+            return new Promise(resolve => {
+                this.activeRef?.onClose.subscribe((result) => {
+                    resolve(!!result?.confirmed);
+                });
+            });
+        }
+        const config = {
+            header: "Xác thực lại",
+            width: "420px",
+            modal: true,
+            closable: false,
+            dismissableMask: false,
+            contentStyle: { overflow: "hidden" },
+            styleClass: "relogin-dynamic-dialog"
+        };
+        this.activeRef = this.dialogService.open(ReLoginDialogComponent, config);
+        return new Promise(resolve => {
+            this.activeRef?.onClose.subscribe((result) => {
+                this.activeRef = null;
+                resolve(!!result?.confirmed);
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthDialogService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+
+/**
+ * Subscription sink that holds Observable subscriptions
+ * until you call unsubscribe on it in ngOnDestroy.
+ */
+class SubSink {
+    constructor() {
+        this._subs = [];
+    }
+    /**
+     * Subscription sink that holds Observable subscriptions
+     * until you call unsubscribe on it in ngOnDestroy.
+     *
+     * @example
+     * In Angular:
+     * ```
+     *   private subs = new SubSink();
+     *   ...
+     *   this.subs.sink = observable$.subscribe(
+     *   this.subs.add(observable$.subscribe(...));
+     *   ...
+     *   ngOnDestroy() {
+     *     this.subs.unsubscribe();
+     *   }
+     * ```
+     */
+    /**
+     * Add subscriptions to the tracked subscriptions
+     * @example
+     *  this.subs.add(observable$.subscribe(...));
+     */
+    add(...subscriptions) {
+        this._subs = this._subs.concat(subscriptions);
+    }
+    /**
+     * Assign subscription to this sink to add it to the tracked subscriptions
+     * @example
+     *  this.subs.sink = observable$.subscribe(...);
+     */
+    set sink(subscription) {
+        this._subs.push(subscription);
+    }
+    /**
+     * Unsubscribe to all subscriptions in ngOnDestroy()
+     * @example
+     *   ngOnDestroy() {
+     *     this.subs.unsubscribe();
+     *   }
+     */
+    unsubscribe() {
+        this._subs.forEach(sub => sub && sub.unsubscribe());
+        this._subs = [];
+    }
+}
+
+/**
+ * A class that automatically unsubscribes all observables when the object gets destroyed
+ */
+class UnsubscribeOnDestroyAdapter {
+    constructor() {
+        /**
+         * The subscription sink object that stores all subscriptions
+         */
+        this.subs = new SubSink();
+        this.destroy$ = new Subject();
+    }
+    /**
+     * The lifecycle hook that unsubscribes all subscriptions when the component / object gets destroyed
+     */
+    ngOnDestroy() {
+        this.subs?.unsubscribe();
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UnsubscribeOnDestroyAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UnsubscribeOnDestroyAdapter }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UnsubscribeOnDestroyAdapter, decorators: [{
+            type: Injectable
+        }] });
+
+function withBaseStore(initialState) {
+    return signalStoreFeature(withState(initialState), withComputed(store => ({
+        keys: computed(() => Object.keys(store.data?.() ?? {})),
+        getLoading: computed(() => (key) => !!store.loading?.()?.[key]),
+        getError: computed(() => (key) => store.error?.()?.[key] ?? null),
+        getData: computed(() => (key) => store.data?.()?.[key] ?? null),
+        getCustom: computed(() => store.custom?.())
+    })), withMethods(store => ({
+        setData: (key, data) => {
+            patchState(store, {
+                data: { ...(store.data?.() ?? {}), [key]: data }
+            });
+        },
+        setLoading: (key, loading) => {
+            patchState(store, {
+                loading: { ...(store.loading?.() ?? {}), [key]: loading }
+            });
+        },
+        setError: (key, error) => {
+            patchState(store, {
+                error: { ...(store.error?.() ?? {}), [key]: error }
+            });
+        },
+        clearKey: (key) => {
+            const currentLoading = store.loading?.() ?? {};
+            const currentError = store.error?.() ?? {};
+            const currentData = store.data?.() ?? {};
+            const { [key]: _l, ...restLoading } = currentLoading;
+            const { [key]: _e, ...restError } = currentError;
+            const { [key]: _d, ...restData } = currentData;
+            patchState(store, {
+                loading: restLoading,
+                error: restError,
+                data: restData
+            });
+        },
+        clearAll: () => {
+            patchState(store, { ...initialState });
+        }
+    })));
+}
+
+/*
+ * Public API Surface of view/shared
+ */
+// Components
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AuthDialogService, ExcelUploadComponent, MediaUploadComponent, ReLoginDialogComponent, SubSink, TreeSelectComponent, UnsubscribeOnDestroyAdapter, withBaseStore };
+//# sourceMappingURL=web-portal-view-shared.mjs.map

package/fesm2022/web-portal-view-shared.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-portal-view-shared.mjs","sources":["../../../../projects/view/shared/src/lib/components/excel-upload/excel-upload.component.ts","../../../../projects/view/shared/src/lib/components/excel-upload/excel-upload.component.html","../../../../projects/view/shared/src/lib/components/media-upload/media-upload.component.ts","../../../../projects/view/shared/src/lib/components/media-upload/media-upload.component.html","../../../../projects/view/shared/src/lib/components/tree-select/tree-select.component.ts","../../../../projects/view/shared/src/lib/components/tree-select/tree-select.component.html","../../../../projects/view/shared/src/lib/components/relogin-dialog/relogin-dialog.component.ts","../../../../projects/view/shared/src/lib/components/relogin-dialog/relogin-dialog.component.html","../../../../projects/view/shared/src/lib/services/auth/auth-dialog.service.ts","../../../../projects/view/shared/src/lib/sub-sink.ts","../../../../projects/view/shared/src/lib/UnsubscribeOnDestroyAdapter.ts","../../../../projects/view/shared/src/lib/base.store.ts","../../../../projects/view/shared/src/public-api.ts","../../../../projects/view/shared/src/web-portal-view-shared.ts"],"sourcesContent":["import { HttpEventType, HttpResponse } from \"@angular/common/http\";\r\nimport {\r\n  Component,\r\n  EventEmitter,\r\n  OnInit,\r\n  Output,\r\n  ViewChild\r\n} from \"@angular/core\";\r\nimport { ChangeDetectorRef, NgZone } from \"@angular/core\";\r\nimport { FormsModule, NG_VALUE_ACCESSOR } from \"@angular/forms\";\r\nimport { FileService } from \"@web-portal/core-infrastructure\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { ButtonModule } from \"primeng/button\";\r\nimport { ProgressBarModule } from \"primeng/progressbar\";\r\nimport { InputTextModule } from \"primeng/inputtext\";\r\n@Component({\r\n  selector: \"app-excel-upload\",\r\n  styleUrls: [\"./excel-upload.component.scss\"],\r\n  templateUrl: \"./excel-upload.component.html\",\r\n  standalone: true,\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: ExcelUploadComponent,\r\n      multi: true\r\n    }\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ButtonModule,\r\n    ProgressBarModule,\r\n    InputTextModule\r\n  ]\r\n})\r\nexport class ExcelUploadComponent implements OnInit {\r\n  @ViewChild(\"fileInput\", { static: false }) fileInputRef!: any;\r\n\r\n  ngOnInit(): void {}\r\n  selectedFiles?: FileList;\r\n  currentFile?: File;\r\n  progress = 0;\r\n  message = \"\";\r\n  filePath = \"\";\r\n  absoluteURL = \"\";\r\n  @Output() onChange: EventEmitter<any> = new EventEmitter<any>();\r\n  fileAttr = \"Chọn file tải lên\";\r\n\r\n  constructor(\r\n    private fileService: FileService,\r\n    private cdr: ChangeDetectorRef,\r\n    private ngZone: NgZone\r\n  ) {}\r\n\r\n  handleInputChange(event: any): void {\r\n    const file: File | null = event.target.files?.[0];\r\n    if (!file) {\r\n      return;\r\n    }\r\n\r\n    this.selectedFiles = null;\r\n    this.progress = 0;\r\n    this.currentFile = file;\r\n    this.fileAttr = file?.name;\r\n\r\n    this.fileService.uploadExcel(this.currentFile).subscribe({\r\n      next: (value: any) => {\r\n        if (value.type === HttpEventType.UploadProgress) {\r\n          // update progress on next tick to avoid ExpressionChanged errors\r\n          const percent = Math.round((100 * value.loaded) / value.total!);\r\n          setTimeout(() => {\r\n            this.ngZone.run(() => {\r\n              this.progress = percent;\r\n              this.cdr.detectChanges();\r\n            });\r\n          }, 0);\r\n        } else if (value instanceof HttpResponse) {\r\n          // emit and ensure view is stable before next change detection\r\n          this.onChange.emit(value.body.data);\r\n          setTimeout(() => {\r\n            this.ngZone.run(() => this.cdr.detectChanges());\r\n          }, 0);\r\n        }\r\n      },\r\n      error: (err: any) => {\r\n        this.progress = 0;\r\n        this.message =\r\n          err.error?.message || \"Đã xảy ra lỗi trong quá trình upload file!\";\r\n        this.currentFile = undefined;\r\n      }\r\n    });\r\n    // keep last value until next open; we'll clear right before opening dialog\r\n  }\r\n\r\n  triggerFileInput(): void {\r\n    // clear value so selecting the same file triggers change event\r\n    this.fileInputRef.nativeElement.value = null;\r\n    this.fileInputRef.nativeElement.click();\r\n  }\r\n\r\n  onChooseClick(event: Event): void {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.triggerFileInput();\r\n  }\r\n}\r\n","<div class=\"excel-upload-container\">\r\n  <!-- Hidden file input -->\r\n  <input\r\n    type=\"file\"\r\n    title=\"Click để tải file lên\"\r\n    #fileInput\r\n    id=\"uploadFile\"\r\n    (change)=\"handleInputChange($event)\"\r\n    name=\"uploadFile\"\r\n    accept=\".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel\"\r\n  />\r\n\r\n  <!-- PrimeNG File Upload UI -->\r\n  <div class=\"upload-area\" (click)=\"triggerFileInput()\">\r\n    <div class=\"upload-icon\">\r\n      <i class=\"pi pi-file-excel\"></i>\r\n    </div>\r\n\r\n    <div class=\"upload-text\">\r\n      <p class=\"file-name\">\r\n        {{ fileAttr || \"Chọn file Excel để upload\" }}\r\n      </p>\r\n      <p class=\"file-info\">Hỗ trợ định dạng: .xlsx, .xls, .csv</p>\r\n    </div>\r\n\r\n    <p-button\r\n      label=\"Chọn file\"\r\n      icon=\"pi pi-upload\"\r\n      (onClick)=\"onChooseClick($event)\"\r\n      styleClass=\"p-button-outlined\"\r\n    >\r\n    </p-button>\r\n  </div>\r\n\r\n  <!-- Progress Bar -->\r\n  <div *ngIf=\"progress > 0\" class=\"progress-container\">\r\n    <p-progressBar [value]=\"progress\" styleClass=\"w-full h-2\"> </p-progressBar>\r\n    <p class=\"progress-text\">Đang upload: {{ progress }}%</p>\r\n  </div>\r\n\r\n  <!-- Error Message -->\r\n  <div *ngIf=\"message\" class=\"error-container\">\r\n    <div class=\"error-content\">\r\n      <i class=\"pi pi-exclamation-triangle\"></i>\r\n      <span>{{ message }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { CommonModule } from \"@angular/common\";\r\nimport {\r\n  Component,\r\n  EventEmitter,\r\n  Input,\r\n  OnChanges,\r\n  OnDestroy,\r\n  OnInit,\r\n  Output,\r\n  SimpleChanges,\r\n  inject\r\n} from \"@angular/core\";\r\nimport { FileUploadModule } from \"primeng/fileupload\";\r\nimport { ProgressBarModule } from \"primeng/progressbar\";\r\nimport { MessageService } from \"primeng/api\";\r\nimport { HttpEventType, HttpResponse } from \"@angular/common/http\";\r\nimport { FileWAPGCSService } from \"@web-portal/core-infrastructure\";\r\n\r\ntype MediaKind = \"image\" | \"file\" | \"video\";\r\n\r\n@Component({\r\n  selector: \"app-media-upload\",\r\n  standalone: true,\r\n  imports: [CommonModule, FileUploadModule, ProgressBarModule],\r\n  templateUrl: \"./media-upload.component.html\"\r\n})\r\nexport class MediaUploadComponent implements OnInit, OnChanges, OnDestroy {\r\n  private readonly fileWap_GCSService = inject(FileWAPGCSService);\r\n  private readonly messageService = inject(MessageService);\r\n\r\n  @Input() kind: MediaKind = \"image\";\r\n  @Input() label: string = \"\";\r\n  @Input() placeholder: string = \"\";\r\n  @Input() accept: string | null = null; // override default\r\n  @Input() maxSizeMb: number | null = null; // override default\r\n  @Input() initialUrl: string | null = null; // can be absolute or storage path\r\n\r\n  // When uploading succeeds, emit file_path (storage path) and absolute preview url if available\r\n  @Output() uploaded = new EventEmitter<{\r\n    filePath: string;\r\n    absoluteUrl?: string;\r\n    duration?: number;\r\n    size?: number;\r\n  }>();\r\n  @Output() removed = new EventEmitter<void>();\r\n\r\n  // Expose state outward if parent wants to block submit while uploading\r\n  @Output() uploadingChange = new EventEmitter<boolean>();\r\n\r\n  // Internal states\r\n  progress: number = 0;\r\n  previewUrl: string | null = null;\r\n  storagePath: string | null = null;\r\n  fileSize: number = 0;\r\n  fileName: string = \"\";\r\n  videoDurationText: string = \"\";\r\n\r\n  ngOnInit(): void {\r\n    if (this.initialUrl) {\r\n      this.setPreviewFromPath(this.initialUrl);\r\n    }\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (changes[\"initialUrl\"]) {\r\n      const value = changes[\"initialUrl\"].currentValue as string | null;\r\n      if (value) {\r\n        this.setPreviewFromPath(value);\r\n      } else {\r\n        // cleared\r\n        this.previewUrl = null;\r\n        this.storagePath = null;\r\n        this.fileName = \"\";\r\n        this.fileSize = 0;\r\n        this.videoDurationText = \"\";\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {}\r\n\r\n  get acceptMime(): string {\r\n    if (this.accept) return this.accept;\r\n    if (this.kind === \"image\") return \"image/*\";\r\n    if (this.kind === \"video\") return \"video/*\";\r\n    return \".pdf,.doc,.docx\";\r\n  }\r\n\r\n  get maxBytes(): number {\r\n    const override = this.maxSizeMb;\r\n    const sizeMb =\r\n      override ??\r\n      (this.kind === \"video\" ? 100 : this.kind === \"image\" ? 10 : 30);\r\n    return sizeMb * 1024 * 1024;\r\n  }\r\n\r\n  onSelect(event: any): void {\r\n    const file = event.files?.[0];\r\n    if (!file) return;\r\n\r\n    // type validation\r\n    if (this.kind === \"image\" && !file.type.startsWith(\"image/\")) {\r\n      this.error(\"Vui lòng chọn file ảnh hợp lệ (PNG, JPG, GIF)\");\r\n      return;\r\n    }\r\n    if (this.kind === \"video\" && !file.type.startsWith(\"video/\")) {\r\n      this.error(\"Vui lòng chọn file video hợp lệ\");\r\n      return;\r\n    }\r\n    if (this.kind === \"file\") {\r\n      const allowed = [\r\n        \"application/pdf\",\r\n        \"application/msword\",\r\n        \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\"\r\n      ];\r\n      if (!allowed.includes(file.type)) {\r\n        this.error(\"Vui lòng chọn file PDF, DOC hoặc DOCX\");\r\n        return;\r\n      }\r\n    }\r\n\r\n    // size validation\r\n    if (file.size > this.maxBytes) {\r\n      const sizeMb = Math.round(this.maxBytes / (1024 * 1024));\r\n      this.error(`Kích thước file quá lớn (Tối đa ${sizeMb}MB)`);\r\n      return;\r\n    }\r\n\r\n    this.fileSize = file.size;\r\n    this.fileName = file.name;\r\n    this.upload(file);\r\n  }\r\n\r\n  remove(): void {\r\n    this.progress = 0;\r\n    this.previewUrl = null;\r\n    this.storagePath = null;\r\n    this.fileSize = 0;\r\n    this.fileName = \"\";\r\n    this.videoDurationText = \"\";\r\n    this.removed.emit();\r\n  }\r\n\r\n  private upload(file: File): void {\r\n    this.progress = 0;\r\n    this.uploadingChange.emit(true);\r\n\r\n    this.fileWap_GCSService.attachFile(file).subscribe({\r\n      next: (event: any) => {\r\n        if (event.type === HttpEventType.UploadProgress) {\r\n          this.progress = Math.round((100 * event.loaded) / (event.total || 1));\r\n          if (this.progress === 100) this.progress = 80; // waiting server finalize\r\n        } else if (event instanceof HttpResponse) {\r\n          const filePath = event?.body?.data?.file_path;\r\n          if (filePath) {\r\n            this.progress = 100;\r\n            this.storagePath = filePath;\r\n            const abs =\r\n              event?.body?.data?.absolute_url ||\r\n              event?.body?.data?.presigned_url;\r\n            if (abs) {\r\n              this.previewUrl = abs;\r\n              if (this.kind === \"video\") this.loadVideoDuration(abs);\r\n            } else {\r\n              this.setPreviewFromPath(filePath);\r\n            }\r\n            this.uploaded.emit({\r\n              filePath,\r\n              absoluteUrl: this.previewUrl || undefined,\r\n              duration:\r\n                this.kind === \"video\"\r\n                  ? this.getVideoDurationFromUrl(this.previewUrl)\r\n                  : undefined,\r\n              size: this.fileSize || undefined\r\n            });\r\n          }\r\n          this.uploadingChange.emit(false);\r\n        }\r\n      },\r\n      error: () => {\r\n        this.progress = 0;\r\n        this.previewUrl = null;\r\n        this.storagePath = null;\r\n        this.uploadingChange.emit(false);\r\n        this.error(\r\n          this.kind === \"image\"\r\n            ? \"Tải ảnh thất bại\"\r\n            : this.kind === \"video\"\r\n              ? \"Tải video thất bại\"\r\n              : \"Tải file thất bại\"\r\n        );\r\n      }\r\n    });\r\n  }\r\n\r\n  private setPreviewFromPath(path: string): void {\r\n    if (!path) return;\r\n    if (path.startsWith(\"http\")) {\r\n      this.previewUrl = path;\r\n      if (this.kind === \"video\") this.loadVideoDuration(path);\r\n      return;\r\n    }\r\n    this.fileWap_GCSService.getSignedLink(path).subscribe((res: any) => {\r\n      const abs =\r\n        res?.data?.absolute_url ||\r\n        res?.data?.presigned_url ||\r\n        res?.absolute_url ||\r\n        res?.presigned_url;\r\n      if (abs) {\r\n        this.previewUrl = abs;\r\n        if (this.kind === \"video\") this.loadVideoDuration(abs);\r\n      }\r\n    });\r\n  }\r\n\r\n  private loadVideoDuration(url: string): void {\r\n    const video = document.createElement(\"video\");\r\n    video.preload = \"metadata\";\r\n    video.onloadedmetadata = () => {\r\n      const total = video.duration || 0;\r\n      const m = Math.floor(total / 60);\r\n      const s = Math.floor(total % 60)\r\n        .toString()\r\n        .padStart(2, \"0\");\r\n      this.videoDurationText = `${m}:${s}`;\r\n    };\r\n    video.src = url;\r\n  }\r\n\r\n  private getVideoDurationFromUrl(url: string | null): number {\r\n    if (!url || this.kind !== \"video\") return 0;\r\n    // This is a simplified approach - in practice you might want to cache duration\r\n    return 0; // Duration will be set from initialData in editor\r\n  }\r\n\r\n  private error(detail: string): void {\r\n    this.messageService.add({ severity: \"error\", summary: \"Lỗi\", detail });\r\n  }\r\n}\r\n","<div class=\"mb-4\">\r\n  <label class=\"mb-3 block font-bold\">{{ label }}</label>\r\n\r\n  <div\r\n    class=\"rounded-lg border-2 border-dashed border-gray-300 p-4 text-center transition-colors hover:border-blue-400\"\r\n  >\r\n    <p-fileUpload\r\n      mode=\"basic\"\r\n      [accept]=\"acceptMime\"\r\n      (onSelect)=\"onSelect($event)\"\r\n      [chooseLabel]=\"\r\n        placeholder ||\r\n        (kind === 'image'\r\n          ? 'Chọn ảnh'\r\n          : kind === 'video'\r\n            ? 'Upload Video'\r\n            : 'Upload File')\r\n      \"\r\n      styleClass=\"p-button-outlined\"\r\n    />\r\n\r\n    <p class=\"mt-2 text-sm text-gray-500\" *ngIf=\"kind === 'image'\">\r\n      Supported: JPG, PNG, GIF (Max\r\n      {{ maxBytes / (1024 * 1024) | number: \"1.0-0\" }}MB)\r\n    </p>\r\n    <p class=\"mt-2 text-sm text-gray-500\" *ngIf=\"kind === 'file'\">\r\n      Supported: PDF, DOC, DOCX (Max\r\n      {{ maxBytes / (1024 * 1024) | number: \"1.0-0\" }}MB)\r\n    </p>\r\n    <p class=\"mt-2 text-sm text-gray-500\" *ngIf=\"kind === 'video'\">\r\n      Supported: MP4, AVI, MOV (Max\r\n      {{ maxBytes / (1024 * 1024) | number: \"1.0-0\" }}MB)\r\n    </p>\r\n\r\n    <!-- IMAGE PREVIEW -->\r\n    <div *ngIf=\"kind === 'image' && previewUrl\" class=\"relative mt-4\">\r\n      <div class=\"rounded-lg border border-gray-300 bg-gray-50 p-4\">\r\n        <img\r\n          [src]=\"previewUrl\"\r\n          alt=\"Preview\"\r\n          class=\"h-48 w-full rounded-lg bg-gray-50 object-contain\"\r\n        />\r\n        <button\r\n          type=\"button\"\r\n          class=\"absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-red-500 text-sm text-white hover:bg-red-600\"\r\n          (click)=\"remove()\"\r\n        >\r\n          <i class=\"pi pi-times\"></i>\r\n        </button>\r\n      </div>\r\n      <p class=\"mt-1 text-sm text-gray-500\" *ngIf=\"fileSize\">\r\n        Kích thước: {{ fileSize / 1024 / 1024 | number: \"1.2-2\" }} MB\r\n      </p>\r\n    </div>\r\n\r\n    <!-- FILE PREVIEW -->\r\n    <div *ngIf=\"kind === 'file' && (previewUrl || storagePath)\" class=\"mt-4\">\r\n      <div class=\"relative rounded-lg border border-gray-300 bg-gray-50 p-4\">\r\n        <div class=\"flex h-24 items-center justify-center\">\r\n          <i class=\"pi pi-file text-4xl text-gray-400\"></i>\r\n        </div>\r\n        <button\r\n          type=\"button\"\r\n          class=\"absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-red-500 text-sm text-white hover:bg-red-600\"\r\n          (click)=\"remove()\"\r\n        >\r\n          <i class=\"pi pi-times\"></i>\r\n        </button>\r\n      </div>\r\n      <div class=\"mt-2\">\r\n        <div class=\"text-sm font-medium\">{{ fileName || \"File đã tải\" }}</div>\r\n        <p class=\"text-sm text-gray-500\" *ngIf=\"fileSize\">\r\n          Kích thước: {{ fileSize / 1024 / 1024 | number: \"1.2-2\" }} MB\r\n        </p>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- VIDEO PREVIEW -->\r\n    <div *ngIf=\"kind === 'video' && previewUrl\" class=\"mt-4\">\r\n      <div class=\"relative rounded-lg border border-gray-300 bg-gray-50 p-4\">\r\n        <video\r\n          [src]=\"previewUrl\"\r\n          controls\r\n          preload=\"metadata\"\r\n          class=\"h-48 w-full rounded-lg bg-gray-50 object-contain\"\r\n        ></video>\r\n        <button\r\n          type=\"button\"\r\n          class=\"absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-red-500 text-sm text-white hover:bg-red-600\"\r\n          (click)=\"remove()\"\r\n        >\r\n          <i class=\"pi pi-times\"></i>\r\n        </button>\r\n      </div>\r\n      <div class=\"mt-2\">\r\n        <div class=\"text-sm font-medium\">{{ fileName || \"Video đã tải\" }}</div>\r\n        <p class=\"text-sm text-gray-500\" *ngIf=\"fileSize\">\r\n          Kích thước: {{ fileSize / 1024 / 1024 | number: \"1.2-2\" }} MB\r\n        </p>\r\n        <p class=\"text-sm text-gray-500\" *ngIf=\"videoDurationText\">\r\n          Thời lượng: {{ videoDurationText }}\r\n        </p>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- PROGRESS -->\r\n    <div *ngIf=\"progress > 0 && progress < 100\" class=\"mt-4\">\r\n      <p-progressBar [value]=\"progress\"></p-progressBar>\r\n      <div class=\"mt-1 text-sm text-gray-600\">\r\n        Đang tải file... {{ progress }}%\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  OnInit,\r\n  OnDestroy,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  signal\r\n} from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\r\nimport { TreeSelectModule } from \"primeng/treeselect\";\r\nimport { TreeNode } from \"./tree-select.interface\";\r\nimport { Subject } from \"rxjs\";\r\n\r\n@Component({\r\n  selector: \"tree-select\",\r\n  standalone: true,\r\n  imports: [CommonModule, FormsModule, ReactiveFormsModule, TreeSelectModule],\r\n  templateUrl: \"./tree-select.component.html\",\r\n  styleUrls: [\"./tree-select.component.scss\"]\r\n})\r\nexport class TreeSelectComponent implements OnInit, OnDestroy, OnChanges {\r\n  @Input() form: any;\r\n  @Input() controlName: string = \"\";\r\n  @Input() dataSource: TreeNode[] = [];\r\n\r\n  @Output() onChange = new EventEmitter<any>();\r\n\r\n  private readonly destroy$ = new Subject<void>();\r\n\r\n  // Signals\r\n  readonly selectedNodes = signal<any[]>([]);\r\n  readonly treeNodes = signal<TreeNode[]>([]);\r\n\r\n  ngOnInit() {\r\n    // Watch for dataSource changes\r\n    if (this.form && this.controlName) {\r\n      const control = this.form.get(this.controlName);\r\n      if (control) {\r\n        this.selectedNodes.set(control.value || []);\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    // Watch for dataSource changes\r\n    if (changes[\"dataSource\"] && this.dataSource) {\r\n      this.treeNodes.set(this.dataSource);\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.destroy$.next();\r\n    this.destroy$.complete();\r\n  }\r\n\r\n  onSelectionChange(event: any): void {\r\n    const selectedIds = this.extractStoreIds(event || []);\r\n    this.selectedNodes.set(event || []);\r\n\r\n    // Update form control if available\r\n    if (this.form && this.controlName) {\r\n      this.form.patchValue({ [this.controlName]: selectedIds });\r\n    }\r\n\r\n    // Emit change event\r\n    this.onChange.emit({ value: selectedIds, selectedNodes: event });\r\n  }\r\n\r\n  private extractStoreIds(selectedNodes: TreeNode[]): number[] {\r\n    const storeIds: number[] = [];\r\n\r\n    const extractFromNodes = (nodes: TreeNode[]) => {\r\n      nodes.forEach(node => {\r\n        if (node.data?.type === \"store\" && node.data.storeId) {\r\n          // Add individual store\r\n          storeIds.push(node.data.storeId);\r\n        } else if (node.data?.type === \"area\" && node.children) {\r\n          // If area is selected, add all its stores\r\n          extractFromNodes(node.children);\r\n        } else if (node.children) {\r\n          // Recursively check children\r\n          extractFromNodes(node.children);\r\n        }\r\n      });\r\n    };\r\n\r\n    extractFromNodes(selectedNodes);\r\n    return storeIds;\r\n  }\r\n\r\n  // Public methods\r\n  public getSelectedStoreIds(): number[] {\r\n    return this.extractStoreIds(this.selectedNodes());\r\n  }\r\n\r\n  public clearSelection(): void {\r\n    this.selectedNodes.set([]);\r\n    if (this.form && this.controlName) {\r\n      this.form.patchValue({ [this.controlName]: [] });\r\n    }\r\n  }\r\n}\r\n","<div class=\"mb-2\">\r\n  <p-treeSelect\r\n    [options]=\"treeNodes()\"\r\n    [ngModel]=\"selectedNodes()\"\r\n    (ngModelChange)=\"onSelectionChange($event)\"\r\n    placeholder=\"Chọn cửa hàng\"\r\n    [selectionMode]=\"'checkbox'\"\r\n    [metaKeySelection]=\"false\"\r\n    [filter]=\"true\"\r\n    [display]=\"'chip'\"\r\n    selectedItemsLabel=\"{0} cửa hàng đã chọn\"\r\n    [appendTo]=\"null\"\r\n    (onSelectionChange)=\"onSelectionChange($event)\"\r\n    panelStyleClass=\"!w-auto !max-w-full min-w-0\"\r\n    styleClass=\"!w-full\"\r\n  >\r\n    <ng-template pTemplate=\"item\" let-node>\r\n      <span class=\"whitespace-nowrap\" [title]=\"node.label\">\r\n        {{ node.label }}\r\n      </span>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"empty\">\r\n      <div class=\"flex flex-col items-center justify-center px-4 py-8\">\r\n        <i class=\"pi pi-inbox mb-3 text-4xl text-gray-400\"></i>\r\n        <p class=\"font-medium text-gray-500\">Không tìm thấy kết quả</p>\r\n        <p class=\"mt-1 text-gray-400\">Thử từ khóa khác</p>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptyfilter\">\r\n      <div class=\"flex flex-col items-center justify-center px-4 py-6\">\r\n        <i class=\"pi pi-search mb-2 text-3xl text-gray-400\"></i>\r\n        <p class=\"font-medium text-gray-500\">Không tìm thấy kết quả</p>\r\n        <p class=\"mt-1 text-gray-400\">Thử từ khóa khác</p>\r\n      </div>\r\n    </ng-template>\r\n  </p-treeSelect>\r\n</div>\r\n","import { Component } from \"@angular/core\";\r\nimport { DynamicDialogRef } from \"primeng/dynamicdialog\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { ButtonModule } from \"primeng/button\";\r\n\r\n@Component({\r\n  selector: \"app-relogin-dialog\",\r\n  standalone: true,\r\n  imports: [CommonModule, ButtonModule],\r\n  templateUrl: \"./relogin-dialog.component.html\",\r\n  styleUrls: [\"./relogin-dialog.component.scss\"]\r\n})\r\nexport class ReLoginDialogComponent {\r\n  constructor(private ref: DynamicDialogRef) {}\r\n\r\n  onConfirm(): void {\r\n    this.ref.close({ confirmed: true });\r\n  }\r\n\r\n  onCancel(): void {\r\n    this.ref.close({ confirmed: false });\r\n  }\r\n}\r\n","<div class=\"dialog-wrapper\">\r\n  <div class=\"dialog-illustration\">\r\n    <i class=\"pi pi-exclamation-triangle dialog-icon\" aria-hidden=\"true\"></i>\r\n  </div>\r\n  <div class=\"dialog-content\">\r\n    <h2 class=\"dialog-title\">Phiên đăng nhập đã hết hạn</h2>\r\n    <p class=\"dialog-text\">\r\n      Vui lòng đăng nhập lại để tiếp tục sử dụng hệ thống.\r\n    </p>\r\n  </div>\r\n  <div class=\"dialog-actions\">\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Đóng\"\r\n      [severity]=\"'secondary'\"\r\n      class=\"p-button-text\"\r\n      (click)=\"onCancel()\"\r\n    ></button>\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Đăng nhập lại\"\r\n      [severity]=\"'primary'\"\r\n      icon=\"pi pi-sign-in\"\r\n      (click)=\"onConfirm()\"\r\n    ></button>\r\n  </div>\r\n</div>\r\n","import { Injectable, inject } from \"@angular/core\";\r\nimport {\r\n  DialogService,\r\n  DynamicDialogRef,\r\n  DynamicDialogConfig\r\n} from \"primeng/dynamicdialog\";\r\nimport { ReLoginDialogComponent } from \"../../components/relogin-dialog/relogin-dialog.component\";\r\n\r\nimport { IAuthDialogService } from \"@web-portal/core-infrastructure\";\r\n\r\n@Injectable({ providedIn: \"root\" })\r\nexport class AuthDialogService implements IAuthDialogService {\r\n  private dialogService = inject(DialogService);\r\n  private activeRef: DynamicDialogRef | null = null;\r\n\r\n  openReLoginDialog(): Promise<boolean> {\r\n    if (this.activeRef) {\r\n      // If dialog already open, just return a pending promise that resolves when it closes\r\n      return new Promise(resolve => {\r\n        this.activeRef?.onClose.subscribe((result: any) => {\r\n          resolve(!!result?.confirmed);\r\n        });\r\n      });\r\n    }\r\n\r\n    const config: DynamicDialogConfig = {\r\n      header: \"Xác thực lại\",\r\n      width: \"420px\",\r\n      modal: true,\r\n      closable: false,\r\n      dismissableMask: false,\r\n      contentStyle: { overflow: \"hidden\" },\r\n      styleClass: \"relogin-dynamic-dialog\"\r\n    };\r\n\r\n    this.activeRef = this.dialogService.open(ReLoginDialogComponent, config);\r\n\r\n    return new Promise(resolve => {\r\n      this.activeRef?.onClose.subscribe((result: any) => {\r\n        this.activeRef = null;\r\n        resolve(!!result?.confirmed);\r\n      });\r\n    });\r\n  }\r\n}\r\n","import { SubscriptionLike } from \"rxjs\";\r\n\r\n/**\r\n * Subscription sink that holds Observable subscriptions\r\n * until you call unsubscribe on it in ngOnDestroy.\r\n */\r\nexport class SubSink {\r\n  protected _subs: SubscriptionLike[] = [];\r\n\r\n  /**\r\n   * Subscription sink that holds Observable subscriptions\r\n   * until you call unsubscribe on it in ngOnDestroy.\r\n   *\r\n   * @example\r\n   * In Angular:\r\n   * ```\r\n   *   private subs = new SubSink();\r\n   *   ...\r\n   *   this.subs.sink = observable$.subscribe(\r\n   *   this.subs.add(observable$.subscribe(...));\r\n   *   ...\r\n   *   ngOnDestroy() {\r\n   *     this.subs.unsubscribe();\r\n   *   }\r\n   * ```\r\n   */\r\n\r\n  /**\r\n   * Add subscriptions to the tracked subscriptions\r\n   * @example\r\n   *  this.subs.add(observable$.subscribe(...));\r\n   */\r\n  add(...subscriptions: SubscriptionLike[]) {\r\n    this._subs = this._subs.concat(subscriptions);\r\n  }\r\n\r\n  /**\r\n   * Assign subscription to this sink to add it to the tracked subscriptions\r\n   * @example\r\n   *  this.subs.sink = observable$.subscribe(...);\r\n   */\r\n  set sink(subscription: SubscriptionLike) {\r\n    this._subs.push(subscription);\r\n  }\r\n\r\n  /**\r\n   * Unsubscribe to all subscriptions in ngOnDestroy()\r\n   * @example\r\n   *   ngOnDestroy() {\r\n   *     this.subs.unsubscribe();\r\n   *   }\r\n   */\r\n  unsubscribe() {\r\n    this._subs.forEach(sub => sub && sub.unsubscribe());\r\n    this._subs = [];\r\n  }\r\n}\r\n","import { AfterViewInit, Injectable, OnDestroy } from \"@angular/core\";\r\nimport { SubSink } from \"./sub-sink\";\r\nimport { Subject } from \"rxjs\";\r\n\r\n/**\r\n * A class that automatically unsubscribes all observables when the object gets destroyed\r\n */\r\n@Injectable()\r\nexport class UnsubscribeOnDestroyAdapter implements OnDestroy {\r\n  /**\r\n   * The subscription sink object that stores all subscriptions\r\n   */\r\n  subs = new SubSink();\r\n  destroy$ = new Subject<void>();\r\n\r\n  /**\r\n   * The lifecycle hook that unsubscribes all subscriptions when the component / object gets destroyed\r\n   */\r\n  ngOnDestroy(): void {\r\n    this.subs?.unsubscribe();\r\n    this.destroy$.next();\r\n    this.destroy$.complete();\r\n  }\r\n}\r\n","import {\r\n  patchState,\r\n  signalStore,\r\n  withMethods,\r\n  withComputed,\r\n  withState,\r\n  signalStoreFeature\r\n} from \"@ngrx/signals\";\r\nimport { computed } from \"@angular/core\";\r\n\r\nexport interface BaseStoreState<TData, TCustom = {}> {\r\n  loading: Record<any, boolean>;\r\n  error: Record<any, any>;\r\n  data: Record<any, TData>;\r\n  custom?: TCustom;\r\n}\r\n\r\nexport function withBaseStore<TData, TCustom = {}>(\r\n  initialState: BaseStoreState<TData, TCustom>\r\n) {\r\n  return signalStoreFeature(\r\n    withState<BaseStoreState<TData, TCustom>>(initialState),\r\n\r\n    withComputed(store => ({\r\n      keys: computed(() => Object.keys(store.data?.() ?? {})),\r\n      getLoading: computed(() => (key: string) => !!store.loading?.()?.[key]),\r\n      getError: computed(() => (key: string) => store.error?.()?.[key] ?? null),\r\n      getData: computed(() => (key: string) => store.data?.()?.[key] ?? null),\r\n      getCustom: computed(() => store.custom?.())\r\n    })),\r\n\r\n    withMethods(store => ({\r\n      setData: (key: string, data: TData) => {\r\n        patchState(store, {\r\n          data: { ...(store.data?.() ?? {}), [key]: data }\r\n        });\r\n      },\r\n      setLoading: (key: string, loading: boolean) => {\r\n        patchState(store, {\r\n          loading: { ...(store.loading?.() ?? {}), [key]: loading }\r\n        });\r\n      },\r\n      setError: (key: string, error: any) => {\r\n        patchState(store, {\r\n          error: { ...(store.error?.() ?? {}), [key]: error }\r\n        });\r\n      },\r\n      clearKey: (key: string) => {\r\n        const currentLoading = store.loading?.() ?? {};\r\n        const currentError = store.error?.() ?? {};\r\n        const currentData = store.data?.() ?? {};\r\n\r\n        const { [key]: _l, ...restLoading } = currentLoading;\r\n        const { [key]: _e, ...restError } = currentError;\r\n        const { [key]: _d, ...restData } = currentData;\r\n\r\n        patchState(store, {\r\n          loading: restLoading,\r\n          error: restError,\r\n          data: restData\r\n        });\r\n      },\r\n\r\n      clearAll: () => {\r\n        patchState(store, { ...(initialState as any) });\r\n      }\r\n    }))\r\n  );\r\n}\r\n","/*\r\n * Public API Surface of view/shared\r\n */\r\n\r\n// Components\r\nexport * from './lib/components';\r\nexport * from './lib/components/tree-select/tree-select.interface';\r\n\r\n// Services\r\nexport * from './lib/services/auth/auth-dialog.service';\r\n\r\n// Utilities\r\nexport * from './lib/sub-sink';\r\nexport * from './lib/UnsubscribeOnDestroyAdapter';\r\nexport * from './lib/base.store';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i1","i3"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@web-portal/view-shared" />
+export * from './public-api';

package/lib/UnsubscribeOnDestroyAdapter.d.ts

@@ -0,0 +1,20 @@
+import { OnDestroy } from "@angular/core";
+import { SubSink } from "./sub-sink";
+import { Subject } from "rxjs";
+import * as i0 from "@angular/core";
+/**
+ * A class that automatically unsubscribes all observables when the object gets destroyed
+ */
+export declare class UnsubscribeOnDestroyAdapter implements OnDestroy {
+    /**
+     * The subscription sink object that stores all subscriptions
+     */
+    subs: SubSink;
+    destroy$: Subject<void>;
+    /**
+     * The lifecycle hook that unsubscribes all subscriptions when the component / object gets destroyed
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UnsubscribeOnDestroyAdapter, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UnsubscribeOnDestroyAdapter>;
+}

package/lib/base.store.d.ts

@@ -0,0 +1,28 @@
+export interface BaseStoreState<TData, TCustom = {}> {
+    loading: Record<any, boolean>;
+    error: Record<any, any>;
+    data: Record<any, TData>;
+    custom?: TCustom;
+}
+export declare function withBaseStore<TData, TCustom = {}>(initialState: BaseStoreState<TData, TCustom>): import("@ngrx/signals").SignalStoreFeature<import("@ngrx/signals").EmptyFeatureResult, {
+    state: {
+        loading: Record<any, boolean>;
+        error: Record<any, any>;
+        data: Record<any, TData>;
+        custom?: TCustom;
+    };
+    props: {
+        keys: import("@angular/core").Signal<string[]>;
+        getLoading: import("@angular/core").Signal<(key: string) => boolean>;
+        getError: import("@angular/core").Signal<(key: string) => any>;
+        getData: import("@angular/core").Signal<(key: string) => TData>;
+        getCustom: import("@angular/core").Signal<TCustom>;
+    };
+    methods: {
+        setData: (key: string, data: TData) => void;
+        setLoading: (key: string, loading: boolean) => void;
+        setError: (key: string, error: any) => void;
+        clearKey: (key: string) => void;
+        clearAll: () => void;
+    };
+}>;

package/lib/components/excel-upload/excel-upload.component.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { ChangeDetectorRef, NgZone } from "@angular/core";
+import { FileService } from "@web-portal/core-infrastructure";
+import * as i0 from "@angular/core";
+export declare class ExcelUploadComponent implements OnInit {
+    private fileService;
+    private cdr;
+    private ngZone;
+    fileInputRef: any;
+    ngOnInit(): void;
+    selectedFiles?: FileList;
+    currentFile?: File;
+    progress: number;
+    message: string;
+    filePath: string;
+    absoluteURL: string;
+    onChange: EventEmitter<any>;
+    fileAttr: string;
+    constructor(fileService: FileService, cdr: ChangeDetectorRef, ngZone: NgZone);
+    handleInputChange(event: any): void;
+    triggerFileInput(): void;
+    onChooseClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExcelUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExcelUploadComponent, "app-excel-upload", never, {}, { "onChange": "onChange"; }, never, never, true, never>;
+}

package/lib/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./excel-upload/excel-upload.component";
+export * from "./media-upload/media-upload.component";
+export * from "./tree-select/tree-select.component";
+export * from "./relogin-dialog/relogin-dialog.component";

package/lib/components/media-upload/media-upload.component.d.ts

@@ -0,0 +1,42 @@
+import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from "@angular/core";
+import * as i0 from "@angular/core";
+type MediaKind = "image" | "file" | "video";
+export declare class MediaUploadComponent implements OnInit, OnChanges, OnDestroy {
+    private readonly fileWap_GCSService;
+    private readonly messageService;
+    kind: MediaKind;
+    label: string;
+    placeholder: string;
+    accept: string | null;
+    maxSizeMb: number | null;
+    initialUrl: string | null;
+    uploaded: EventEmitter<{
+        filePath: string;
+        absoluteUrl?: string;
+        duration?: number;
+        size?: number;
+    }>;
+    removed: EventEmitter<void>;
+    uploadingChange: EventEmitter<boolean>;
+    progress: number;
+    previewUrl: string | null;
+    storagePath: string | null;
+    fileSize: number;
+    fileName: string;
+    videoDurationText: string;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    get acceptMime(): string;
+    get maxBytes(): number;
+    onSelect(event: any): void;
+    remove(): void;
+    private upload;
+    private setPreviewFromPath;
+    private loadVideoDuration;
+    private getVideoDurationFromUrl;
+    private error;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediaUploadComponent, "app-media-upload", never, { "kind": { "alias": "kind"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "maxSizeMb": { "alias": "maxSizeMb"; "required": false; }; "initialUrl": { "alias": "initialUrl"; "required": false; }; }, { "uploaded": "uploaded"; "removed": "removed"; "uploadingChange": "uploadingChange"; }, never, never, true, never>;
+}
+export {};

package/lib/components/relogin-dialog/relogin-dialog.component.d.ts

@@ -0,0 +1,10 @@
+import { DynamicDialogRef } from "primeng/dynamicdialog";
+import * as i0 from "@angular/core";
+export declare class ReLoginDialogComponent {
+    private ref;
+    constructor(ref: DynamicDialogRef);
+    onConfirm(): void;
+    onCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReLoginDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReLoginDialogComponent, "app-relogin-dialog", never, {}, {}, never, never, true, never>;
+}

package/lib/components/tree-select/tree-select.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter, OnInit, OnDestroy, OnChanges, SimpleChanges } from "@angular/core";
+import { TreeNode } from "./tree-select.interface";
+import * as i0 from "@angular/core";
+export declare class TreeSelectComponent implements OnInit, OnDestroy, OnChanges {
+    form: any;
+    controlName: string;
+    dataSource: TreeNode[];
+    onChange: EventEmitter<any>;
+    private readonly destroy$;
+    readonly selectedNodes: import("@angular/core").WritableSignal<any[]>;
+    readonly treeNodes: import("@angular/core").WritableSignal<TreeNode[]>;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    onSelectionChange(event: any): void;
+    private extractStoreIds;
+    getSelectedStoreIds(): number[];
+    clearSelection(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeSelectComponent, "tree-select", never, { "form": { "alias": "form"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}

package/lib/components/tree-select/tree-select.interface.d.ts

@@ -0,0 +1,13 @@
+export interface TreeNode {
+    key: string;
+    label: string;
+    data?: {
+        type: "area" | "store";
+        areaId?: number;
+        storeId?: number;
+    };
+    children?: TreeNode[];
+    leaf?: boolean;
+    selectable?: boolean;
+    expanded?: boolean;
+}

package/lib/services/auth/auth-dialog.service.d.ts

@@ -0,0 +1,9 @@
+import { IAuthDialogService } from "@web-portal/core-infrastructure";
+import * as i0 from "@angular/core";
+export declare class AuthDialogService implements IAuthDialogService {
+    private dialogService;
+    private activeRef;
+    openReLoginDialog(): Promise<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AuthDialogService>;
+}

package/lib/sub-sink.d.ts

@@ -0,0 +1,45 @@
+import { SubscriptionLike } from "rxjs";
+/**
+ * Subscription sink that holds Observable subscriptions
+ * until you call unsubscribe on it in ngOnDestroy.
+ */
+export declare class SubSink {
+    protected _subs: SubscriptionLike[];
+    /**
+     * Subscription sink that holds Observable subscriptions
+     * until you call unsubscribe on it in ngOnDestroy.
+     *
+     * @example
+     * In Angular:
+     * ```
+     *   private subs = new SubSink();
+     *   ...
+     *   this.subs.sink = observable$.subscribe(
+     *   this.subs.add(observable$.subscribe(...));
+     *   ...
+     *   ngOnDestroy() {
+     *     this.subs.unsubscribe();
+     *   }
+     * ```
+     */
+    /**
+     * Add subscriptions to the tracked subscriptions
+     * @example
+     *  this.subs.add(observable$.subscribe(...));
+     */
+    add(...subscriptions: SubscriptionLike[]): void;
+    /**
+     * Assign subscription to this sink to add it to the tracked subscriptions
+     * @example
+     *  this.subs.sink = observable$.subscribe(...);
+     */
+    set sink(subscription: SubscriptionLike);
+    /**
+     * Unsubscribe to all subscriptions in ngOnDestroy()
+     * @example
+     *   ngOnDestroy() {
+     *     this.subs.unsubscribe();
+     *   }
+     */
+    unsubscribe(): void;
+}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@web-portal/view-shared",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^19.2.0",
+    "@angular/core": "^19.2.0",
+    "primeng": "^19.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/web-portal-view-shared.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/web-portal-view-shared.mjs"
+    }
+  },
+  "publishConfig": {
+      "access": "public"
+    }
+}

package/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './lib/components';
+export * from './lib/components/tree-select/tree-select.interface';
+export * from './lib/services/auth/auth-dialog.service';
+export * from './lib/sub-sink';
+export * from './lib/UnsubscribeOnDestroyAdapter';
+export * from './lib/base.store';