@trii/components 2.0.101 → 2.0.102

package/dist/index.d.ts

@@ -1,9 +1,12 @@
+/// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { IContact, IBusiness } from '@trii/types/dist/Contacts';
+import { IContact, IBusiness, IContactAddress } from '@trii/types/dist/Contacts';
 import { Spaces } from '@trii/types';
 import { SxProps, Theme } from '@mui/material';
 import { IContact as IContact$1, IBusiness as IBusiness$1 } from '@trii/types/dist/Contacts/contacts';
 import React from 'react';
+import { IConversation } from '@trii/types/dist/Conversations';
+import { ChannelType } from '@trii/types/dist/Common/Channels';
 import * as i18next from 'i18next';
 import * as _reduxjs_toolkit from '@reduxjs/toolkit';
 import * as redux_thunk from 'redux-thunk';
@@ -241,6 +244,93 @@ interface TaskData {
     relatedContactId?: string;
 }
 
+/**
+ * Integración con un inbox de chat. Es opcional: sin ella el sidebar funciona
+ * en "modo ficha" (sin GroupData, sin abrir conversaciones, sin iniciar una
+ * conversación por canal), que es como se monta fuera del inbox.
+ */
+interface SidebarChatIntegration {
+    /** Conversación seleccionada en el host (tab conversaciones, GroupData). */
+    conversation: IConversation | null;
+    /** Abrir/cambiar a una conversación del contacto en el inbox. */
+    onOpenConversation: (conversation: IConversation) => Promise<void> | void;
+    /** Navegar/scrollear a un mensaje en el body del chat. */
+    onNavigateToMessage: (messageId: string) => void;
+    /** "Chatear por este canal/dirección": arma el composer del host. */
+    onStartConversation: (target: StartConversationTarget) => void;
+    /** La conversación cambió (grupo WA editado): el host sincroniza Redux + Dexie. */
+    onConversationUpdated: (conversation: IConversation) => void;
+    /** El usuario salió del grupo: el host cierra/limpia la conversación. */
+    onGroupLeft: (conversationId: string) => void;
+}
+interface StartConversationTarget {
+    channelType: ChannelType;
+    addressId: string;
+    address: IContactAddress | undefined;
+    addressList: IContactAddress[];
+}
+
+interface ChatDetailsSidebarBaseProps {
+    /** Raíz de la API (ej: https://agent-api.trii.app/api/v1), sin servicio ni spaceId. */
+    baseUrl: string;
+    spaceId: string;
+    /** El contacto/empresa cambió: el host puede sincronizar su estado. */
+    onEntityUpdated?: (entity: IContact | IBusiness) => void;
+    /**
+     * Integración con un inbox de chat. Sin esto el sidebar queda en modo ficha:
+     * sin GroupData, sin abrir conversaciones y sin iniciar una por canal.
+     */
+    chat?: SidebarChatIntegration;
+    /** Para el EditContactModal embebido (búsqueda de direcciones). */
+    googleMapsApiKey?: string;
+    /**
+     * Navegación del anfitrión (los destinos son rutas de otro microfront).
+     * Sin ella se usa window.location.assign.
+     */
+    navigate?: (path: string) => void;
+    /**
+     * Idioma del anfitrión ('es' | 'en' | 'es-AR' | ...). El sidebar tiene su
+     * propia instancia de i18n, así que no sigue solo los cambios del host.
+     */
+    language?: string;
+}
+/**
+ * Qué mostrar. Hay dos formas y son excluyentes; TypeScript falla si no se pasa
+ * ninguna o si se pasan las dos.
+ */
+type ChatDetailsSidebarTarget = {
+    /** Id de la entidad. `null` renderiza el panel vacío. */
+    contactId: string | null;
+    /**
+     * Obligatoria cuando se identifica por id: decide si la ficha se pide a
+     * `/contacts/{id}` o a `/business/{id}`. Con el valor equivocado la API
+     * responde "Not found" y el panel muestra la pantalla de "contacto
+     * eliminado", que es verosímil pero mentirosa.
+     */
+    entityType: 'contact' | 'business';
+    /** Ficha ya resuelta, para evitar el parpadeo inicial. */
+    initialEntity?: IContact | IBusiness | null;
+    entity?: never;
+} | {
+    /**
+     * Ficha completa. De acá salen el id Y el tipo (por `isBusiness`), así
+     * que no hace falta `entityType` — y desaparece el riesgo de declararlo
+     * mal. Igual se refetchea: la entidad que tiene el host suele venir
+     * parcial (p. ej. el `contactInfo` de una conversación).
+     */
+    entity: IContact | IBusiness;
+    contactId?: never;
+    entityType?: never;
+    initialEntity?: never;
+};
+type ChatDetailsSidebarProps = ChatDetailsSidebarBaseProps & ChatDetailsSidebarTarget;
+/**
+ * Shell del sidebar (en camino al paquete npm): recibe las props del
+ * contrato (docs/CONTRATO_CHATDETAILSSIDEBAR.md) y monta los providers
+ * internos. La orquestación de UI vive en SidebarContent.
+ */
+declare const ChatDetailsSidebar: (props: ChatDetailsSidebarProps) => react_jsx_runtime.JSX.Element;
+
 declare const i18nInstance: i18next.i18n;
 
 declare const MuiComponentsConfig: (themeRedux: Theme) => Theme;
