valtech-components 4.0.226 → 4.0.227

package/lib/components/molecules/chat-composer/chat-composer.component.d.ts

@@ -1,3 +1,4 @@
+import { OnDestroy } from '@angular/core';
 import { MessageReplyTo } from '../../../services/chat/types';
 import * as i0 from "@angular/core";
 /**
@@ -8,7 +9,7 @@ import * as i0 from "@angular/core";
  * Muestra una barra de contexto "respondiendo a" cuando `replyingTo` está seteado.
  * `typing` se emite con debounce (máx. 1 vez cada 2s) para no spamear writes.
  */
-export declare class ChatComposerComponent {
+export declare class ChatComposerComponent implements OnDestroy {
     private i18n;
     readonly placeholder: import("@angular/core").InputSignal<string>;
     readonly disabled: import("@angular/core").InputSignal<boolean>;
@@ -25,6 +26,13 @@ export declare class ChatComposerComponent {
     protected readonly body: import("@angular/core").WritableSignal<string>;
     protected readonly emojiOpen: import("@angular/core").WritableSignal<boolean>;
     protected readonly quickEmojis: string[];
+    protected readonly recording: import("@angular/core").WritableSignal<boolean>;
+    private readonly recSeconds;
+    private recorder?;
+    private recStream?;
+    private recChunks;
+    private recTimer?;
+    protected readonly recTimeLabel: import("@angular/core").Signal<string>;
     private lastTypingEmit;
     constructor();
     protected readonly canSend: import("@angular/core").Signal<boolean>;
@@ -35,11 +43,20 @@ export declare class ChatComposerComponent {
     protected toggleEmoji(): void;
     protected insertEmoji(emoji: string): void;
     protected onFile(event: Event): void;
+    /** Pegar imagen desde el portapapeles (captura de pantalla, copiar imagen). */
+    protected onPaste(event: ClipboardEvent): void;
     /**
      * Emite typing como máximo 1 vez cada 2s. No usa Date.now() directo en plantillas
      * de workflow; aquí estamos en runtime de navegador, performance.now es seguro.
      */
     private emitTypingDebounced;
+    /** Selecciona un mimeType de audio soportado por el navegador. */
+    private pickAudioMime;
+    protected startRecording(): Promise<void>;
+    protected stopAndSend(): void;
+    protected cancelRecording(): void;
+    private cleanupRecording;
+    ngOnDestroy(): void;
     t(key: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatComposerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ChatComposerComponent, "val-chat-composer", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "replyingTo": { "alias": "replyingTo"; "required": false; "isSignal": true; }; "showAttach": { "alias": "showAttach"; "required": false; "isSignal": true; }; "showEmoji": { "alias": "showEmoji"; "required": false; "isSignal": true; }; "showMic": { "alias": "showMic"; "required": false; "isSignal": true; }; }, { "send": "send"; "typing": "typing"; "attach": "attach"; "voice": "voice"; "cancelReply": "cancelReply"; }, never, never, true, never>;

package/lib/components/molecules/message-bubble/message-bubble.component.d.ts

@@ -31,6 +31,7 @@ export declare class MessageBubbleComponent {
     protected readonly time: import("@angular/core").Signal<string>;
     protected readonly initials: import("@angular/core").Signal<string>;
     protected readonly imageAttachments: import("@angular/core").Signal<import("valtech-components").MessageAttachment[]>;
+    protected readonly audioAttachments: import("@angular/core").Signal<import("valtech-components").MessageAttachment[]>;
     protected readonly fileAttachments: import("@angular/core").Signal<import("valtech-components").MessageAttachment[]>;
     protected readonly statusIcon: import("@angular/core").Signal<"time-outline" | "alert-circle" | "checkmark-done" | "checkmark">;
     protected toggleActions(): void;

package/lib/services/chat/conversation.service.d.ts

@@ -1,5 +1,5 @@
 import { Observable } from 'rxjs';
-import { Conversation, ConversationType, CreateConversationRequest, ListConversationsResponse, Message, UpdateConversationRequest } from './types';
+import { Conversation, ConversationType, CreateConversationRequest, ListConversationsResponse, Message, MessageAttachment, UpdateConversationRequest } from './types';
 import * as i0 from "@angular/core";
 /**
  * ConversationService
@@ -75,9 +75,11 @@ export declare class ConversationService {
      */
     removeParticipant(convId: string, userId: string): Observable<void>;
     /**
-     * Envia un mensaje a una conversacion.
+     * Envia un mensaje a una conversacion, opcionalmente con adjuntos.
+     * El backend espera `attachments: { url, type, name, size }[]` (key `type` = MIME),
+     * mientras que el front usa `mimeType` — se mapea aqui.
      */
-    sendMessage(convId: string, body: string): Observable<Message>;
+    sendMessage(convId: string, body: string, attachments?: MessageAttachment[]): Observable<Message>;
     /**
      * Elimina (marca como eliminado) un mensaje.
      */

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "4.0.226";
+export declare const VERSION = "4.0.227";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "4.0.226",
+  "version": "4.0.227",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"