valtech-components 4.0.230 → 4.0.231

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

@@ -1,49 +1,30 @@
-import { OnDestroy } from '@angular/core';
 import { MessageReplyTo } from '../../../services/chat/types';
 import * as i0 from "@angular/core";
-type PendingKind = 'image' | 'audio' | 'file';
-interface PendingAttachment {
-    id: number;
-    file: File;
-    url?: string;
-    kind: PendingKind;
-}
-/** Evento de envío: texto (caption) + adjuntos staged. files vacío => solo texto. */
-export interface ChatComposerSendEvent {
-    text: string;
-    files: File[];
-}
 /**
  * val-chat-composer — barra de redacción de chat moderna (signal inputs).
  *
- * 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.
+ * 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.
  */
-export declare class ChatComposerComponent implements OnDestroy {
+export declare class ChatComposerComponent {
     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<ChatComposerSendEvent>;
+    readonly send: import("@angular/core").OutputEmitterRef<string>;
     readonly typing: import("@angular/core").OutputEmitterRef<void>;
+    readonly attach: import("@angular/core").OutputEmitterRef<File>;
     readonly voice: import("@angular/core").OutputEmitterRef<void>;
     readonly cancelReply: import("@angular/core").OutputEmitterRef<void>;
     protected readonly body: import("@angular/core").WritableSignal<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>;
+    protected readonly emojiOpen: import("@angular/core").WritableSignal<boolean>;
+    protected readonly quickEmojis: string[];
     private lastTypingEmit;
     constructor();
     protected readonly canSend: import("@angular/core").Signal<boolean>;
@@ -51,25 +32,15 @@ export declare class ChatComposerComponent implements OnDestroy {
     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. performance.now es seguro en runtime.
+     * 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>;
-    /** Para la grabación y la stagea como adjunto pendiente (con preview de audio). */
-    protected finishRecording(): 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; }; "showMic": { "alias": "showMic"; "required": false; "isSignal": true; }; }, { "send": "send"; "typing": "typing"; "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; }; "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>;
 }
-export {};

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

@@ -31,7 +31,6 @@ 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/components/organisms/chat-window/chat-window.component.d.ts

@@ -1,7 +1,6 @@
 import { MessageReplyTo } from '../../../services/chat/types';
 import { MessageBubbleAction } from '../../molecules/message-bubble/message-bubble.component';
 import { MessageBubbleMetadata } from '../../molecules/message-bubble/types';
-import { ChatComposerSendEvent } from '../../molecules/chat-composer/chat-composer.component';
 import * as i0 from "@angular/core";
 type ChatRow = {
     kind: 'date';
@@ -35,7 +34,7 @@ export declare class ChatWindowComponent {
     readonly isOpen: import("@angular/core").InputSignal<boolean>;
     readonly typingUsers: import("@angular/core").InputSignal<string[]>;
     readonly isLoading: import("@angular/core").InputSignal<boolean>;
-    readonly sendMessage: import("@angular/core").OutputEmitterRef<ChatComposerSendEvent>;
+    readonly sendMessage: import("@angular/core").OutputEmitterRef<string>;
     readonly loadMore: import("@angular/core").OutputEmitterRef<void>;
     readonly reactionClick: import("@angular/core").OutputEmitterRef<{
         msgId: string;
@@ -45,6 +44,7 @@ export declare class ChatWindowComponent {
     readonly replyTo: import("@angular/core").OutputEmitterRef<string>;
     readonly editMessage: import("@angular/core").OutputEmitterRef<string>;
     readonly typing: import("@angular/core").OutputEmitterRef<void>;
+    readonly attach: import("@angular/core").OutputEmitterRef<File>;
     readonly voice: import("@angular/core").OutputEmitterRef<void>;
     private readonly msgsEl;
     protected readonly replyingTo: import("@angular/core").WritableSignal<MessageReplyTo>;
@@ -55,10 +55,10 @@ export declare class ChatWindowComponent {
     protected readonly rows: import("@angular/core").Signal<ChatRow[]>;
     protected onScroll(): void;
     protected scrollToBottom(smooth: boolean): void;
-    protected onSend(event: ChatComposerSendEvent): void;
+    protected onSend(body: string): void;
     protected onAction(event: MessageBubbleAction): void;
     t(key: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatWindowComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChatWindowComponent, "val-chat-window", never, { "convId": { "alias": "convId"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "currentUserId": { "alias": "currentUserId"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "typingUsers": { "alias": "typingUsers"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, { "sendMessage": "sendMessage"; "loadMore": "loadMore"; "reactionClick": "reactionClick"; "deleteMessage": "deleteMessage"; "replyTo": "replyTo"; "editMessage": "editMessage"; "typing": "typing"; "voice": "voice"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatWindowComponent, "val-chat-window", never, { "convId": { "alias": "convId"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "currentUserId": { "alias": "currentUserId"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "typingUsers": { "alias": "typingUsers"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, { "sendMessage": "sendMessage"; "loadMore": "loadMore"; "reactionClick": "reactionClick"; "deleteMessage": "deleteMessage"; "replyTo": "replyTo"; "editMessage": "editMessage"; "typing": "typing"; "attach": "attach"; "voice": "voice"; }, never, never, true, never>;
 }
 export {};

package/lib/components/organisms/thread-panel/thread-panel.component.d.ts

@@ -42,10 +42,7 @@ export declare class ThreadPanelComponent implements OnInit, OnDestroy {
     protected isConvOpen: import("@angular/core").Signal<boolean>;
     protected loadingText: import("@angular/core").Signal<string>;
     protected bubbleMessages: import("@angular/core").Signal<MessageBubbleMetadata[]>;
-    protected onSend(event: {
-        text: string;
-        files: File[];
-    }): void;
+    protected onSend(body: string): void;
     protected onReactionClick(event: {
         msgId: string;
         token: string;

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

@@ -1,5 +1,5 @@
 import { Observable } from 'rxjs';
-import { Conversation, ConversationType, CreateConversationRequest, ListConversationsResponse, Message, MessageAttachment, UpdateConversationRequest } from './types';
+import { Conversation, ConversationType, CreateConversationRequest, ListConversationsResponse, Message, UpdateConversationRequest } from './types';
 import * as i0 from "@angular/core";
 /**
  * ConversationService
@@ -75,11 +75,9 @@ export declare class ConversationService {
      */
     removeParticipant(convId: string, userId: string): Observable<void>;
     /**
-     * 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.
+     * Envia un mensaje a una conversacion.
      */
-    sendMessage(convId: string, body: string, attachments?: MessageAttachment[]): Observable<Message>;
+    sendMessage(convId: string, body: string): Observable<Message>;
     /**
      * Elimina (marca como eliminado) un mensaje.
      */

package/lib/services/pdf/pdf.service.d.ts

@@ -1,14 +1,21 @@
 import { Observable } from 'rxjs';
 import { ValtechAuthConfig } from '../auth/types';
-import type { PdfGenerateRequest, PdfResult } from './types';
+import type { PdfGenerateRequest, PdfResult, PdfJob, PdfJobEnqueued } from './types';
 import * as i0 from "@angular/core";
 /**
- * Servicio para generación de PDFs via el PDF Lambda (/v2/pdf/generate).
+ * Servicio de PDF de plataforma (ADR-042). Reutilizable por cualquier app.
  *
  * El JWT del usuario se inyecta automáticamente por el authInterceptor
  * (configurado vía provideValtechAuth). El app-id se toma de ValtechAuthConfig.
  *
- * Modos de uso:
+ * Tres modos:
+ *   - generate()   → HTTP sync: genera y devuelve la URL presignada.
+ *   - createJob()  → async: encola un job (delivery.mode='async') y devuelve
+ *                    { jobId, status:'queued' }. El PDF se genera fuera de banda.
+ *   - watchJob()   → observa el estado del job en tiempo real (Firestore),
+ *                    proyectado por el backend al completarse.
+ *
+ * Fuentes (en los 3 modos):
  *   - source.template → renderiza una plantilla desde DynamoDB
  *   - source.html     → HTML arbitrario provisto por el caller
  *   - source.url      → URL pública (Puppeteer la carga)
@@ -16,11 +23,26 @@ import * as i0 from "@angular/core";
 export declare class PdfService {
     private config;
     private http;
+    private auth;
+    private collections;
     constructor(config: ValtechAuthConfig | null);
     private get baseUrl();
     private get appIdHeader();
     generate(req: PdfGenerateRequest): Observable<PdfResult>;
     generateAndDownload(req: PdfGenerateRequest, filename?: string): Observable<void>;
+    /**
+     * Encola un job PDF async. El backend publica `pdf.generate.requested`; el PDF
+     * Lambda lo genera fuera de banda y, al completar, proyecta el estado a
+     * Firestore. Usar watchJob(jobId) para observar el resultado en tiempo real.
+     */
+    createJob(req: PdfGenerateRequest): Observable<PdfJobEnqueued>;
+    /**
+     * Observa el estado de un job PDF async en tiempo real (onSnapshot del doc
+     * `apps/{appId}/orgs/{orgId}/pdf-jobs/{jobId}`). Emite null si no hay org
+     * activa o hasta que el doc exista. Cuando el job completa/falla, el doc trae
+     * status + url. Cierra la suscripción al completar tu propia lógica.
+     */
+    watchJob(jobId: string): Observable<PdfJob | null>;
     private _download;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdfService, [{ optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PdfService>;

package/lib/services/pdf/types.d.ts

@@ -1,3 +1,4 @@
+import type { FirestoreDocument } from '../firebase/types';
 export interface PdfTemplateSource {
     template: {
         id: string;
@@ -18,6 +19,8 @@ export interface PdfGenerateOptions {
 export interface PdfDeliveryOptions {
     expiresIn?: number;
     filename?: string;
+    /** 'sync' (default) genera y devuelve la URL; 'async' encola un job (ADR-042). */
+    mode?: 'sync' | 'async';
 }
 export interface PdfGenerateRequest {
     source: PdfSource;
@@ -30,3 +33,25 @@ export interface PdfResult {
     url: string;
     expiresAt: string;
 }
+export type PdfJobStatus = 'queued' | 'processing' | 'completed' | 'failed';
+/** Respuesta al encolar un job async (ADR-042). */
+export interface PdfJobEnqueued {
+    jobId: string;
+    status: 'queued';
+}
+/**
+ * Estado de un job PDF async proyectado a Firestore por el admin Lambda
+ * (apps/{appId}/orgs/{orgId}/pdf-jobs/{jobId}). Lo observa PdfService.watchJob().
+ * Extiende FirestoreDocument (id/createdAt/updatedAt los maneja Firestore).
+ */
+export interface PdfJob extends FirestoreDocument {
+    jobId: string;
+    appId: string;
+    orgId: string;
+    status: PdfJobStatus;
+    url?: string;
+    s3Key?: string;
+    expiresAt?: string;
+    elapsedMs?: number;
+    caller?: string;
+}

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

package/package.json

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

package/public-api.d.ts

@@ -478,7 +478,7 @@ export { MessageBubbleComponent, type MessageBubbleAction, } from './lib/compone
 export * from './lib/components/molecules/message-bubble/types';
 export { ChatInputComponent } from './lib/components/molecules/chat-input/chat-input.component';
 export * from './lib/components/molecules/chat-input/types';
-export { ChatComposerComponent, type ChatComposerSendEvent, } from './lib/components/molecules/chat-composer/chat-composer.component';
+export { ChatComposerComponent } from './lib/components/molecules/chat-composer/chat-composer.component';
 export { ConversationListItemComponent } from './lib/components/molecules/conversation-list-item/conversation-list-item.component';
 export { TypingIndicatorComponent } from './lib/components/molecules/typing-indicator/typing-indicator.component';
 export { ChatWindowComponent } from './lib/components/organisms/chat-window/chat-window.component';