valtech-components 4.0.231 → 4.0.233

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

@@ -1,21 +1,28 @@
+import { OnDestroy } from '@angular/core';
 import { MessageReplyTo } from '../../../services/chat/types';
 import * as i0 from "@angular/core";
+interface PendingAttachment {
+    id: number;
+    file: File;
+    url?: string;
+    isImage: boolean;
+}
 /**
  * val-chat-composer — barra de redacción de chat moderna (signal inputs).
  *
- * Pill con: adjuntar (+), textarea auto-grow, emoji (fila rápida) y mic/enviar
- * (mic cuando está vacío, enviar cuando hay texto — patrón WhatsApp/Telegram).
- * 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.
+ * Pill con: adjuntar (+), textarea auto-grow, y mic/enviar (mic cuando está vacío,
+ * enviar cuando hay texto o adjuntos). Los adjuntos (botón + / pegar imagen) se
+ * acumulan como PREVIEW (miniaturas) y se emiten por `(attach)` recién al ENVIAR
+ * — no se van solos al chat. Audio grabado se emite directo al parar.
+ * No incluye picker de emoji: el teclado del sistema ya lo trae.
  */
-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>;
     readonly maxLength: import("@angular/core").InputSignal<number>;
     readonly replyingTo: import("@angular/core").InputSignal<MessageReplyTo>;
     readonly showAttach: import("@angular/core").InputSignal<boolean>;
-    readonly showEmoji: import("@angular/core").InputSignal<boolean>;
     readonly showMic: import("@angular/core").InputSignal<boolean>;
     readonly send: import("@angular/core").OutputEmitterRef<string>;
     readonly typing: import("@angular/core").OutputEmitterRef<void>;
@@ -23,8 +30,15 @@ export declare class ChatComposerComponent {
     readonly voice: import("@angular/core").OutputEmitterRef<void>;
     readonly cancelReply: import("@angular/core").OutputEmitterRef<void>;
     protected readonly body: import("@angular/core").WritableSignal<string>;
-    protected readonly emojiOpen: import("@angular/core").WritableSignal<boolean>;
-    protected readonly quickEmojis: string[];
+    protected readonly pending: import("@angular/core").WritableSignal<PendingAttachment[]>;
+    private pendingId;
+    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>;
@@ -32,15 +46,24 @@ export declare class ChatComposerComponent {
     protected onInput(event: Event): void;
     protected onKeydown(event: KeyboardEvent): void;
     protected onSend(): void;
-    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;
+    private addPending;
+    protected removePending(id: number): 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.
+     * Emite typing como máximo 1 vez cada 2s. performance.now es seguro en runtime.
      */
     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>;
+    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; }; "showMic": { "alias": "showMic"; "required": false; "isSignal": true; }; }, { "send": "send"; "typing": "typing"; "attach": "attach"; "voice": "voice"; "cancelReply": "cancelReply"; }, never, never, true, never>;
 }
+export {};

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.231";
+export declare const VERSION = "4.0.233";

package/package.json

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