@mckit/chat 20.0.2 → 20.0.4

package/fesm2022/mckit-chat.mjs

@@ -4,14 +4,15 @@ import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from 'primeng/image';
 import { ImageModule } from 'primeng/image';
-import * as i2$1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i3 from 'primeng/avatar';
-import { AvatarModule } from 'primeng/avatar';
-import * as i4 from 'primeng/button';
+import { Subject } from 'rxjs';
+import * as i1$1 from '@angular/forms';
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i2$1 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
-import * as i5 from 'primeng/inputtext';
+import * as i3 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
+import * as i1$2 from 'primeng/avatar';
+import { AvatarModule } from 'primeng/avatar';
 
 var MCMessageChatType;
 (function (MCMessageChatType) {
@@ -20,6 +21,8 @@ var MCMessageChatType;
     MCMessageChatType["VIDEO"] = "video";
     MCMessageChatType["AUDIO"] = "audio";
     MCMessageChatType["FILE"] = "file";
+    MCMessageChatType["EMPTY"] = "empty";
+    MCMessageChatType["THINKING"] = "thinking";
 })(MCMessageChatType || (MCMessageChatType = {}));
 var MCMessageChatSide;
 (function (MCMessageChatSide) {
@@ -37,6 +40,25 @@ class MCMessageChat {
 class MCConversation {
     id;
     messages = [];
+    user;
+}
+
+var MCEventChatType;
+(function (MCEventChatType) {
+    MCEventChatType["TYPING"] = "typing";
+    MCEventChatType["SEND_MESSAGE"] = "send_message";
+})(MCEventChatType || (MCEventChatType = {}));
+class MCEventChat {
+    type;
+    data;
+}
+
+class MCUserChat {
+    id;
+    firstname;
+    lastname;
+    photo;
+    online;
 }
 
 class MCBaseMessageComponent {
@@ -97,14 +119,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
             args: [{ selector: 'mc-message-file', imports: [CommonModule], template: "<div class=\"flex w-full\"\n    [ngClass]=\"{'justify-end': message().side !== 'left', 'justify-start': message().side === 'left'}\">\n\n    <div class=\"max-w-[70%] flex flex-col\"\n        [ngClass]=\"{'items-end': message().side !== 'left', 'items-start': message().side === 'left'}\">\n\n        <div class=\"rounded-lg shadow-sm p-3 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 flex items-center gap-3\"\n            [ngClass]=\"{\n                        'rounded-br-none': message().side !== 'left',\n                        'rounded-bl-none': message().side === 'left'\n                     }\">\n\n            <div\n                class=\"w-10 h-10 rounded bg-gray-100 dark:bg-gray-700 flex items-center justify-center text-gray-500 dark:text-gray-400\">\n                <i class=\"pi pi-file text-xl\"></i>\n            </div>\n\n            <div class=\"flex flex-col overflow-hidden\">\n                <span class=\"text-sm font-medium truncate text-gray-900 dark:text-gray-100 max-w-[150px]\">\n                    Attached File\n                </span>\n                <a [href]=\"message().content\" target=\"_blank\"\n                    class=\"text-xs text-blue-500 hover:text-blue-600 hover:underline flex items-center gap-1\">\n                    <span>Download</span>\n                    <i class=\"pi pi-external-link text-[10px]\"></i>\n                </a>\n            </div>\n        </div>\n        <span class=\"text-xs text-gray-400 mt-1 px-1\">\n            {{ message().createdAt | date:'shortTime' }}\n        </span>\n    </div>\n</div>" }]
         }] });
 
