valtech-components 4.0.219 → 4.0.221

package/lib/components/atoms/rights-footer/rights-footer.component.d.ts

@@ -39,11 +39,11 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for align prop in template.
      */
-    propsAlign: import("@angular/core").Signal<"right" | "center" | "left">;
+    propsAlign: import("@angular/core").Signal<"left" | "center" | "right">;
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "medium" | "dark">;
+    propsColor: import("@angular/core").Signal<"success" | "medium" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark">;
     /**
      * Computed helper for withMargin prop in template.
      */

package/lib/components/atoms/text/text.component.d.ts

@@ -11,7 +11,7 @@ export declare class TextComponent {
      */
     displayContent: import("@angular/core").Signal<string>;
     propsColor: import("@angular/core").Signal<import("@ionic/core").Color>;
-    propsSize: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge">;
+    propsSize: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge">;
     propsBold: import("@angular/core").Signal<boolean>;
     propsProcessLinks: import("@angular/core").Signal<boolean>;
     propsAllowPartialBold: import("@angular/core").Signal<boolean>;

package/lib/components/atoms/user-avatar/user-avatar.component.d.ts

@@ -38,7 +38,7 @@ export declare class UserAvatarComponent {
     readonly imageUrl: import("@angular/core").Signal<string>;
     /** Iniciales — 1-2 chars derivados de name (preferred) o email prefix. */
     readonly initials: import("@angular/core").Signal<string>;
-    readonly sizeClass: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge" | "xsmall">;
+    readonly sizeClass: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge" | "xsmall">;
     readonly shapeClass: import("@angular/core").Signal<"circle" | "square">;
     /** Background — explicito o derivado deterministicamente del user. */
     readonly bgColor: import("@angular/core").Signal<string>;

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

@@ -0,0 +1,38 @@
+import { EventEmitter } from '@angular/core';
+import { I18nService } from '../../../services/i18n';
+import { ChatInputMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-chat-input
+ *
+ * Campo de entrada para mensajes de chat. Textarea auto-grow con contador
+ * de caracteres y boton de enviar. Emite send() al pulsar el boton o Enter
+ * (sin Shift), y typing() en cada keydown.
+ *
+ * @example
+ * <val-chat-input
+ *   [props]="{ placeholder: 'Mensaje...', maxLength: 1000 }"
+ *   (send)="onSend($event)"
+ *   (typing)="onTyping()"
+ * />
+ */
+export declare class ChatInputComponent {
+    protected i18n: I18nService;
+    props: ChatInputMetadata;
+    send: EventEmitter<string>;
+    typing: EventEmitter<void>;
+    protected body: import("@angular/core").WritableSignal<string>;
+    constructor();
+    protected maxLen: import("@angular/core").Signal<number>;
+    protected canSend: import("@angular/core").Signal<boolean>;
+    protected isNearLimit: import("@angular/core").Signal<boolean>;
+    protected isAtLimit: import("@angular/core").Signal<boolean>;
+    protected placeholderText: import("@angular/core").Signal<string>;
+    protected sendLabel: import("@angular/core").Signal<string>;
+    protected counterText: import("@angular/core").Signal<string>;
+    protected onInput(event: Event): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    protected onSend(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatInputComponent, "val-chat-input", never, { "props": { "alias": "props"; "required": false; }; }, { "send": "send"; "typing": "typing"; }, never, never, true, never>;
+}

package/lib/components/molecules/chat-input/types.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Configuracion del componente de input de chat.
+ */
+export interface ChatInputMetadata {
+    /** Placeholder del textarea (opcional). */
+    placeholder?: string;
+    /** Si el input esta deshabilitado. */
+    disabled?: boolean;
+    /** Cantidad maxima de caracteres (default: 2000). */
+    maxLength?: number;
+    /** Si se permiten archivos adjuntos (no implementado en esta version). */
+    allowAttachments?: boolean;
+}
+/**
+ * Evento emitido al enviar un mensaje.
+ */
+export interface ChatInputSendEvent {
+    /** Cuerpo del mensaje. */
+    body: string;
+}

package/lib/components/molecules/cta-card/cta-card.component.d.ts

@@ -35,7 +35,7 @@ export declare class CtaCardComponent {
     /** Emitted with the token of the clicked action button */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed" | "align">>>;
+    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "borderRadius" | "bordered" | "shadowed" | "align" | "padding">>>;
     getBackground(): string;
     getColor(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<CtaCardComponent, never>;

package/lib/components/molecules/features-list/features-list.component.d.ts

@@ -41,7 +41,7 @@ export declare class FeaturesListComponent {
         iconColor: string;
         iconSize: number;
         mode: "horizontal" | "vertical";
-        gap: "medium" | "small" | "large";
+        gap: "small" | "medium" | "large";
         alignment: "center" | "start";
         imageShape: "circle" | "square";
         maxVisible: number;

package/lib/components/molecules/load-more/load-more.component.d.ts

@@ -26,7 +26,7 @@ export declare class LoadMoreComponent {
     readonly color: import("@angular/core").Signal<string>;
     readonly fill: import("@angular/core").Signal<string>;
     readonly shape: import("@angular/core").Signal<string>;
-    readonly size: import("@angular/core").Signal<"default" | "small" | "large">;
+    readonly size: import("@angular/core").Signal<"small" | "default" | "large">;
     readonly threshold: import("@angular/core").Signal<string>;
     readonly label: import("@angular/core").Signal<string>;
     private readonly _pendingComplete;

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

@@ -0,0 +1,40 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { I18nService } from '../../../services/i18n';
+import { MessageBubbleMetadata, MessageReactionClickEvent, MessageReplyClickEvent, MessageDeleteClickEvent, MessageEditClickEvent } from './types';
+import { MessageReaction } from '../../../services/chat/types';
+import * as i0 from "@angular/core";
+/**
+ * val-message-bubble
+ *
+ * Burbuja de mensaje para el chat. Alineada a la derecha si isMine, a la izquierda si no.
+ * Muestra nombre del emisor, cuerpo, timestamp, estado de envio, reacciones y acciones.
+ * Si el mensaje fue eliminado muestra un texto en gris sin acciones.
+ *
+ * @example
+ * <val-message-bubble
+ *   [props]="msg"
+ *   (reactionClick)="onReaction($event)"
+ *   (replyClick)="onReply($event)"
+ *   (deleteClick)="onDelete($event)"
+ * />
+ */
+export declare class MessageBubbleComponent implements OnInit {
+    protected i18n: I18nService;
+    props: MessageBubbleMetadata;
+    reactionClick: EventEmitter<MessageReactionClickEvent>;
+    replyClick: EventEmitter<MessageReplyClickEvent>;
+    deleteClick: EventEmitter<MessageDeleteClickEvent>;
+    editClick: EventEmitter<MessageEditClickEvent>;
+    constructor();
+    ngOnInit(): void;
+    deletedText(): string;
+    editedLabel(): string;
+    formatTime(date: Date): string;
+    statusIcon(): string;
+    onReactionClick(reaction: MessageReaction): void;
+    onReplyClick(): void;
+    onDeleteClick(): void;
+    onEditClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageBubbleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBubbleComponent, "val-message-bubble", never, { "props": { "alias": "props"; "required": false; }; }, { "reactionClick": "reactionClick"; "replyClick": "replyClick"; "deleteClick": "deleteClick"; "editClick": "editClick"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,64 @@
+import { MessageAttachment, MessageReaction, MessageReplyTo, MessageStatus, MessageType } from '../../../services/chat/types';
+/**
+ * Datos necesarios para renderizar una burbuja de mensaje.
+ */
+export interface MessageBubbleMetadata {
+    /** ID unico del mensaje. */
+    msgId: string;
+    /** ID del emisor. */
+    senderId: string;
+    /** Nombre visible del emisor. */
+    senderName: string;
+    /** URL del avatar del emisor (opcional). */
+    senderAvatar?: string;
+    /** Cuerpo del mensaje. */
+    body: string;
+    /** Tipo de mensaje. */
+    type: MessageType;
+    /** Fecha de creacion del mensaje. */
+    createdAt: Date;
+    /** Si el mensaje es del usuario actual (alineacion derecha). */
+    isMine: boolean;
+    /** Si el mensaje fue eliminado. */
+    isDeleted?: boolean;
+    /** Si el mensaje fue editado. */
+    isEdited?: boolean;
+    /** Mensaje al que responde (opcional). */
+    replyTo?: MessageReplyTo;
+    /** Archivos adjuntos (opcional). */
+    attachments?: MessageAttachment[];
+    /** Reacciones del mensaje (opcional). */
+    reactions?: MessageReaction[];
+    /** Estado de envio (para mensajes optimistas del lado del cliente). */
+    status?: MessageStatus;
+}
+/**
+ * Evento emitido cuando el usuario hace clic en una reaccion.
+ */
+export interface MessageReactionClickEvent {
+    /** Token de la reaccion clickeada. */
+    token: string;
+    /** ID del mensaje. */
+    msgId: string;
+}
+/**
+ * Evento emitido cuando el usuario responde a un mensaje.
+ */
+export interface MessageReplyClickEvent {
+    /** ID del mensaje al que se responde. */
+    msgId: string;
+}
+/**
+ * Evento emitido cuando el usuario elimina un mensaje.
+ */
+export interface MessageDeleteClickEvent {
+    /** ID del mensaje a eliminar. */
+    msgId: string;
+}
+/**
+ * Evento emitido cuando el usuario edita un mensaje.
+ */
+export interface MessageEditClickEvent {
+    /** ID del mensaje a editar. */
+    msgId: string;
+}

package/lib/components/molecules/metric-card/metric-card.component.d.ts

@@ -28,7 +28,7 @@ export declare class MetricCardComponent {
     /** Emitted with the token of the clicked action */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed">>>;
+    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "borderRadius" | "bordered" | "shadowed" | "padding">>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MetricCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MetricCardComponent, "val-metric-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "onAction": "onAction"; }, never, never, true, never>;
 }

package/lib/components/molecules/typing-indicator/typing-indicator.component.d.ts

@@ -0,0 +1,19 @@
+import { I18nService } from '../../../services/i18n';
+import * as i0 from "@angular/core";
+/**
+ * val-typing-indicator
+ *
+ * Muestra quienes estan escribiendo en el chat con animacion de tres puntos.
+ * Se oculta automaticamente si typingUsers esta vacio.
+ *
+ * @example
+ * <val-typing-indicator [typingUsers]="['Maria', 'Carlos']" />
+ */
+export declare class TypingIndicatorComponent {
+    protected i18n: I18nService;
+    typingUsers: string[];
+    constructor();
+    protected typingText: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TypingIndicatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TypingIndicatorComponent, "val-typing-indicator", never, { "typingUsers": { "alias": "typingUsers"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/organisms/article/article.component.d.ts

@@ -45,7 +45,7 @@ export declare class ArticleComponent implements OnInit {
     getVideoElement(element: ArticleElement): ArticleVideoElement;
     getCustomElement(element: ArticleElement): ArticleCustomElement;
     getQuoteTextProps(element: ArticleElement): {
-        size: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -57,11 +57,11 @@ export declare class ArticleComponent implements OnInit {
         linkConfig?: import("valtech-components").LinkProcessorConfig;
         allowPartialBold?: boolean;
         authorColor?: import("@ionic/core").Color;
-        alignment?: "right" | "center" | "left";
+        alignment?: "left" | "center" | "right";
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
-        size: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -78,7 +78,7 @@ export declare class ArticleComponent implements OnInit {
         actionType?: import("valtech-components").ActionType; /**
          * Obtiene los estilos de padding para el contenedor article
          */
-        expand?: "block" | "full";
+        expand?: "full" | "block";
         link?: string;
         href?: string;
         routerLink?: string | any[];
@@ -93,9 +93,9 @@ export declare class ArticleComponent implements OnInit {
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
-        size?: "default" | "small" | "large";
-        fill?: "solid" | "clear" | "outline" | "default";
-        type: "button" | "submit" | "reset";
+        size?: "small" | "default" | "large";
+        fill?: "default" | "clear" | "outline" | "solid";
+        type: "reset" | "submit" | "button";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

package/lib/components/organisms/auth-cta/auth-cta.component.d.ts

@@ -35,7 +35,7 @@ export declare class AuthCtaComponent {
     onRegister: EventEmitter<void>;
     constructor();
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "padding" | "borderRadius" | "align">>>;
+    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "borderRadius" | "align" | "padding">>>;
     loginLabel: import("@angular/core").Signal<string>;
     registerLabel: import("@angular/core").Signal<string>;
     topLogoProps: import("@angular/core").Signal<{

package/lib/components/organisms/chat-window/chat-window.component.d.ts

@@ -0,0 +1,63 @@
+import { EventEmitter, OnChanges, SimpleChanges, AfterViewChecked } from '@angular/core';
+import { I18nService } from '../../../services/i18n';
+import { MessageBubbleMetadata, MessageReactionClickEvent } from '../../molecules/message-bubble/types';
+import * as i0 from "@angular/core";
+/** Estructura interna para agrupar mensajes por fecha. */
+interface MessageGroup {
+    dateLabel: string;
+    messages: MessageBubbleMetadata[];
+}
+/**
+ * val-chat-window
+ *
+ * Ventana de chat completa. Muestra la lista de mensajes agrupados por fecha,
+ * el indicador de escritura, el input de mensaje (solo si isOpen) y un banner
+ * cuando la conversacion esta cerrada. Auto-scroll al ultimo mensaje cuando
+ * llegan mensajes nuevos.
+ *
+ * @example
+ * <val-chat-window
+ *   [convId]="conv.id"
+ *   [messages]="messages()"
+ *   [currentUserId]="userId"
+ *   [isOpen]="conv.status === 'open'"
+ *   [typingUsers]="typingUsers()"
+ *   (sendMessage)="onSend($event)"
+ *   (reactionClick)="onReaction($event)"
+ * />
+ */
+export declare class ChatWindowComponent implements OnChanges, AfterViewChecked {
+    protected i18n: I18nService;
+    convId: string;
+    messages: MessageBubbleMetadata[];
+    participants: string[];
+    currentUserId: string;
+    isOpen: boolean;
+    typingUsers: string[];
+    isLoading: boolean;
+    sendMessage: EventEmitter<string>;
+    loadMore: EventEmitter<void>;
+    reactionClick: EventEmitter<{
+        msgId: string;
+        token: string;
+    }>;
+    deleteMessage: EventEmitter<string>;
+    replyTo: EventEmitter<string>;
+    private messagesListRef?;
+    private prevMessageCount;
+    private shouldScrollToBottom;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewChecked(): void;
+    protected messageGroups: import("@angular/core").Signal<MessageGroup[]>;
+    protected closedText: import("@angular/core").Signal<string>;
+    protected loadingText: import("@angular/core").Signal<string>;
+    protected onReactionClick(event: MessageReactionClickEvent): void;
+    protected onEditClick(_msgId: string): void;
+    protected onTyping(): void;
+    private scrollToBottom;
+    private formatDateLabel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatWindowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatWindowComponent, "val-chat-window", never, { "convId": { "alias": "convId"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "participants": { "alias": "participants"; "required": false; }; "currentUserId": { "alias": "currentUserId"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "typingUsers": { "alias": "typingUsers"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; }, { "sendMessage": "sendMessage"; "loadMore": "loadMore"; "reactionClick": "reactionClick"; "deleteMessage": "deleteMessage"; "replyTo": "replyTo"; }, never, never, true, never>;
+}
+export {};

package/lib/components/organisms/chat-window/types.d.ts

@@ -0,0 +1,36 @@
+import { MessageBubbleMetadata } from '../../molecules/message-bubble/types';
+/**
+ * Configuracion del componente de ventana de chat.
+ */
+export interface ChatWindowMetadata {
+    /** ID de la conversacion. */
+    convId: string;
+    /** Lista de mensajes a mostrar. */
+    messages?: MessageBubbleMetadata[];
+    /** IDs o nombres de participantes. */
+    participants?: string[];
+    /** ID del usuario actual (para marcar mensajes propios). */
+    currentUserId?: string;
+    /** Si la conversacion esta abierta para enviar mensajes. */
+    isOpen?: boolean;
+    /** Usuarios que estan escribiendo en este momento. */
+    typingUsers?: string[];
+    /** Si esta cargando mensajes. */
+    isLoading?: boolean;
+}
+/**
+ * Evento emitido al enviar un mensaje desde la ventana de chat.
+ */
+export interface ChatWindowSendEvent {
+    /** Cuerpo del mensaje. */
+    body: string;
+}
+/**
+ * Evento emitido al hacer clic en una reaccion de un mensaje.
+ */
+export interface ChatWindowReactionEvent {
+    /** ID del mensaje. */
+    msgId: string;
+    /** Token de la reaccion. */
+    token: string;
+}

package/lib/components/organisms/landing-steps/landing-steps.component.d.ts

@@ -4,7 +4,7 @@ export declare class LandingStepsComponent {
     private readonly props_;
     set props(v: LandingStepsMetadata);
     readonly p: import("@angular/core").Signal<LandingStepsMetadata>;
-    readonly cols: import("@angular/core").Signal<3 | 2 | 4>;
+    readonly cols: import("@angular/core").Signal<2 | 3 | 4>;
     readonly accentColor: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LandingStepsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LandingStepsComponent, "val-landing-steps", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;

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

@@ -0,0 +1,55 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { I18nService } from '../../../services/i18n';
+import { Conversation, Message } from '../../../services/chat/types';
+import { MessageBubbleMetadata } from '../../molecules/message-bubble/types';
+import * as i0 from "@angular/core";
+/**
+ * val-thread-panel
+ *
+ * Panel de hilo de conversacion asociado a una entidad (post, request, etc.).
+ * Internamente usa ConversationService.getOrCreateForEntity() para inicializar
+ * la conversacion y luego watchMessages() para escuchar en tiempo real.
+ * Renderiza val-chat-window con los mensajes ya mapeados.
+ *
+ * Requiere provideValtechChat() y provideValtechFirebase() en main.ts.
+ *
+ * @example
+ * <val-thread-panel
+ *   entityType="post"
+ *   entityId="post-abc123"
+ *   currentUserId="user-xyz"
+ *   title="Comentarios"
+ * />
+ */
+export declare class ThreadPanelComponent implements OnInit, OnDestroy {
+    protected i18n: I18nService;
+    private conversationSvc;
+    private chatConfig;
+    private auth;
+    entityType: string;
+    entityId: string;
+    currentUserId: string;
+    title?: string;
+    protected loading: import("@angular/core").WritableSignal<boolean>;
+    protected conv: import("@angular/core").WritableSignal<Conversation>;
+    protected messages: import("@angular/core").WritableSignal<Message[]>;
+    protected typingUsers: import("@angular/core").WritableSignal<string[]>;
+    private msgSub?;
+    private typingSub?;
+    constructor();
+    ngOnInit(): Promise<void>;
+    ngOnDestroy(): void;
+    protected isConvOpen: import("@angular/core").Signal<boolean>;
+    protected loadingText: import("@angular/core").Signal<string>;
+    protected bubbleMessages: import("@angular/core").Signal<MessageBubbleMetadata[]>;
+    protected onSend(body: string): void;
+    protected onReactionClick(event: {
+        msgId: string;
+        token: string;
+    }): void;
+    protected onDeleteMessage(msgId: string): void;
+    protected onReplyTo(_msgId: string): void;
+    private getOrgId;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThreadPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThreadPanelComponent, "val-thread-panel", never, { "entityType": { "alias": "entityType"; "required": false; }; "entityId": { "alias": "entityId"; "required": false; }; "currentUserId": { "alias": "currentUserId"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/services/chat/config.d.ts

@@ -0,0 +1,37 @@
+import { EnvironmentProviders, InjectionToken } from '@angular/core';
+/**
+ * Configuracion del servicio de Chat.
+ */
+export interface ValtechChatConfig {
+    /** URL base de la API del backend (ej: 'https://api.myvaltech.com'). */
+    apiUrl: string;
+    /** ID de la aplicacion (ej: 'showcase'). */
+    appId: string;
+    /** Prefijo del endpoint de chat (default: '/v2/chat'). */
+    chatPrefix?: string;
+}
+/**
+ * Token de inyeccion para la configuracion del Chat.
+ */
+export declare const VALTECH_CHAT_CONFIG: InjectionToken<ValtechChatConfig>;
+/**
+ * Configuracion por defecto del Chat.
+ */
+export declare const DEFAULT_CHAT_CONFIG: Partial<ValtechChatConfig>;
+/**
+ * Provee el servicio de Chat a la aplicacion Angular.
+ *
+ * @example
+ * // main.ts
+ * import { provideValtechChat } from 'valtech-components';
+ *
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideValtechChat({
+ *       apiUrl: environment.apiUrl,
+ *       appId: 'showcase',
+ *     }),
+ *   ],
+ * });
+ */
+export declare function provideValtechChat(config: ValtechChatConfig): EnvironmentProviders;