valtech-components 4.0.237 → 4.0.239

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

@@ -14,13 +14,16 @@ export interface ChatComposerSendEvent {
     files: File[];
 }
 /**
- * val-chat-composer — barra de redacción de chat moderna (signal inputs).
+ * val-chat-composer — barra de redacción estilo Notion/Claude (full custom).
  *
- * 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.
+ * El editor es un `contenteditable` (NO ion-textarea): crece hasta un max-height,
+ * soporta pegar texto plano e imágenes del portapapeles, Enter envía / Shift+Enter
+ * salta línea. Debajo, una fila de acciones propias: adjuntar (+), mic/enviar.
+ * Los adjuntos (botón / pegar / audio grabado) se acumulan como miniaturas de
+ * PREVIEW y se mandan en UN solo evento `send {text, files}` (caption + adjuntos).
+ *
+ * Pensado para vivir en un contenedor fijo al fondo del viewport (el consumer
+ * ancla la posición). No incluye emoji picker (el teclado del sistema lo trae).
  */
 export declare class ChatComposerComponent implements OnDestroy {
     private i18n;
@@ -34,6 +37,7 @@ export declare class ChatComposerComponent implements OnDestroy {
     readonly typing: import("@angular/core").OutputEmitterRef<void>;
     readonly voice: import("@angular/core").OutputEmitterRef<void>;
     readonly cancelReply: import("@angular/core").OutputEmitterRef<void>;
+    private readonly editableRef;
     protected readonly body: import("@angular/core").WritableSignal<string>;
     protected readonly pending: import("@angular/core").WritableSignal<PendingAttachment[]>;
     private pendingId;
@@ -48,19 +52,17 @@ export declare class ChatComposerComponent implements OnDestroy {
     constructor();
     protected readonly canSend: import("@angular/core").Signal<boolean>;
     protected readonly placeholderText: import("@angular/core").Signal<string>;
-    protected onInput(event: Event): void;
+    /** Lee el texto del contenteditable a la signal `body`. */
+    protected syncBody(): void;
     protected onKeydown(event: KeyboardEvent): void;
+    /** Pegar: texto plano (sin formato) + imágenes del portapapeles. */
+    protected onPaste(event: ClipboardEvent): void;
     protected onSend(): void;
+    private clearEditable;
     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.
-     */
     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). */

package/lib/components/organisms/profile-view/profile-content.component.d.ts

@@ -0,0 +1,57 @@
+import { AvatarUploadError, AvatarUploadMetadata, AvatarUploadResult } from '../avatar-upload/types';
+import { ShareProfileModalMetadata } from '../share-profile-modal/types';
+import { CtaCardMetadata } from '../../molecules/cta-card/types';
+import { EmptyStateMetadata } from '../../molecules/empty-state/types';
+import { FormMetadata, FormSubmit } from '../../types';
+import { GetProfileResponse } from '../../../services/auth/types';
+import { ProfileViewConfig } from './types';
+import * as i0 from "@angular/core";
+/**
+ * `val-profile-content` — CONTENIDO del perfil (avatar + handle + nombre + teléfono
+ * en un form con un botón). Presentacional + lógica de datos, SIN cromática de
+ * página: NO toca `NavigationService` ni el header del shell.
+ *
+ * Lo reutilizan tanto la vista ruteada (`val-profile-view`, que sí setea el header)
+ * como el modal (`val-profile-modal`). Así el modal no contamina el header del shell.
+ *
+ * Toda la lógica (lectura reactiva del mirror Firestore /users/{uid} + fallback REST,
+ * submit con diff handle→profile, avatar upload, estados, i18n) vive aquí.
+ */
+export declare class ProfileContentComponent {
+    private auth;
+    private i18n;
+    private toast;
+    private errors;
+    private firebase;
+    private collections;
+    private route;
+    config?: ProfileViewConfig;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<ProfileViewConfig, "onSaved" | "onAvatarUploaded" | "profileBaseUrl">> & Pick<ProfileViewConfig, "onSaved" | "onAvatarUploaded" | "profileBaseUrl">>;
+    /** Namespace i18n resuelto (público para que la vista ruteada arme el header). */
+    get ns(): string;
+    private usersCol;
+    private formCmp;
+    readonly profile: import("@angular/core").WritableSignal<GetProfileResponse>;
+    readonly loading: import("@angular/core").WritableSignal<boolean>;
+    readonly saving: import("@angular/core").WritableSignal<boolean>;
+    readonly loadError: import("@angular/core").WritableSignal<unknown>;
+    readonly shareOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly shareCta: import("@angular/core").Signal<CtaCardMetadata>;
+    readonly shareModal: import("@angular/core").Signal<ShareProfileModalMetadata>;
+    private readonly _userId;
+    readonly errorState: import("@angular/core").Signal<EmptyStateMetadata>;
+    readonly avatarProps: import("@angular/core").Signal<AvatarUploadMetadata>;
+    formMeta: FormMetadata;
+    constructor();
+    private buildFormMeta;
+    private applyI18nLabels;
+    private loadFromApi;
+    private mapMirrorToProfile;
+    onSubmit(event: FormSubmit): Promise<void>;
+    onAvatarUploaded(result: AvatarUploadResult): void;
+    onAvatarError(_err: AvatarUploadError): void;
+    protected t(key: string): string;
+    private initialsFromName;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProfileContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProfileContentComponent, "val-profile-content", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/organisms/profile-view/profile-view.component.d.ts

@@ -1,89 +1,23 @@
-import { AvatarUploadError, AvatarUploadMetadata, AvatarUploadResult } from '../avatar-upload/types';
-import { ShareProfileModalMetadata } from '../share-profile-modal/types';
-import { CtaCardMetadata } from '../../molecules/cta-card/types';
-import { EmptyStateMetadata } from '../../molecules/empty-state/types';
-import { FormMetadata, FormSubmit } from '../../types';
-import { GetProfileResponse } from '../../../services/auth/types';
 import { ProfileViewConfig } from './types';
 import * as i0 from "@angular/core";
 /**
- * `val-profile-view` — vista Perfil full-feature autocontenida (organism).
+ * `val-profile-view` — vista Perfil ruteada (organism). Wrapper delgado:
+ * configura el header del shell (`NavigationService.setBackHeader`) y delega TODO
+ * el contenido/lógica a `val-profile-content`.
  *
- * Edita los campos públicos del usuario en UN solo formulario con UN solo botón
- * "Guardar". Wireup:
- *  - Avatar — val-avatar-upload (Firebase Storage + backend sync). Separado del
- *    form porque es upload sync independiente.
- *  - Handle (@usuario) — InputType.HANDLE (val-username-input con check de
- *    disponibilidad async resuelto vía AuthService inyectado).
- *  - Nombre — InputType.TEXT.
- *  - Teléfono — InputType.PHONE.
+ * El contenido vive en `val-profile-content` (sin cromática de página) para poder
+ * reutilizarse también desde `val-profile-modal` sin contaminar el header.
  *
- * Submit handler dispatcha:
- *  1. Si handle cambió → updateHandle PRIMERO (uniqueness).
- *  2. Si name o phone cambió → updateProfile con ambos.
- *
- * Lectura del perfil: suscribe al doc Firestore /users/{uid} (mirror que mantiene
- * el backend). Reactivo cross-tab + auto-refresca tras save. Fallback REST
- * (auth.getProfile) si el doc no existe o el listener falla.
- *
- * NO renderiza ion-content — vive dentro de val-page-wrapper.
- *
- * Auto-registra sus defaults i18n (es/en) en el constructor si el consumer no
- * proveyó el namespace configurado (default `Settings.Profile`).
+ * Consumo: igual que antes (ruta vía `provideValtechProfileRoutes` o embebida con
+ * `[config]`). La config se pasa tal cual al contenido.
  */
 export declare class ProfileViewComponent {
     private nav;
-    private auth;
     private i18n;
-    private toast;
-    private errors;
-    private firebase;
-    private collections;
     private route;
-    /**
-     * Config vía @Input (object-first). Si no se pasa, se cae al route data
-     * `profileConfig` (poblado por `provideValtechProfileRoutes`). `resolvedConfig`
-     * mergea con los defaults.
-     */
     config?: ProfileViewConfig;
-    /** Config mergeada con defaults. @Input gana sobre route data. */
-    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<ProfileViewConfig, "onSaved" | "onAvatarUploaded" | "profileBaseUrl">> & Pick<ProfileViewConfig, "onSaved" | "onAvatarUploaded" | "profileBaseUrl">>;
-    /** Namespace i18n resuelto (capturado una vez para llamadas no-reactivas). */
-    private get ns();
-    /**
-     * Colección global /users/{uid} (skipAppPrefix: true — el doc vive fuera de
-     * apps/{appId}/... porque es cross-app, ver firestore.rules).
-     */
-    private usersCol;
-    private formCmp;
-    readonly profile: import("@angular/core").WritableSignal<GetProfileResponse>;
-    readonly loading: import("@angular/core").WritableSignal<boolean>;
-    readonly saving: import("@angular/core").WritableSignal<boolean>;
-    readonly loadError: import("@angular/core").WritableSignal<unknown>;
-    readonly shareOpen: import("@angular/core").WritableSignal<boolean>;
-    readonly shareCta: import("@angular/core").Signal<CtaCardMetadata>;
-    readonly shareModal: import("@angular/core").Signal<ShareProfileModalMetadata>;
-    private readonly _userId;
-    readonly errorState: import("@angular/core").Signal<EmptyStateMetadata>;
-    readonly avatarProps: import("@angular/core").Signal<AvatarUploadMetadata>;
-    formMeta: FormMetadata;
+    private readonly ns;
     constructor();
-    /** Construcción inicial — UNA vez. Gatea handle/phone según config. */
-    private buildFormMeta;
-    /** Re-aplica labels/hints/placeholders en cambio de idioma. */
-    private applyI18nLabels;
-    /**
-     * Fallback REST. Capa 4 (UI declarativa): NO toasteamos acá — el
-     * val-empty-state ES la UI del error.
-     */
-    private loadFromApi;
-    private mapMirrorToProfile;
-    onSubmit(event: FormSubmit): Promise<void>;
-    onAvatarUploaded(result: AvatarUploadResult): void;
-    onAvatarError(_err: AvatarUploadError): void;
-    /** Lee del namespace configurado. */
-    protected t(key: string): string;
-    private initialsFromName;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProfileViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ProfileViewComponent, "val-profile-view", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/services/header-actions.service.d.ts

@@ -32,7 +32,6 @@ export interface HeaderActionsConfig {
 export declare class HeaderActionsService {
     private modal;
     private router;
-    private nav;
     handle(token: string, config?: HeaderActionsConfig): Promise<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderActionsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<HeaderActionsService>;

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

package/package.json

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

package/public-api.d.ts

@@ -277,6 +277,7 @@ export * from './lib/components/organisms/bottom-nav/types';
 export * from './lib/components/organisms/avatar-upload/avatar-upload.component';
 export * from './lib/components/organisms/avatar-upload/types';
 export * from './lib/components/organisms/profile-view/profile-view.component';
+export * from './lib/components/organisms/profile-view/profile-content.component';
 export * from './lib/components/organisms/profile-view/types';
 export * from './lib/components/organisms/profile-view/profile.routes';
 export * from './lib/components/organisms/preferences-view/preferences-view.component';