+class MCChatEmptyComponent extends MCBaseMessageComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCChatEmptyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: MCChatEmptyComponent, isStandalone: true, selector: "mc-chat-empty", usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col items-center justify-center h-full text-gray-500 dark:text-gray-400\">\n    <div class=\"w-16 h-16 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center mb-4\">\n        <i class=\"pi pi-comments text-3xl\"></i>\n    </div>\n    <p class=\"text-lg font-medium\">No messages yet</p>\n    <p class=\"text-sm\">Start the conversation by sending a message.</p>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCChatEmptyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mc-chat-empty', imports: [CommonModule], template: "<div class=\"flex flex-col items-center justify-center h-full text-gray-500 dark:text-gray-400\">\n    <div class=\"w-16 h-16 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center mb-4\">\n        <i class=\"pi pi-comments text-3xl\"></i>\n    </div>\n    <p class=\"text-lg font-medium\">No messages yet</p>\n    <p class=\"text-sm\">Start the conversation by sending a message.</p>\n</div>" }]
+        }] });
+
+class MCThinkingComponent extends MCBaseMessageComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCThinkingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: MCThinkingComponent, isStandalone: true, selector: "mc-chat-thinking", usesInheritance: true, ngImport: i0, template: "<div class=\"flex items-center space-x-1 bg-gray-100 dark:bg-gray-800 rounded-lg p-3 w-fit\">\n    <div class=\"w-2 h-2 bg-gray-400 rounded-full animate-bounce [animation-delay:-0.3s]\"></div>\n    <div class=\"w-2 h-2 bg-gray-400 rounded-full animate-bounce [animation-delay:-0.15s]\"></div>\n    <div class=\"w-2 h-2 bg-gray-400 rounded-full animate-bounce\"></div>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCThinkingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mc-chat-thinking', imports: [CommonModule], template: "<div class=\"flex items-center space-x-1 bg-gray-100 dark:bg-gray-800 rounded-lg p-3 w-fit\">\n    <div class=\"w-2 h-2 bg-gray-400 rounded-full animate-bounce [animation-delay:-0.3s]\"></div>\n    <div class=\"w-2 h-2 bg-gray-400 rounded-full animate-bounce [animation-delay:-0.15s]\"></div>\n    <div class=\"w-2 h-2 bg-gray-400 rounded-full animate-bounce\"></div>\n</div>" }]
+        }] });
+
 class MCChatService {
     registry = new Map();
+    eventSubject = new Subject();
     constructor() {
         this.register(MCMessageChatType.TEXT, MCMessageTextComponent);
         this.register(MCMessageChatType.IMAGE, MCMessageImageComponent);
         this.register(MCMessageChatType.VIDEO, MCMessageVideoComponent);
         this.register(MCMessageChatType.AUDIO, MCMessageAudioComponent);
         this.register(MCMessageChatType.FILE, MCMessageFileComponent);
+        this.register(MCMessageChatType.EMPTY, MCChatEmptyComponent);
+        this.register(MCMessageChatType.THINKING, MCThinkingComponent);
     }
     register(type, component) {
         this.registry.set(type, component);
@@ -112,6 +155,12 @@ class MCChatService {
     getComponent(type) {
         return this.registry.get(type);
     }
+    sendEvent(event) {
+        this.eventSubject.next(event);
+    }
+    onEvent() {
+        return this.eventSubject.asObservable();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCChatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCChatService, providedIn: 'root' });
 }
@@ -122,6 +171,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+class MCWritingComponent {
+    input = new FormControl('', { nonNullable: true });
+    chatService = inject(MCChatService);
+    onClickSend() {
+        if (!this.input.value.trim())
+            return;
+        this.chatService.sendEvent({
+            type: MCEventChatType.SEND_MESSAGE,
+            data: this.input.value
+        });
+        this.input.reset();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCWritingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: MCWritingComponent, isStandalone: true, selector: "mc-writing-conversation", ngImport: i0, template: "<div class=\"p-4 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700\">\n    <div class=\"flex gap-2\">\n        <input pInputText type=\"text\" class=\"flex-1 w-full\" placeholder=\"Type a message...\" [formControl]=\"input\"\n            (keydown.enter)=\"onClickSend()\" />\n\n        <p-button icon=\"pi pi-send\" (onClick)=\"onClickSend()\" styleClass=\"p-button-rounded p-button-primary\">\n        </p-button>\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCWritingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mc-writing-conversation', imports: [CommonModule, FormsModule, ReactiveFormsModule, ButtonModule, InputTextModule], template: "<div class=\"p-4 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700\">\n    <div class=\"flex gap-2\">\n        <input pInputText type=\"text\" class=\"flex-1 w-full\" placeholder=\"Type a message...\" [formControl]=\"input\"\n            (keydown.enter)=\"onClickSend()\" />\n\n        <p-button icon=\"pi pi-send\" (onClick)=\"onClickSend()\" styleClass=\"p-button-rounded p-button-primary\">\n        </p-button>\n    </div>\n</div>" }]
+        }] });
+
+class MCUserHeaderChatComponent {
+    user = input.required(...(ngDevMode ? [{ debugName: "user" }] : []));
+    getInitials() {
+        const initials = ((this.user().firstname?.charAt(0) ?? '') + (this.user().lastname?.charAt(0) ?? '')).toUpperCase();
+        return initials ? initials : 'A1';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCUserHeaderChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MCUserHeaderChatComponent, isStandalone: true, selector: "mc-user-header-chat", inputs: { user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex items-center p-4 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800\">\n    @if (user().photo && user().photo != '' && user().photo != null) {\n    <p-avatar [image]=\"user().photo\" shape=\"circle\" size=\"large\" class=\"mr-3\" />\n    } @else {\n    <p-avatar [label]=\"getInitials()\" shape=\"circle\" size=\"large\" class=\"mr-3\" />\n    }\n    <div>\n        <h2 class=\"text-lg font-semibold text-gray-800 dark:text-white\">{{ user().firstname }} {{ user().lastname }}\n        </h2>\n        @if (user().online) {\n        <p class=\"text-sm text-green-500 flex items-center\">\n            <span class=\"w-2 h-2 rounded-full bg-green-500 mr-2\"></span>\n            Online\n        </p>\n        }\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i1$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCUserHeaderChatComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mc-user-header-chat', imports: [CommonModule, AvatarModule], template: "<div class=\"flex items-center p-4 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800\">\n    @if (user().photo && user().photo != '' && user().photo != null) {\n    <p-avatar [image]=\"user().photo\" shape=\"circle\" size=\"large\" class=\"mr-3\" />\n    } @else {\n    <p-avatar [label]=\"getInitials()\" shape=\"circle\" size=\"large\" class=\"mr-3\" />\n    }\n    <div>\n        <h2 class=\"text-lg font-semibold text-gray-800 dark:text-white\">{{ user().firstname }} {{ user().lastname }}\n        </h2>\n        @if (user().online) {\n        <p class=\"text-sm text-green-500 flex items-center\">\n            <span class=\"w-2 h-2 rounded-full bg-green-500 mr-2\"></span>\n            Online\n        </p>\n        }\n    </div>\n</div>" }]
+        }] });
+
 class MCConversationComponent {
     conversation = input.required(...(ngDevMode ? [{ debugName: "conversation" }] : []));
     chatService = inject(MCChatService);
@@ -146,11 +229,11 @@ class MCConversationComponent {
         this.newMessage = '';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCConversationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MCConversationComponent, isStandalone: true, selector: "mc-conversation", inputs: { conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div\n    class=\"flex flex-col h-full bg-white dark:bg-gray-900 rounded-lg overflow-hidden border border-gray-200 dark:border-gray-700\">\n    <!-- Header -->\n    <div class=\"flex items-center p-4 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800\">\n        <p-avatar image=\"https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png\" shape=\"circle\"\n            size=\"large\" styleClass=\"mr-3\">\n        </p-avatar>\n        <div>\n            <h2 class=\"text-lg font-semibold text-gray-800 dark:text-white\">Amy Elsner</h2>\n            <p class=\"text-sm text-green-500 flex items-center\">\n                <span class=\"w-2 h-2 rounded-full bg-green-500 mr-2\"></span>\n                Online\n            </p>\n        </div>\n    </div>\n\n    <!-- Messages Body -->\n    <div class=\"flex-1 overflow-y-auto p-4 space-y-4 bg-gray-50 dark:bg-gray-900\">\n        <!-- Message Item -->\n        @for (msg of conversation().messages; track $index) {\n        <div class=\"mb-3\">\n            <ng-container *ngComponentOutlet=\"getComponent(msg.type); inputs: { message: msg }\"></ng-container>\n        </div>\n        }\n    </div>\n\n    <!-- Footer / Input Area -->\n    <div class=\"p-4 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700\">\n        <div class=\"flex gap-2\">\n            <input pInputText type=\"text\" class=\"flex-1 w-full\" placeholder=\"Type a message...\" [(ngModel)]=\"newMessage\"\n                (keydown.enter)=\"sendMessage()\" />\n\n            <p-button icon=\"pi pi-send\" (onClick)=\"sendMessage()\" styleClass=\"p-button-rounded p-button-primary\">\n            </p-button>\n        </div>\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i3.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MCConversationComponent, isStandalone: true, selector: "mc-conversation", inputs: { conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div\n    class=\"flex flex-col h-full bg-white dark:bg-gray-900 rounded-lg overflow-hidden border border-gray-200 dark:border-gray-700\">\n    <!-- Header -->\n    @if (conversation() && conversation()!.user) {\n    <mc-user-header-chat [user]=\"conversation()!.user!\" />\n    }\n\n    <!-- Messages Body -->\n    <div class=\"flex-1 overflow-y-auto p-4 space-y-4 bg-gray-50 dark:bg-gray-900\">\n        <!-- Message Item -->\n        @for (msg of conversation().messages; track $index) {\n        <div class=\"mb-3\">\n            <ng-container *ngComponentOutlet=\"getComponent(msg.type); inputs: { message: msg }\"></ng-container>\n        </div>\n        }\n    </div>\n\n    <!-- Footer / Input Area -->\n    <mc-writing-conversation />\n\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: MCUserHeaderChatComponent, selector: "mc-user-header-chat", inputs: ["user"] }, { kind: "component", type: MCWritingComponent, selector: "mc-writing-conversation" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCConversationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mc-conversation', imports: [CommonModule, FormsModule, AvatarModule, ButtonModule, InputTextModule], template: "<div\n    class=\"flex flex-col h-full bg-white dark:bg-gray-900 rounded-lg overflow-hidden border border-gray-200 dark:border-gray-700\">\n    <!-- Header -->\n    <div class=\"flex items-center p-4 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800\">\n        <p-avatar image=\"https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png\" shape=\"circle\"\n            size=\"large\" styleClass=\"mr-3\">\n        </p-avatar>\n        <div>\n            <h2 class=\"text-lg font-semibold text-gray-800 dark:text-white\">Amy Elsner</h2>\n            <p class=\"text-sm text-green-500 flex items-center\">\n                <span class=\"w-2 h-2 rounded-full bg-green-500 mr-2\"></span>\n                Online\n            </p>\n        </div>\n    </div>\n\n    <!-- Messages Body -->\n    <div class=\"flex-1 overflow-y-auto p-4 space-y-4 bg-gray-50 dark:bg-gray-900\">\n        <!-- Message Item -->\n        @for (msg of conversation().messages; track $index) {\n        <div class=\"mb-3\">\n            <ng-container *ngComponentOutlet=\"getComponent(msg.type); inputs: { message: msg }\"></ng-container>\n        </div>\n        }\n    </div>\n\n    <!-- Footer / Input Area -->\n    <div class=\"p-4 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700\">\n        <div class=\"flex gap-2\">\n            <input pInputText type=\"text\" class=\"flex-1 w-full\" placeholder=\"Type a message...\" [(ngModel)]=\"newMessage\"\n                (keydown.enter)=\"sendMessage()\" />\n\n            <p-button icon=\"pi pi-send\" (onClick)=\"sendMessage()\" styleClass=\"p-button-rounded p-button-primary\">\n            </p-button>\n        </div>\n    </div>\n</div>" }]
+            args: [{ selector: 'mc-conversation', imports: [CommonModule, MCUserHeaderChatComponent, MCWritingComponent], template: "<div\n    class=\"flex flex-col h-full bg-white dark:bg-gray-900 rounded-lg overflow-hidden border border-gray-200 dark:border-gray-700\">\n    <!-- Header -->\n    @if (conversation() && conversation()!.user) {\n    <mc-user-header-chat [user]=\"conversation()!.user!\" />\n    }\n\n    <!-- Messages Body -->\n    <div class=\"flex-1 overflow-y-auto p-4 space-y-4 bg-gray-50 dark:bg-gray-900\">\n        <!-- Message Item -->\n        @for (msg of conversation().messages; track $index) {\n        <div class=\"mb-3\">\n            <ng-container *ngComponentOutlet=\"getComponent(msg.type); inputs: { message: msg }\"></ng-container>\n        </div>\n        }\n    </div>\n\n    <!-- Footer / Input Area -->\n    <mc-writing-conversation />\n\n</div>" }]
         }] });
 
 /*
@@ -164,5 +247,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { MCBaseMessageComponent, MCChatService, MCConversation, MCConversationComponent, MCMessageAudioComponent, MCMessageChat, MCMessageChatSide, MCMessageChatType, MCMessageFileComponent, MCMessageImageComponent, MCMessageTextComponent, MCMessageVideoComponent };
+export { MCBaseMessageComponent, MCChatEmptyComponent, MCChatService, MCConversation, MCConversationComponent, MCEventChat, MCEventChatType, MCMessageAudioComponent, MCMessageChat, MCMessageChatSide, MCMessageChatType, MCMessageFileComponent, MCMessageImageComponent, MCMessageTextComponent, MCMessageVideoComponent, MCThinkingComponent, MCUserChat, MCUserHeaderChatComponent, MCWritingComponent };
 //# sourceMappingURL=mckit-chat.mjs.map

package/fesm2022/mckit-chat.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mckit-chat.mjs","sources":["../../../../projects/mckit/chat/src/lib/entities/message.ts","../../../../projects/mckit/chat/src/lib/entities/conversation.ts","../../../../projects/mckit/chat/src/lib/messages/base-message.component.ts","../../../../projects/mckit/chat/src/lib/messages/text/text.component.ts","../../../../projects/mckit/chat/src/lib/messages/text/text.component.html","../../../../projects/mckit/chat/src/lib/messages/image/image.component.ts","../../../../projects/mckit/chat/src/lib/messages/image/image.component.html","../../../../projects/mckit/chat/src/lib/messages/video/video.component.ts","../../../../projects/mckit/chat/src/lib/messages/video/video.component.html","../../../../projects/mckit/chat/src/lib/messages/audio/audio.component.ts","../../../../projects/mckit/chat/src/lib/messages/audio/audio.component.html","../../../../projects/mckit/chat/src/lib/messages/file/file.component.ts","../../../../projects/mckit/chat/src/lib/messages/file/file.component.html","../../../../projects/mckit/chat/src/lib/services/chat.service.ts","../../../../projects/mckit/chat/src/lib/components/conversation/conversation.component.ts","../../../../projects/mckit/chat/src/lib/components/conversation/conversation.component.html","../../../../projects/mckit/chat/src/public-api.ts","../../../../projects/mckit/chat/src/mckit-chat.ts"],"sourcesContent":["export enum MCMessageChatType {\n    TEXT = 'text',\n    IMAGE = 'image',\n    VIDEO = 'video',\n    AUDIO = 'audio',\n    FILE = 'file'\n}\n\nexport enum MCMessageChatSide {\n    LEFT = 'left',\n    RIGHT = 'right'\n}\n\nexport class MCMessageChat {\n    id?: string | number;\n    type!: string;\n    side!: MCMessageChatSide;\n    content?: any;\n    createdAt?: string;\n}","import { MCMessageChat } from \"./message\";\n\nexport class MCConversation {\n    id?: string;\n    messages: MCMessageChat[] = [];\n}","import { Component, input } from '@angular/core';\nimport { MCMessageChat } from '../entities/message';\n\n@Component({\n    selector: 'mc-base-message',\n    template: ''\n})\nexport class MCBaseMessageComponent {\n    message = input.required<MCMessageChat>();\n}\n","import { Component } from '@angular/core';\nimport { MCBaseMessageComponent } from '../base-message.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'mc-message-text',\n  imports: [CommonModule],\n  templateUrl: './text.component.html',\n  styleUrl: './text.component.css'\n})\nexport class MCMessageTextComponent extends MCBaseMessageComponent {\n\n}\n","<div class=\"flex w-full\"\n    [ngClass]=\"{'justify-end': message().side !== 'left', 'justify-start': message().side === 'left'}\">\n\n    <div class=\"max-w-[70%] flex flex-col\"\n        [ngClass]=\"{'items-end': message().side !== 'left', 'items-start': message().side === 'left'}\">\n\n        <div class=\"p-3 rounded-lg shadow-sm\" [ngClass]=\"{\n                        'bg-blue-600 text-white rounded-br-none': message().side !== 'left',\n                        'bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 border border-gray-200 dark:border-gray-700 rounded-bl-none': message().id === '1'\n                     }\">\n            <p class=\"text-sm\">{{ message().content }}</p>\n        </div>\n        <span class=\"text-xs text-gray-400 mt-1 px-1\">\n            {{ message().createdAt | date:'shortTime' }}\n        </span>\n    </div>\n</div>","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { ImageModule } from 'primeng/image';\nimport { MCBaseMessageComponent } from '../base-message.component';\n\n@Component({\n  selector: 'mc-message-image',\n  imports: [CommonModule, ImageModule],\n  templateUrl: './image.component.html',\n  styleUrl: './image.component.css'\n})\nexport class MCMessageImageComponent extends MCBaseMessageComponent {\n\n}\n","<div class=\"flex w-full\"\n    [ngClass]=\"{'justify-end': message().side !== 'left', 'justify-start': message().side === 'left'}\">\n\n    <div class=\"max-w-[70%] flex flex-col\"\n        [ngClass]=\"{'items-end': message().side !== 'left', 'items-start': message().side === 'left'}\">\n\n        <div class=\"rounded-lg shadow-sm overflow-hidden\" [ngClass]=\"{\n                        'rounded-br-none': message().side !== 'left',\n                        'rounded-bl-none': message().side === 'left'\n                     }\">\n            <p-image [src]=\"message().content\" [alt]=\"'Image'\" [preview]=\"true\" width=\"250\">\n            </p-image>\n        </div>\n        <span class=\"text-xs text-gray-400 mt-1 px-1\">\n            {{ message().createdAt | date:'shortTime' }}\n        </span>\n    </div>\n</div>","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { MCBaseMessageComponent } from '../base-message.component';\n\n@Component({\n  selector: 'mc-message-video',\n  imports: [CommonModule],\n  templateUrl: './video.component.html',\n  styleUrl: './video.component.css'\n})\nexport class MCMessageVideoComponent extends MCBaseMessageComponent {\n\n}\n","<div class=\"flex w-full\"\n    [ngClass]=\"{'justify-end': message().side !== 'left', 'justify-start': message().side === 'left'}\">\n\n    <div class=\"max-w-[70%] flex flex-col\"\n        [ngClass]=\"{'items-end': message().side !== 'left', 'items-start': message().side === 'left'}\">\n\n        <div class=\"rounded-lg shadow-sm overflow-hidden\" [ngClass]=\"{\n                        'rounded-br-none': message().side !== 'left',\n                        'rounded-bl-none': message().side === 'left'\n                     }\">\n            <video [src]=\"message().content\" controls width=\"250\" class=\"block\">\n            </video>\n        </div>\n        <span class=\"text-xs text-gray-400 mt-1 px-1\">\n            {{ message().createdAt | date:'shortTime' }}\n        </span>\n    </div>\n</div>","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { MCBaseMessageComponent } from '../base-message.component';\n\n@Component({\n  selector: 'mc-message-audio',\n  imports: [CommonModule],\n  templateUrl: './audio.component.html',\n  styleUrl: './audio.component.css'\n})\nexport class MCMessageAudioComponent extends MCBaseMessageComponent {\n\n}\n","<div class=\"flex w-full\"\n    [ngClass]=\"{'justify-end': message().side !== 'left', 'justify-start': message().side === 'left'}\">\n\n    <div class=\"max-w-[70%] flex flex-col\"\n        [ngClass]=\"{'items-end': message().side !== 'left', 'items-start': message().side === 'left'}\">\n\n        <div class=\"rounded-lg shadow-sm overflow-hidden\" [ngClass]=\"{\n                        'rounded-br-none': message().side !== 'left',\n                        'rounded-bl-none': message().side === 'left'\n                     }\">\n            <audio [src]=\"message().content\" controls class=\"block w-[250px]\">\n            </audio>\n        </div>\n        <span class=\"text-xs text-gray-400 mt-1 px-1\">\n            {{ message().createdAt | date:'shortTime' }}\n        </span>\n    </div>\n</div>","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { MCBaseMessageComponent } from '../base-message.component';\n\n@Component({\n  selector: 'mc-message-file',\n  imports: [CommonModule],\n  templateUrl: './file.component.html',\n  styleUrl: './file.component.css'\n})\nexport class MCMessageFileComponent extends MCBaseMessageComponent {\n\n}\n","<div class=\"flex w-full\"\n    [ngClass]=\"{'justify-end': message().side !== 'left', 'justify-start': message().side === 'left'}\">\n\n    <div class=\"max-w-[70%] flex flex-col\"\n        [ngClass]=\"{'items-end': message().side !== 'left', 'items-start': message().side === 'left'}\">\n\n        <div class=\"rounded-lg shadow-sm p-3 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 flex items-center gap-3\"\n            [ngClass]=\"{\n                        'rounded-br-none': message().side !== 'left',\n                        'rounded-bl-none': message().side === 'left'\n                     }\">\n\n            <div\n                class=\"w-10 h-10 rounded bg-gray-100 dark:bg-gray-700 flex items-center justify-center text-gray-500 dark:text-gray-400\">\n                <i class=\"pi pi-file text-xl\"></i>\n            </div>\n\n            <div class=\"flex flex-col overflow-hidden\">\n                <span class=\"text-sm font-medium truncate text-gray-900 dark:text-gray-100 max-w-[150px]\">\n                    Attached File\n                </span>\n                <a [href]=\"message().content\" target=\"_blank\"\n                    class=\"text-xs text-blue-500 hover:text-blue-600 hover:underline flex items-center gap-1\">\n                    <span>Download</span>\n                    <i class=\"pi pi-external-link text-[10px]\"></i>\n                </a>\n            </div>\n        </div>\n        <span class=\"text-xs text-gray-400 mt-1 px-1\">\n            {{ message().createdAt | date:'shortTime' }}\n        </span>\n    </div>\n</div>","import { Injectable, Type } from '@angular/core';\nimport { MCBaseMessageComponent } from '../messages/base-message.component';\nimport { MCMessageChatType } from '../entities/message';\nimport { MCMessageTextComponent } from '../messages/text/text.component';\nimport { MCMessageImageComponent } from '../messages/image/image.component';\nimport { MCMessageVideoComponent } from '../messages/video/video.component';\nimport { MCMessageAudioComponent } from '../messages/audio/audio.component';\nimport { MCMessageFileComponent } from '../messages/file/file.component';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class MCChatService {\n\n  private registry = new Map<string, Type<MCBaseMessageComponent>>();\n\n  constructor() {\n    this.register(MCMessageChatType.TEXT, MCMessageTextComponent);\n    this.register(MCMessageChatType.IMAGE, MCMessageImageComponent);\n    this.register(MCMessageChatType.VIDEO, MCMessageVideoComponent);\n    this.register(MCMessageChatType.AUDIO, MCMessageAudioComponent);\n    this.register(MCMessageChatType.FILE, MCMessageFileComponent);\n  }\n\n  register(type: string, component: Type<MCBaseMessageComponent>) {\n    this.registry.set(type, component);\n  }\n\n  getComponent(type: string): Type<MCBaseMessageComponent> | undefined {\n    return this.registry.get(type);\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, inject, input, Type } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AvatarModule } from 'primeng/avatar';\nimport { ButtonModule } from 'primeng/button';\nimport { InputTextModule } from 'primeng/inputtext';\nimport { MCMessageChat, MCMessageChatSide, MCMessageChatType } from '../../entities/message';\nimport { MCChatService } from '../../services/chat.service';\nimport { MCBaseMessageComponent } from '../../messages/base-message.component';\nimport { MCConversation } from '../../entities/conversation';\n\n@Component({\n  selector: 'mc-conversation',\n  imports: [CommonModule, FormsModule, AvatarModule, ButtonModule, InputTextModule],\n  templateUrl: './conversation.component.html',\n  styleUrl: './conversation.component.css'\n})\nexport class MCConversationComponent {\n\n  conversation = input.required<MCConversation>();\n\n  chatService = inject(MCChatService);\n\n  newMessage: string = '';\n\n  // Let's pretend we have a currentUserId = 1.\n  currentUserId = 1;\n\n  getComponent(type: string): Type<MCBaseMessageComponent> {\n    return this.chatService.getComponent(type) ?? MCBaseMessageComponent;\n  }\n\n  sendMessage() {\n    if (!this.newMessage.trim()) return;\n\n    const message: MCMessageChat = {\n      id: Date.now().toString(),\n      type: MCMessageChatType.TEXT,\n      content: this.newMessage,\n      createdAt: new Date().toISOString(),\n      side: MCMessageChatSide.RIGHT,\n    };\n\n    // Ideally we would push to a service, but for now just local array\n    this.conversation().messages.push(message);\n    this.newMessage = '';\n  }\n}\n","<div\n    class=\"flex flex-col h-full bg-white dark:bg-gray-900 rounded-lg overflow-hidden border border-gray-200 dark:border-gray-700\">\n    <!-- Header -->\n    <div class=\"flex items-center p-4 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800\">\n        <p-avatar image=\"https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png\" shape=\"circle\"\n            size=\"large\" styleClass=\"mr-3\">\n        </p-avatar>\n        <div>\n            <h2 class=\"text-lg font-semibold text-gray-800 dark:text-white\">Amy Elsner</h2>\n            <p class=\"text-sm text-green-500 flex items-center\">\n                <span class=\"w-2 h-2 rounded-full bg-green-500 mr-2\"></span>\n                Online\n            </p>\n        </div>\n    </div>\n\n    <!-- Messages Body -->\n    <div class=\"flex-1 overflow-y-auto p-4 space-y-4 bg-gray-50 dark:bg-gray-900\">\n        <!-- Message Item -->\n        @for (msg of conversation().messages; track $index) {\n        <div class=\"mb-3\">\n            <ng-container *ngComponentOutlet=\"getComponent(msg.type); inputs: { message: msg }\"></ng-container>\n        </div>\n        }\n    </div>\n\n    <!-- Footer / Input Area -->\n    <div class=\"p-4 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700\">\n        <div class=\"flex gap-2\">\n            <input pInputText type=\"text\" class=\"flex-1 w-full\" placeholder=\"Type a message...\" [(ngModel)]=\"newMessage\"\n                (keydown.enter)=\"sendMessage()\" />\n\n            <p-button icon=\"pi pi-send\" (onClick)=\"sendMessage()\" styleClass=\"p-button-rounded p-button-primary\">\n            </p-button>\n        </div>\n    </div>\n</div>","/*\n * Public API Surface of chat\n */\n\n/**\n * Entities\n */\nexport * from './lib/entities/message';\nexport * from './lib/entities/conversation';\n\n/**\n * Messages\n */\nexport * from './lib/messages/base-message.component';\nexport * from './lib/messages/text/text.component';\nexport * from './lib/messages/image/image.component';\nexport * from './lib/messages/video/video.component';\nexport * from './lib/messages/audio/audio.component';\nexport * from './lib/messages/file/file.component';\n\n/**\n * Components\n */\nexport * from './lib/components/conversation/conversation.component';\n\n/**\n * Services\n */\nexport * from './lib/services/chat.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2"],"mappings":"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"}
+{"version":3,"file":"mckit-chat.mjs","sources":["../../../../projects/mckit/chat/src/lib/entities/message.ts","../../../../projects/mckit/chat/src/lib/entities/conversation.ts","../../../../projects/mckit/chat/src/lib/entities/event.ts","../../../../projects/mckit/chat/src/lib/entities/user.ts","../../../../projects/mckit/chat/src/lib/messages/base-message.component.ts","../../../../projects/mckit/chat/src/lib/messages/text/text.component.ts","../../../../projects/mckit/chat/src/lib/messages/text/text.component.html","../../../../projects/mckit/chat/src/lib/messages/image/image.component.ts","../../../../projects/mckit/chat/src/lib/messages/image/image.component.html","../../../../projects/mckit/chat/src/lib/messages/video/video.component.ts","../../../../projects/mckit/chat/src/lib/messages/video/video.component.html","../../../../projects/mckit/chat/src/lib/messages/audio/audio.component.ts","../../../../projects/mckit/chat/src/lib/messages/audio/audio.component.html","../../../../projects/mckit/chat/src/lib/messages/file/file.component.ts","../../../../projects/mckit/chat/src/lib/messages/file/file.component.html","../../../../projects/mckit/chat/src/lib/messages/empty/empty.component.ts","../../../../projects/mckit/chat/src/lib/messages/empty/empty.component.html","../../../../projects/mckit/chat/src/lib/messages/thinking/thinking.component.ts","../../../../projects/mckit/chat/src/lib/messages/thinking/thinking.component.html","../../../../projects/mckit/chat/src/lib/services/chat.service.ts","../../../../projects/mckit/chat/src/lib/components/writing/writing.component.ts","../../../../projects/mckit/chat/src/lib/components/writing/writing.component.html","../../../../projects/mckit/chat/src/lib/components/user-header/user-header.component.ts","../../../../projects/mckit/chat/src/lib/components/user-header/user-header.component.html","../../../../projects/mckit/chat/src/lib/components/conversation/conversation.component.ts","../../../../projects/mckit/chat/src/lib/components/conversation/conversation.component.html","../../../../projects/mckit/chat/src/public-api.ts","../../../../projects/mckit/chat/src/mckit-chat.ts"],"sourcesContent":["export enum MCMessageChatType {\n    TEXT = 'text',\n    IMAGE = 'image',\n    VIDEO = 'video',\n    AUDIO = 'audio',\n    FILE = 'file',\n    EMPTY = 'empty',\n    THINKING = 'thinking'\n}\n\nexport enum MCMessageChatSide {\n    LEFT = 'left',\n    RIGHT = 'right'\n}\n\nexport class MCMessageChat {\n    id?: string | number;\n    type!: string;\n    side!: MCMessageChatSide;\n    content?: any;\n    createdAt?: string;\n}","import { MCMessageChat } from \"./message\";\nimport { MCUserChat } from \"./user\";\n\nexport class MCConversation {\n    id?: string;\n    messages: MCMessageChat[] = [];\n    user?: MCUserChat;\n}","export enum MCEventChatType {\n    TYPING = 'typing',\n    SEND_MESSAGE = 'send_message'\n}\n\nexport class MCEventChat {\n    type!: MCEventChatType | string;\n    data?: any;\n}","export class MCUserChat {\n    id?: string;\n    firstname?: string;\n    lastname?: string;\n    photo?: string;\n    online?: boolean;\n}","import { Component, input } from '@angular/core';\nimport { MCMessageChat } from '../entities/message';\n\n@Component({\n    selector: 'mc-base-message',\n    template: ''\n})\nexport class MCBaseMessageComponent {\n    message = input.required<MCMessageChat>();\n}\n","import { Component } from '@angular/core';\nimport { MCBaseMessageComponent } from '../base-message.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'mc-message-text',\n  imports: [CommonModule],\n  templateUrl: './text.component.html',\n  styleUrl: './text.component.css'\n})\nexport class MCMessageTextComponent extends MCBaseMessageComponent {\n\n}\n","<div class=\"flex w-full\"\n    [ngClass]=\"{'justify-end': message().side !== 'left', 'justify-start': message().side === 'left'}\">\n\n    <div class=\"max-w-[70%] flex flex-col\"\n        [ngClass]=\"{'items-end': message().side !== 'left', 'items-start': message().side === 'left'}\">\n\n        <div class=\"p-3 rounded-lg shadow-sm\" [ngClass]=\"{\n                        'bg-blue-600 text-white rounded-br-none': message().side !== 'left',\n                        'bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 border border-gray-200 dark:border-gray-700 rounded-bl-none': message().id === '1'\n                     }\">\n            <p class=\"text-sm\">{{ message().content }}</p>\n        </div>\n        <span class=\"text-xs text-gray-400 mt-1 px-1\">\n            {{ message().createdAt | date:'shortTime' }}\n        </span>\n    </div>\n</div>","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { ImageModule } from 'primeng/image';\nimport { MCBaseMessageComponent } from '../base-message.component';\n\n@Component({\n  selector: 'mc-message-image',\n  imports: [CommonModule, ImageModule],\n  templateUrl: './image.component.html',\n  styleUrl: './image.component.css'\n})\nexport class MCMessageImageComponent extends MCBaseMessageComponent {\n\n}\n","<div class=\"flex w-full\"\n    [ngClass]=\"{'justify-end': message().side !== 'left', 'justify-start': message().side === 'left'}\">\n\n    <div class=\"max-w-[70%] flex flex-col\"\n        [ngClass]=\"{'items-end': message().side !== 'left', 'items-start': message().side === 'left'}\">\n\n        <div class=\"rounded-lg shadow-sm overflow-hidden\" [ngClass]=\"{\n                        'rounded-br-none': message().side !== 'left',\n                        'rounded-bl-none': message().side === 'left'\n                     }\">\n            <p-image [src]=\"message().content\" [alt]=\"'Image'\" [preview]=\"true\" width=\"250\">\n            </p-image>\n        </div>\n        <span class=\"text-xs text-gray-400 mt-1 px-1\">\n            {{ message().createdAt | date:'shortTime' }}\n        </span>\n    </div>\n</div>","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { MCBaseMessageComponent } from '../base-message.component';\n\n@Component({\n  selector: 'mc-message-video',\n  imports: [CommonModule],\n  templateUrl: './video.component.html',\n  styleUrl: './video.component.css'\n})\nexport class MCMessageVideoComponent extends MCBaseMessageComponent {\n\n}\n","<div class=\"flex w-full\"\n    [ngClass]=\"{'justify-end': message().side !== 'left', 'justify-start': message().side === 'left'}\">\n\n    <div class=\"max-w-[70%] flex flex-col\"\n        [ngClass]=\"{'items-end': message().side !== 'left', 'items-start': message().side === 'left'}\">\n\n        <div class=\"rounded-lg shadow-sm overflow-hidden\" [ngClass]=\"{\n                        'rounded-br-none': message().side !== 'left',\n                        'rounded-bl-none': message().side === 'left'\n                     }\">\n            <video [src]=\"message().content\" controls width=\"250\" class=\"block\">\n            </video>\n        </div>\n        <span class=\"text-xs text-gray-400 mt-1 px-1\">\n            {{ message().createdAt | date:'shortTime' }}\n        </span>\n    </div>\n</div>","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { MCBaseMessageComponent } from '../base-message.component';\n\n@Component({\n  selector: 'mc-message-audio',\n  imports: [CommonModule],\n  templateUrl: './audio.component.html',\n  styleUrl: './audio.component.css'\n})\nexport class MCMessageAudioComponent extends MCBaseMessageComponent {\n\n}\n","<div class=\"flex w-full\"\n    [ngClass]=\"{'justify-end': message().side !== 'left', 'justify-start': message().side === 'left'}\">\n\n    <div class=\"max-w-[70%] flex flex-col\"\n        [ngClass]=\"{'items-end': message().side !== 'left', 'items-start': message().side === 'left'}\">\n\n        <div class=\"rounded-lg shadow-sm overflow-hidden\" [ngClass]=\"{\n                        'rounded-br-none': message().side !== 'left',\n                        'rounded-bl-none': message().side === 'left'\n                     }\">\n            <audio [src]=\"message().content\" controls class=\"block w-[250px]\">\n            </audio>\n        </div>\n        <span class=\"text-xs text-gray-400 mt-1 px-1\">\n            {{ message().createdAt | date:'shortTime' }}\n        </span>\n    </div>\n</div>","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { MCBaseMessageComponent } from '../base-message.component';\n\n@Component({\n  selector: 'mc-message-file',\n  imports: [CommonModule],\n  templateUrl: './file.component.html',\n  styleUrl: './file.component.css'\n})\nexport class MCMessageFileComponent extends MCBaseMessageComponent {\n\n}\n","<div class=\"flex w-full\"\n    [ngClass]=\"{'justify-end': message().side !== 'left', 'justify-start': message().side === 'left'}\">\n\n    <div class=\"max-w-[70%] flex flex-col\"\n        [ngClass]=\"{'items-end': message().side !== 'left', 'items-start': message().side === 'left'}\">\n\n        <div class=\"rounded-lg shadow-sm p-3 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 flex items-center gap-3\"\n            [ngClass]=\"{\n                        'rounded-br-none': message().side !== 'left',\n                        'rounded-bl-none': message().side === 'left'\n                     }\">\n\n            <div\n                class=\"w-10 h-10 rounded bg-gray-100 dark:bg-gray-700 flex items-center justify-center text-gray-500 dark:text-gray-400\">\n                <i class=\"pi pi-file text-xl\"></i>\n            </div>\n\n            <div class=\"flex flex-col overflow-hidden\">\n                <span class=\"text-sm font-medium truncate text-gray-900 dark:text-gray-100 max-w-[150px]\">\n                    Attached File\n                </span>\n                <a [href]=\"message().content\" target=\"_blank\"\n                    class=\"text-xs text-blue-500 hover:text-blue-600 hover:underline flex items-center gap-1\">\n                    <span>Download</span>\n                    <i class=\"pi pi-external-link text-[10px]\"></i>\n                </a>\n            </div>\n        </div>\n        <span class=\"text-xs text-gray-400 mt-1 px-1\">\n            {{ message().createdAt | date:'shortTime' }}\n        </span>\n    </div>\n</div>","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { MCBaseMessageComponent } from '../base-message.component';\n\n@Component({\n  selector: 'mc-chat-empty',\n  imports: [CommonModule],\n  templateUrl: './empty.component.html',\n  styleUrl: './empty.component.css'\n})\nexport class MCChatEmptyComponent extends MCBaseMessageComponent {\n\n}\n","<div class=\"flex flex-col items-center justify-center h-full text-gray-500 dark:text-gray-400\">\n    <div class=\"w-16 h-16 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center mb-4\">\n        <i class=\"pi pi-comments text-3xl\"></i>\n    </div>\n    <p class=\"text-lg font-medium\">No messages yet</p>\n    <p class=\"text-sm\">Start the conversation by sending a message.</p>\n</div>","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { MCBaseMessageComponent } from '../base-message.component';\n\n@Component({\n  selector: 'mc-chat-thinking',\n  imports: [CommonModule],\n  templateUrl: './thinking.component.html',\n  styleUrl: './thinking.component.css'\n})\nexport class MCThinkingComponent extends MCBaseMessageComponent {\n\n}\n","<div class=\"flex items-center space-x-1 bg-gray-100 dark:bg-gray-800 rounded-lg p-3 w-fit\">\n    <div class=\"w-2 h-2 bg-gray-400 rounded-full animate-bounce [animation-delay:-0.3s]\"></div>\n    <div class=\"w-2 h-2 bg-gray-400 rounded-full animate-bounce [animation-delay:-0.15s]\"></div>\n    <div class=\"w-2 h-2 bg-gray-400 rounded-full animate-bounce\"></div>\n</div>","import { Injectable, Type } from '@angular/core';\nimport { MCBaseMessageComponent } from '../messages/base-message.component';\nimport { MCMessageChatType } from '../entities/message';\nimport { MCMessageTextComponent } from '../messages/text/text.component';\nimport { MCMessageImageComponent } from '../messages/image/image.component';\nimport { MCMessageVideoComponent } from '../messages/video/video.component';\nimport { MCMessageAudioComponent } from '../messages/audio/audio.component';\nimport { MCMessageFileComponent } from '../messages/file/file.component';\nimport { Subject } from 'rxjs';\nimport { MCEventChat } from '../entities/event';\nimport { MCChatEmptyComponent } from '../messages/empty/empty.component';\nimport { MCThinkingComponent } from '../messages/thinking/thinking.component';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class MCChatService {\n\n  private registry = new Map<string, Type<MCBaseMessageComponent>>();\n\n  private eventSubject = new Subject<MCEventChat>();\n\n  constructor() {\n    this.register(MCMessageChatType.TEXT, MCMessageTextComponent);\n    this.register(MCMessageChatType.IMAGE, MCMessageImageComponent);\n    this.register(MCMessageChatType.VIDEO, MCMessageVideoComponent);\n    this.register(MCMessageChatType.AUDIO, MCMessageAudioComponent);\n    this.register(MCMessageChatType.FILE, MCMessageFileComponent);\n    this.register(MCMessageChatType.EMPTY, MCChatEmptyComponent);\n    this.register(MCMessageChatType.THINKING, MCThinkingComponent);\n  }\n\n  register(type: string, component: Type<MCBaseMessageComponent>) {\n    this.registry.set(type, component);\n  }\n\n  getComponent(type: string): Type<MCBaseMessageComponent> | undefined {\n    return this.registry.get(type);\n  }\n\n  sendEvent(event: MCEventChat) {\n    this.eventSubject.next(event);\n  }\n\n  onEvent() {\n    return this.eventSubject.asObservable();\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, inject } from '@angular/core';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { ButtonModule } from 'primeng/button';\nimport { InputTextModule } from 'primeng/inputtext';\nimport { MCChatService } from '../../services/chat.service';\nimport { MCEventChatType } from '../../entities/event';\n\n@Component({\n  selector: 'mc-writing-conversation',\n  imports: [CommonModule, FormsModule, ReactiveFormsModule, ButtonModule, InputTextModule],\n  templateUrl: './writing.component.html',\n  styleUrl: './writing.component.css'\n})\nexport class MCWritingComponent {\n\n  input = new FormControl<string>('', { nonNullable: true });\n\n  chatService = inject(MCChatService);\n\n  onClickSend() {\n    if (!this.input.value.trim()) return;\n\n    this.chatService.sendEvent({\n      type: MCEventChatType.SEND_MESSAGE,\n      data: this.input.value\n    });\n\n    this.input.reset();\n  }\n}\n","<div class=\"p-4 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700\">\n    <div class=\"flex gap-2\">\n        <input pInputText type=\"text\" class=\"flex-1 w-full\" placeholder=\"Type a message...\" [formControl]=\"input\"\n            (keydown.enter)=\"onClickSend()\" />\n\n        <p-button icon=\"pi pi-send\" (onClick)=\"onClickSend()\" styleClass=\"p-button-rounded p-button-primary\">\n        </p-button>\n    </div>\n</div>","import { CommonModule } from '@angular/common';\nimport { Component, input } from '@angular/core';\nimport { AvatarModule } from 'primeng/avatar';\nimport { MCUserChat } from '../../entities/user';\n\n@Component({\n  selector: 'mc-user-header-chat',\n  imports: [CommonModule, AvatarModule],\n  templateUrl: './user-header.component.html',\n  styleUrl: './user-header.component.css'\n})\nexport class MCUserHeaderChatComponent {\n  user = input.required<MCUserChat>();\n\n  getInitials(): string {\n    const initials = ((this.user().firstname?.charAt(0) ?? '') + (this.user().lastname?.charAt(0) ?? '')).toUpperCase();\n    return initials ? initials : 'A1';\n  }\n}\n","<div class=\"flex items-center p-4 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800\">\n    @if (user().photo && user().photo != '' && user().photo != null) {\n    <p-avatar [image]=\"user().photo\" shape=\"circle\" size=\"large\" class=\"mr-3\" />\n    } @else {\n    <p-avatar [label]=\"getInitials()\" shape=\"circle\" size=\"large\" class=\"mr-3\" />\n    }\n    <div>\n        <h2 class=\"text-lg font-semibold text-gray-800 dark:text-white\">{{ user().firstname }} {{ user().lastname }}\n        </h2>\n        @if (user().online) {\n        <p class=\"text-sm text-green-500 flex items-center\">\n            <span class=\"w-2 h-2 rounded-full bg-green-500 mr-2\"></span>\n            Online\n        </p>\n        }\n    </div>\n</div>","import { CommonModule } from '@angular/common';\nimport { Component, inject, input, Type } from '@angular/core';\nimport { MCMessageChat, MCMessageChatSide, MCMessageChatType } from '../../entities/message';\nimport { MCChatService } from '../../services/chat.service';\nimport { MCBaseMessageComponent } from '../../messages/base-message.component';\nimport { MCConversation } from '../../entities/conversation';\nimport { MCWritingComponent } from '../writing/writing.component';\nimport { MCUserHeaderChatComponent } from '../user-header/user-header.component';\n\n@Component({\n  selector: 'mc-conversation',\n  imports: [CommonModule, MCUserHeaderChatComponent, MCWritingComponent],\n  templateUrl: './conversation.component.html',\n  styleUrl: './conversation.component.css'\n})\nexport class MCConversationComponent {\n\n  conversation = input.required<MCConversation>();\n\n  chatService = inject(MCChatService);\n\n  newMessage: string = '';\n\n  // Let's pretend we have a currentUserId = 1.\n  currentUserId = 1;\n\n  getComponent(type: string): Type<MCBaseMessageComponent> {\n    return this.chatService.getComponent(type) ?? MCBaseMessageComponent;\n  }\n\n  sendMessage() {\n    if (!this.newMessage.trim()) return;\n\n    const message: MCMessageChat = {\n      id: Date.now().toString(),\n      type: MCMessageChatType.TEXT,\n      content: this.newMessage,\n      createdAt: new Date().toISOString(),\n      side: MCMessageChatSide.RIGHT,\n    };\n\n    // Ideally we would push to a service, but for now just local array\n    this.conversation().messages.push(message);\n    this.newMessage = '';\n  }\n}\n","<div\n    class=\"flex flex-col h-full bg-white dark:bg-gray-900 rounded-lg overflow-hidden border border-gray-200 dark:border-gray-700\">\n    <!-- Header -->\n    @if (conversation() && conversation()!.user) {\n    <mc-user-header-chat [user]=\"conversation()!.user!\" />\n    }\n\n    <!-- Messages Body -->\n    <div class=\"flex-1 overflow-y-auto p-4 space-y-4 bg-gray-50 dark:bg-gray-900\">\n        <!-- Message Item -->\n        @for (msg of conversation().messages; track $index) {\n        <div class=\"mb-3\">\n            <ng-container *ngComponentOutlet=\"getComponent(msg.type); inputs: { message: msg }\"></ng-container>\n        </div>\n        }\n    </div>\n\n    <!-- Footer / Input Area -->\n    <mc-writing-conversation />\n\n</div>","/*\n * Public API Surface of chat\n */\n\n/**\n * Entities\n */\nexport * from './lib/entities/message';\nexport * from './lib/entities/conversation';\nexport * from './lib/entities/event';\nexport * from './lib/entities/user';\n\n/**\n * Messages\n */\nexport * from './lib/messages/base-message.component';\nexport * from './lib/messages/text/text.component';\nexport * from './lib/messages/image/image.component';\nexport * from './lib/messages/video/video.component';\nexport * from './lib/messages/audio/audio.component';\nexport * from './lib/messages/file/file.component';\nexport * from './lib/messages/empty/empty.component';\nexport * from './lib/messages/thinking/thinking.component';\n\n/**\n * Components\n */\nexport * from './lib/components/conversation/conversation.component';\nexport * from './lib/components/user-header/user-header.component';\nexport * from './lib/components/writing/writing.component';\n\n/**\n * Services\n */\nexport * from './lib/services/chat.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2"],"mappings":"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"}