@@ -349,7 +439,7 @@ declare const updateTheme: _reduxjs_toolkit.AsyncThunk<{
     theme: ThemeName;
 }, ThemeName, {
     state: ThemeRootState;
-    dispatch?: redux_thunk.ThunkDispatch<unknown, unknown, redux.UnknownAction> | undefined;
+    dispatch?: redux_thunk.ThunkDispatch<unknown, unknown, redux.UnknownAction>;
     extra?: unknown;
     rejectValue?: unknown;
     serializedErrorType?: unknown;
@@ -363,10 +453,10 @@ declare const updateTheme: _reduxjs_toolkit.AsyncThunk<{
  * @returns true if theme is a valid ThemeName
  */
 declare const isValidThemeName: (theme: string) => theme is ThemeName;
-declare const toggleTheme: _reduxjs_toolkit.ActionCreatorWithPayload<ThemeName, "Theme/toggleTheme">;
+declare const toggleTheme: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<ThemeName, "Theme/toggleTheme">;
 declare const toggleModeTheme: _reduxjs_toolkit.ActionCreatorWithoutPayload<"Theme/toggleModeTheme">;
 declare const selectThemeToggleStatus: (state: ThemeRootState) => "idle" | "toggled";
 declare const selectedTheme: (state: ThemeRootState) => Theme;
 declare const selectedDarkTheme: (state: ThemeRootState) => boolean;
 
-export { type Calendar, type Contact, ContactInfoPopup, EditContactModal, type EditContactModalProps, type EditContactMode, type EventData, EventsDialog, type EventsDialogProps, type ItemType, type ModalMode, MuiComponentsConfig, type Notification, type TaskData, type ThemeName, type ThemeRootState, type ThemeState, darkBlack, darkBlue, i18nInstance as i18n, isValidThemeName, lightAmber, lightBlue, lightBlueIndigo, lightBrown, lightGray, lightGreen, lightLime, lightOrange, lightPink, lightPurple, lightRed, lightTeal, lightYellow, selectThemeToggleStatus, selectedDarkTheme, selectedTheme, toggleModeTheme, toggleTheme, updateTheme };
+export { type Calendar, type Contact, ContactInfoPopup, ChatDetailsSidebar as ContactSidebar, type ChatDetailsSidebarProps as ContactSidebarProps, EditContactModal, type EditContactModalProps, type EditContactMode, type EventData, EventsDialog, type EventsDialogProps, type ItemType, type ModalMode, MuiComponentsConfig, type Notification, type SidebarChatIntegration, type StartConversationTarget, type TaskData, type ThemeName, type ThemeRootState, type ThemeState, darkBlack, darkBlue, i18nInstance as i18n, isValidThemeName, lightAmber, lightBlue, lightBlueIndigo, lightBrown, lightGray, lightGreen, lightLime, lightOrange, lightPink, lightPurple, lightRed, lightTeal, lightYellow, selectThemeToggleStatus, selectedDarkTheme, selectedTheme, toggleModeTheme, toggleTheme, updateTheme };

package/dist/types/components/ContactInfoPopup/components/BusinessSection/BusinessSection.d.ts

@@ -3,5 +3,5 @@ interface BusinessSectionProps {
     contactData?: IContact;
     title: string;
 }
-declare const BusinessSection: ({ contactData, title }: BusinessSectionProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const BusinessSection: ({ contactData, title }: BusinessSectionProps) => import("react/jsx-runtime").JSX.Element;
 export default BusinessSection;

package/dist/types/components/ContactInfoPopup/components/LabelsSection/LabelsSection.d.ts

@@ -3,5 +3,5 @@ interface LabelsSectionProps {
     contactData?: IContact | IBusiness;
     title: string;
 }
-declare const LabelsSection: ({ contactData, title }: LabelsSectionProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const LabelsSection: ({ contactData, title }: LabelsSectionProps) => import("react/jsx-runtime").JSX.Element;
 export default LabelsSection;

package/dist/types/components/ContactInfoPopup/components/MembersSection/MembersSection.d.ts

@@ -4,5 +4,5 @@ interface MembersSectionProps {
     title: string;
     navigate: (path: string) => void;
 }
-declare const MembersSection: ({ contactData, title, navigate }: MembersSectionProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const MembersSection: ({ contactData, title, navigate }: MembersSectionProps) => import("react/jsx-runtime").JSX.Element;
 export default MembersSection;

package/dist/types/components/ContactSidebar/ChatDetailsSidebar.d.ts

@@ -0,0 +1,64 @@
+import { SidebarChatIntegration, StartConversationTarget } from './context/SidebarPropsContext';
+import { IContact, IBusiness } from '@trii/types/dist/Contacts';
+interface ChatDetailsSidebarBaseProps {
+    /** Raíz de la API (ej: https://agent-api.trii.app/api/v1), sin servicio ni spaceId. */
+    baseUrl: string;
+    spaceId: string;
+    /** El contacto/empresa cambió: el host puede sincronizar su estado. */
+    onEntityUpdated?: (entity: IContact | IBusiness) => void;
+    /**
+     * Integración con un inbox de chat. Sin esto el sidebar queda en modo ficha:
+     * sin GroupData, sin abrir conversaciones y sin iniciar una por canal.
+     */
+    chat?: SidebarChatIntegration;
+    /** Para el EditContactModal embebido (búsqueda de direcciones). */
+    googleMapsApiKey?: string;
+    /**
+     * Navegación del anfitrión (los destinos son rutas de otro microfront).
+     * Sin ella se usa window.location.assign.
+     */
+    navigate?: (path: string) => void;
+    /**
+     * Idioma del anfitrión ('es' | 'en' | 'es-AR' | ...). El sidebar tiene su
+     * propia instancia de i18n, así que no sigue solo los cambios del host.
+     */
+    language?: string;
+}
+/**
+ * Qué mostrar. Hay dos formas y son excluyentes; TypeScript falla si no se pasa
+ * ninguna o si se pasan las dos.
+ */
+type ChatDetailsSidebarTarget = {
+    /** Id de la entidad. `null` renderiza el panel vacío. */
+    contactId: string | null;
+    /**
+     * Obligatoria cuando se identifica por id: decide si la ficha se pide a
+     * `/contacts/{id}` o a `/business/{id}`. Con el valor equivocado la API
+     * responde "Not found" y el panel muestra la pantalla de "contacto
+     * eliminado", que es verosímil pero mentirosa.
+     */
+    entityType: 'contact' | 'business';
+    /** Ficha ya resuelta, para evitar el parpadeo inicial. */
+    initialEntity?: IContact | IBusiness | null;
+    entity?: never;
+} | {
+    /**
+     * Ficha completa. De acá salen el id Y el tipo (por `isBusiness`), así
+     * que no hace falta `entityType` — y desaparece el riesgo de declararlo
+     * mal. Igual se refetchea: la entidad que tiene el host suele venir
+     * parcial (p. ej. el `contactInfo` de una conversación).
+     */
+    entity: IContact | IBusiness;
+    contactId?: never;
+    entityType?: never;
+    initialEntity?: never;
+};
+export type ChatDetailsSidebarProps = ChatDetailsSidebarBaseProps & ChatDetailsSidebarTarget;
+/**
+ * Shell del sidebar (en camino al paquete npm): recibe las props del
+ * contrato (docs/CONTRATO_CHATDETAILSSIDEBAR.md) y monta los providers
+ * internos. La orquestación de UI vive en SidebarContent.
+ */
+declare const ChatDetailsSidebar: (props: ChatDetailsSidebarProps) => import("react/jsx-runtime").JSX.Element;
+export default ChatDetailsSidebar;
+export type { SidebarChatIntegration, StartConversationTarget };

package/dist/types/components/ContactSidebar/SidebarContent.d.ts

@@ -0,0 +1,11 @@
+import { IConversation } from '@trii/types/dist/Conversations';
+export interface SidebarContentProps {
+    conversation: IConversation | null;
+}
+/**
+ * Orquestación de UI del sidebar (tabs, overlay, skeleton). Vive dentro de
+ * los providers internos (SidebarProps + SidebarData) para poder disparar
+ * los fetches del mini-store sin tocar el store del host.
+ */
+declare const SidebarContent: ({ conversation }: SidebarContentProps) => import("react/jsx-runtime").JSX.Element;
+export default SidebarContent;

package/dist/types/components/ContactSidebar/components/AddButton/AddButton.d.ts

@@ -0,0 +1,5 @@
+interface AddButtonProps {
+    label: string;
+}
+declare const AddButton: ({ label }: AddButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default AddButton;

package/dist/types/components/ContactSidebar/components/AddMembersModal/AddMembersModal.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Alta de miembros al grupo de WhatsApp. Reemplaza al AddMembers que el host
+ * montaba en su ModalList vía el callback onAddGroupMembers del contrato.
+ *
+ * El sidebar no toca Redux ni Dexie: al guardar entrega la conversación
+ * actualizada por onConversationUpdated y el host sincroniza.
+ */
+export interface AddMembersModalProps {
+    open: boolean;
+    onClose: () => void;
+}
+declare const AddMembersModal: ({ open, onClose }: AddMembersModalProps) => import("react/jsx-runtime").JSX.Element;
+export default AddMembersModal;

package/dist/types/components/ContactSidebar/components/AddMembersModal/components/ContactSearch.d.ts

@@ -0,0 +1,19 @@
+import { IContactInfo } from '@trii/types/dist/Contacts';
+/**
+ * Buscador de contactos para sumar al grupo de WhatsApp. Port del SearchContact
+ * del ModalList del host: la búsqueda pasa por contactApi.searchContactsTable
+ * (mismo POST /Search) en vez del handleSearchContact del messagesContext, y el
+ * estado de carga es local en vez del contactInfoSlice.
+ */
+export type GroupMember = {
+    contact: IContactInfo;
+    destinationAddressId: string;
+    destinationAddress: string;
+};
+interface ContactSearchProps {
+    onAddMember: (member: GroupMember) => void;
+    onRemoveMember: (key: string) => void;
+    selectedMembers: GroupMember[];
+}
+declare const ContactSearch: ({ onAddMember, onRemoveMember, selectedMembers, }: ContactSearchProps) => import("react/jsx-runtime").JSX.Element;
+export default ContactSearch;

package/dist/types/components/ContactSidebar/components/AddMembersModal/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AddMembersModal } from './AddMembersModal';
+export type { AddMembersModalProps } from './AddMembersModal';
+export type { GroupMember } from './components/ContactSearch';

package/dist/types/components/ContactSidebar/components/AssistantView/AssistantView.d.ts

@@ -0,0 +1,29 @@
+export interface AssistantRecommendation {
+    id: string;
+    title: string;
+    description: string;
+    confidence: number;
+    icon: 'validate' | 'update' | 'reminder';
+}
+export interface SuggestedKnowledge {
+    id: string;
+    title: string;
+    description: string;
+}
+export interface AssistantData {
+    conversationContext: string;
+    operationalSummary: string;
+    keyPoints: string[];
+    recommendations: AssistantRecommendation[];
+    suggestedKnowledge: SuggestedKnowledge[];
+    preventiveQuality: {
+        score: string;
+        description: string;
+    };
+}
+interface AssistantViewProps {
+    data?: AssistantData;
+}
+/** Base visual del asistente, desacoplada de futuras acciones y respuestas IA. */
+declare const AssistantView: ({ data }: AssistantViewProps) => import("react/jsx-runtime").JSX.Element;
+export default AssistantView;

package/dist/types/components/ContactSidebar/components/ChatBotIcon/ChatBotIcon.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    color: string;
+}
+declare const ChatBotIcon: ({ color }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ChatBotIcon;

package/dist/types/components/ContactSidebar/components/ChatBotIcon/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ChatBotIcon';

package/dist/types/components/ContactSidebar/components/CombineContactsModal/CombineContactsModal.d.ts

@@ -0,0 +1,9 @@
+import type { IContact } from '@trii/types/dist/Contacts';
+interface CombineContactsModalProps {
+    open: boolean;
+    onClose: () => void;
+    contactId?: string;
+    onMerged?: (contact: IContact) => void;
+}
+declare const CombineContactsModal: ({ open, onClose, contactId, onMerged, }: CombineContactsModalProps) => import("react/jsx-runtime").JSX.Element;
+export default CombineContactsModal;

package/dist/types/components/ContactSidebar/components/CombineContactsModal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CombineContactsModal } from './CombineContactsModal';
+export { default } from './CombineContactsModal';

package/dist/types/components/ContactSidebar/components/CombineContactsModal/loadCombineContactsParcel.d.ts

@@ -0,0 +1,3 @@
+import type { ParcelConfigObject } from 'single-spa';
+declare const loadCombineContactsParcel: () => Promise<ParcelConfigObject>;
+export default loadCombineContactsParcel;

package/dist/types/components/ContactSidebar/components/ContactInfoSkeleton/ContactInfoSkeleton.d.ts

@@ -0,0 +1,2 @@
+declare const ContactInfoSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export default ContactInfoSkeleton;

package/dist/types/components/ContactSidebar/components/ContactInfoSkeleton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ContactInfoSkeleton';

package/dist/types/components/ContactSidebar/components/CustomModal/CustomModal.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+type CustomModalProps = {
+    handleClose: () => void;
+    open: boolean;
+    modalTitle: string | React.ReactNode;
+    maxWidth: string;
+    children: React.ReactNode;
+    onExited?: () => void;
+};
+/**
+ * Renders a modal dialog box.
+ * @param {Object} props - The component props.
+ * @param {function} props.handleClose - Callback function to be called when the modal is closed.
+ * @param {boolean} props.open - Determines whether the modal is currently visible.
+ * @param {string} props.modalTitle - The title of the modal.
+ * @param {string} props.maxWidth - The maximum width of the modal.
+ * @param {React.ReactNode} props.children - The content of the modal.
+ * @returns {React.ReactNode} The rendered modal dialog box.
+ */
+declare function CustomModal({ handleClose, open, modalTitle, maxWidth, children, onExited, }: CustomModalProps): import("react/jsx-runtime").JSX.Element;
+export default CustomModal;

package/dist/types/components/ContactSidebar/components/CustomModal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CustomModal } from './CustomModal';
+export { default } from './CustomModal';

package/dist/types/components/ContactSidebar/components/DocumentIcon/DocumentIcon.d.ts

@@ -0,0 +1,14 @@
+import DocumentExtension from './types/DocumentExtension';
+interface Props {
+    documentType: DocumentExtension;
+    size?: number;
+}
+/**
+ * Componente de iconos de documentos
+ * Usa ModernDocumentIcon con react-file-icon para iconos estilo Windows 11/WhatsApp
+ *
+ * @param documentType - Extensión del archivo
+ * @param size - Tamaño del icono en píxeles (opcional)
+ */
+declare const DocumentIcon: ({ documentType, size }: Props) => import("react/jsx-runtime").JSX.Element;
+export default DocumentIcon;

package/dist/types/components/ContactSidebar/components/DocumentIcon/ModernDocumentIcon.d.ts

@@ -0,0 +1,14 @@
+import DocumentExtension from './types/DocumentExtension';
+interface Props {
+    documentType: DocumentExtension;
+    size?: number;
+}
+/**
+ * Componente moderno de iconos de documentos usando react-file-icon
+ * Proporciona iconos similares a Windows 11 y WhatsApp
+ *
+ * @param documentType - Extensión del archivo
+ * @param size - Tamaño del icono en píxeles (opcional, default: automático)
+ */
+declare const ModernDocumentIcon: ({ documentType, size }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ModernDocumentIcon;

package/dist/types/components/ContactSidebar/components/DocumentIcon/index.d.ts

@@ -0,0 +1,4 @@
+export { default as DocumentIcon } from './DocumentIcon';
+export { default as ModernDocumentIcon } from './ModernDocumentIcon';
+export { default as documentFiles } from './utils/documentFiles';
+export type { default as DocumentExtension } from './types/DocumentExtension';

package/dist/types/components/ContactSidebar/components/DocumentIcon/types/DocumentExtension.d.ts

@@ -0,0 +1,2 @@
+type TextFileExtension = 'chm' | 'doc' | 'docx' | 'docm' | 'dot' | 'dotx' | 'eml' | 'hwp' | 'log' | 'txt' | 'wpd' | 'wps' | 'xps' | 'xml' | 'msg' | 'pdf' | 'odt' | 'pages' | 'pub' | 'rtf' | 'tex' | 'sxw' | 'image' | 'video' | 'xls' | 'xlsx' | 'xlsm' | 'xlsb' | 'xlt' | 'ppt' | 'pptx' | 'pptm' | 'pot' | 'potx' | 'csv' | 'zip' | 'rar';
+export default TextFileExtension;

package/dist/types/components/ContactSidebar/components/DocumentIcon/utils/documentFiles.d.ts

@@ -0,0 +1,5 @@
+declare const textFiles: {
+    name: string;
+    src: string;
+}[];
+export default textFiles;

package/dist/types/components/ContactSidebar/components/InteractionView/AssignmentsView.d.ts

@@ -0,0 +1,12 @@
+export interface AssignmentHistoryItem {
+    id: string;
+    description: string;
+    time: string;
+    relatedTo: string;
+}
+interface AssignmentsViewProps {
+    history?: AssignmentHistoryItem[];
+}
+/** Timeline visual de asignaciones, independiente de su futura fuente de datos. */
+declare const AssignmentsView: ({ history, }: AssignmentsViewProps) => import("react/jsx-runtime").JSX.Element;
+export default AssignmentsView;

package/dist/types/components/ContactSidebar/components/InteractionView/InteractionSummary.d.ts

@@ -0,0 +1,16 @@
+export interface InteractionSummaryData {
+    group: string;
+    responsible: string;
+    status: string;
+    tracking: Array<{
+        id: string;
+        label: string;
+        checked: boolean;
+    }>;
+}
+interface InteractionSummaryProps {
+    data?: InteractionSummaryData;
+}
+/** Resumen visual desacoplado de la fuente de datos de una interacción. */
+declare const InteractionSummary: ({ data, }: InteractionSummaryProps) => import("react/jsx-runtime").JSX.Element;
+export default InteractionSummary;

package/dist/types/components/ContactSidebar/components/InteractionView/InteractionView.d.ts

@@ -0,0 +1,3 @@
+/** Contenido base de la vista Interacción y su navegación interna. */
+declare const InteractionView: () => import("react/jsx-runtime").JSX.Element;
+export default InteractionView;

package/dist/types/components/ContactSidebar/components/InteractionView/OperationalActivityView.d.ts

@@ -0,0 +1,13 @@
+export interface OperationalActivityEvent {
+    id: string;
+    description: string;
+    time: string;
+    category: string;
+    color: 'success' | 'error' | 'warning' | 'neutral';
+}
+interface OperationalActivityViewProps {
+    events?: OperationalActivityEvent[];
+}
+/** Cronología visual desacoplada de la futura fuente de eventos operativos. */
+declare const OperationalActivityView: ({ events, }: OperationalActivityViewProps) => import("react/jsx-runtime").JSX.Element;
+export default OperationalActivityView;

package/dist/types/components/ContactSidebar/components/InteractionView/ParticipantsView.d.ts

@@ -0,0 +1,15 @@
+export interface Participant {
+    id: string;
+    initials: string;
+    name: string;
+    role: string;
+    details: string;
+    avatarColor: string;
+    status?: string;
+}
+interface ParticipantsViewProps {
+    participants?: Participant[];
+}
+/** Lista visual de participantes desacoplada de la futura fuente de datos. */
+declare const ParticipantsView: ({ participants, }: ParticipantsViewProps) => import("react/jsx-runtime").JSX.Element;
+export default ParticipantsView;

package/dist/types/components/ContactSidebar/components/InteractionView/ServiceLevelView.d.ts

@@ -0,0 +1,33 @@
+type ServiceLevelStatus = 'completed' | 'inProgress' | 'expired';
+interface ServiceLevelObjective {
+    id: string;
+    name: string;
+    details: string;
+    status: ServiceLevelStatus;
+}
+interface ServiceLevelPolicyItem {
+    id: string;
+    label: string;
+    value: string;
+}
+interface ServiceLevelHistoryItem {
+    id: string;
+    title: string;
+    details: string;
+}
+export interface ServiceLevelData {
+    statusTitle: string;
+    statusDescription: string;
+    objectives: ServiceLevelObjective[];
+    policy: ServiceLevelPolicyItem[];
+    history: ServiceLevelHistoryItem[];
+}
+declare const ServiceLevelHistoryItem: ({ item, }: {
+    item: ServiceLevelHistoryItem;
+}) => import("react/jsx-runtime").JSX.Element;
+interface ServiceLevelViewProps {
+    data?: ServiceLevelData;
+}
+/** Vista UI de SLA desacoplada de cálculos y datos operativos reales. */
+declare const ServiceLevelView: ({ data, }: ServiceLevelViewProps) => import("react/jsx-runtime").JSX.Element;
+export default ServiceLevelView;

package/dist/types/components/ContactSidebar/components/Labels/Labels.d.ts

@@ -0,0 +1,7 @@
+import { ILabel } from "@trii/types/dist/Conversations";
+interface LabelsProps {
+    labels: ILabel[];
+    max: number;
+}
+declare const Labels: ({ labels, max }: LabelsProps) => import("react/jsx-runtime").JSX.Element;
+export default Labels;

package/dist/types/components/ContactSidebar/components/Labels/components/LabelModal/LabelModal.d.ts

@@ -0,0 +1,8 @@
+import { ILabel } from '@trii/types/dist/Conversations';
+interface Props {
+    labels: ILabel[];
+    open: boolean;
+    handleClose: () => void;
+}
+declare const LabelModal: ({ labels, open, handleClose, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default LabelModal;

package/dist/types/components/ContactSidebar/components/Labels/components/LabelModal/components/Label/Label.d.ts

@@ -0,0 +1,6 @@
+import { ILabel } from "@trii/types/dist/Conversations";
+interface LabelProps {
+    labels: ILabel[];
+}
+declare const Label: ({ labels, }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export default Label;

package/dist/types/components/ContactSidebar/components/Labels/components/LabelModal/components/Label/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Label";

package/dist/types/components/ContactSidebar/components/Labels/components/LabelModal/components/index.d.ts

@@ -0,0 +1 @@
+export { default as Label } from "./Label";

package/dist/types/components/ContactSidebar/components/Labels/components/LabelModal/index.d.ts

@@ -0,0 +1 @@
+export { default } from './LabelModal';

package/dist/types/components/ContactSidebar/components/Labels/components/index.d.ts

@@ -0,0 +1 @@
+export { default as LabelModal } from "./LabelModal";

package/dist/types/components/ContactSidebar/components/Labels/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Labels';

package/dist/types/components/ContactSidebar/components/MediaViewer/MediaViewer.d.ts

@@ -0,0 +1,10 @@
+import { MessageImage } from '@trii/types/dist/Common/Messages';
+export interface MediaViewerProps {
+    open: boolean;
+    files: MessageImage[];
+    index: number;
+    onIndexChange: (index: number) => void;
+    onClose: () => void;
+}
+declare const MediaViewer: ({ open, files, index, onIndexChange, onClose, }: MediaViewerProps) => import("react/jsx-runtime").JSX.Element;
+export default MediaViewer;

package/dist/types/components/ContactSidebar/components/MediaViewer/components/PrintButton.d.ts

@@ -0,0 +1,7 @@
+import './print.css';
+/** Impresión de la media abierta. Copia del PrintButton del visor del host. */
+interface PrintButtonProps {
+    imageUrl: string;
+}
+declare const PrintButton: ({ imageUrl }: PrintButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default PrintButton;

package/dist/types/components/ContactSidebar/components/MediaViewer/components/VideoPlayer.d.ts

@@ -0,0 +1,7 @@
+interface VideoPlayerProps {
+    url: string;
+    /** El PiP saca el video del diálogo: el visor se cierra. */
+    onPictureInPicture: () => void;
+}
+declare const VideoPlayer: ({ url, onPictureInPicture }: VideoPlayerProps) => import("react/jsx-runtime").JSX.Element;
+export default VideoPlayer;

package/dist/types/components/ContactSidebar/components/MediaViewer/components/ZoomableImage.d.ts

@@ -0,0 +1,5 @@
+interface ZoomableImageProps {
+    url: string;
+}
+declare const ZoomableImage: ({ url }: ZoomableImageProps) => import("react/jsx-runtime").JSX.Element;
+export default ZoomableImage;

package/dist/types/components/ContactSidebar/components/MediaViewer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MediaViewer } from './MediaViewer';
+export type { MediaViewerProps } from './MediaViewer';

package/dist/types/components/ContactSidebar/components/PanelView/PanelView.d.ts

@@ -0,0 +1,9 @@
+import { SectionRefs } from '../../hooks/useSectionRefs';
+type PanelViewProps = {
+    sectionRefs: SectionRefs;
+    setValue: (value: number) => void;
+    value: number;
+    isClicked: boolean;
+};
+declare const PanelView: ({ value }: PanelViewProps) => import("react/jsx-runtime").JSX.Element;
+export default PanelView;

package/dist/types/components/ContactSidebar/components/PanelView/components/BotsInfo/BotsInfo.d.ts

@@ -0,0 +1,6 @@
+import { ConversationBotVar } from '@trii/types/dist/Conversations';
+type BotsInfoProps = {
+    conversationBotVars: ConversationBotVar[];
+};
+declare const BotsInfo: ({ conversationBotVars }: BotsInfoProps) => import("react/jsx-runtime").JSX.Element;
+export default BotsInfo;