package/index.d.ts

@@ -1,12 +1,16 @@
 import * as i0 from '@angular/core';
 import { Type } from '@angular/core';
+import * as rxjs from 'rxjs';
+import { FormControl } from '@angular/forms';
 
 declare enum MCMessageChatType {
     TEXT = "text",
     IMAGE = "image",
     VIDEO = "video",
     AUDIO = "audio",
-    FILE = "file"
+    FILE = "file",
+    EMPTY = "empty",
+    THINKING = "thinking"
 }
 declare enum MCMessageChatSide {
     LEFT = "left",
@@ -20,9 +24,27 @@ declare class MCMessageChat {
     createdAt?: string;
 }
 
+declare class MCUserChat {
+    id?: string;
+    firstname?: string;
+    lastname?: string;
+    photo?: string;
+    online?: boolean;
+}
+
 declare class MCConversation {
     id?: string;
     messages: MCMessageChat[];
+    user?: MCUserChat;
+}
+
+declare enum MCEventChatType {
+    TYPING = "typing",
+    SEND_MESSAGE = "send_message"
+}
+declare class MCEventChat {
+    type: MCEventChatType | string;
+    data?: any;
 }
 
 declare class MCBaseMessageComponent {
@@ -56,11 +78,24 @@ declare class MCMessageFileComponent extends MCBaseMessageComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MCMessageFileComponent, "mc-message-file", never, {}, {}, never, never, true, never>;
 }
 
+declare class MCChatEmptyComponent extends MCBaseMessageComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MCChatEmptyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MCChatEmptyComponent, "mc-chat-empty", never, {}, {}, never, never, true, never>;
+}
+
+declare class MCThinkingComponent extends MCBaseMessageComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MCThinkingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MCThinkingComponent, "mc-chat-thinking", never, {}, {}, never, never, true, never>;
+}
+
 declare class MCChatService {
     private registry;
+    private eventSubject;
     constructor();
     register(type: string, component: Type<MCBaseMessageComponent>): void;
     getComponent(type: string): Type<MCBaseMessageComponent> | undefined;
+    sendEvent(event: MCEventChat): void;
+    onEvent(): rxjs.Observable<MCEventChat>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MCChatService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MCChatService>;
 }
@@ -76,4 +111,19 @@ declare class MCConversationComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MCConversationComponent, "mc-conversation", never, { "conversation": { "alias": "conversation"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { MCBaseMessageComponent, MCChatService, MCConversation, MCConversationComponent, MCMessageAudioComponent, MCMessageChat, MCMessageChatSide, MCMessageChatType, MCMessageFileComponent, MCMessageImageComponent, MCMessageTextComponent, MCMessageVideoComponent };
+declare class MCUserHeaderChatComponent {
+    user: i0.InputSignal<MCUserChat>;
+    getInitials(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MCUserHeaderChatComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MCUserHeaderChatComponent, "mc-user-header-chat", never, { "user": { "alias": "user"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class MCWritingComponent {
+    input: FormControl<string>;
+    chatService: MCChatService;
+    onClickSend(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MCWritingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MCWritingComponent, "mc-writing-conversation", never, {}, {}, never, never, true, never>;
+}
+
+export { MCBaseMessageComponent, MCChatEmptyComponent, MCChatService, MCConversation, MCConversationComponent, MCEventChat, MCEventChatType, MCMessageAudioComponent, MCMessageChat, MCMessageChatSide, MCMessageChatType, MCMessageFileComponent, MCMessageImageComponent, MCMessageTextComponent, MCMessageVideoComponent, MCThinkingComponent, MCUserChat, MCUserHeaderChatComponent, MCWritingComponent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mckit/chat",
-  "version": "20.0.2",
+  "version": "20.0.4",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
     "@angular/core": "^20.3.0"