@trii/components 2.0.104 → 3.0.0

package/dist/index.d.ts

@@ -620,6 +620,12 @@ interface ChatDetailsSidebarBaseProps {
      * propia instancia de i18n, así que no sigue solo los cambios del host.
      */
     language?: string;
+    /**
+     * Gate de visibilidad (CSS display) del panel. Para hosts que renderizan
+     * vistas hermanas alternadas por CSS: el panel queda montado (conserva su
+     * estado y sus datos) pero oculto mientras `active` es false. Default: true.
+     */
+    active?: boolean;
 }
 /**
  * Qué mostrar. Hay dos formas y son excluyentes; TypeScript falla si no se pasa
@@ -652,9 +658,17 @@ type ChatDetailsSidebarTarget = {
 };
 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.
+ * Panel de contacto reutilizable: la ficha completa de un contacto/empresa
+ * (datos, conversaciones, archivos, media, historial, eventos, tareas, shop,
+ * relaciones, grupos de WhatsApp) con su riel vertical de tabs, skeleton y
+ * overlay de carga. Recibe las props del contrato y monta los providers
+ * internos; la orquestación de tabs vive en SidebarContent.
+ *
+ * El shell de vistas (header Contacto/Interacción/Asistente) es del host: este
+ * componente renderiza SOLO la vista de contacto y expone `active` para que el
+ * host lo alterne por CSS con sus vistas hermanas sin desmontarlo. Debe
+ * colocarse dentro de un contenedor flex con `position: relative` (el overlay
+ * y el skeleton se posicionan contra ese contenedor). Ver README.md.
  */
 declare const ChatDetailsSidebar: (props: ChatDetailsSidebarProps) => react_jsx_runtime.JSX.Element;
 

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

@@ -23,6 +23,12 @@ interface ChatDetailsSidebarBaseProps {
      * propia instancia de i18n, así que no sigue solo los cambios del host.
      */
     language?: string;
+    /**
+     * Gate de visibilidad (CSS display) del panel. Para hosts que renderizan
+     * vistas hermanas alternadas por CSS: el panel queda montado (conserva su
+     * estado y sus datos) pero oculto mientras `active` es false. Default: true.
+     */
+    active?: boolean;
 }
 /**
  * Qué mostrar. Hay dos formas y son excluyentes; TypeScript falla si no se pasa
@@ -55,9 +61,17 @@ type ChatDetailsSidebarTarget = {
 };
 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.
+ * Panel de contacto reutilizable: la ficha completa de un contacto/empresa
+ * (datos, conversaciones, archivos, media, historial, eventos, tareas, shop,
+ * relaciones, grupos de WhatsApp) con su riel vertical de tabs, skeleton y
+ * overlay de carga. Recibe las props del contrato y monta los providers
+ * internos; la orquestación de tabs vive en SidebarContent.
+ *
+ * El shell de vistas (header Contacto/Interacción/Asistente) es del host: este
+ * componente renderiza SOLO la vista de contacto y expone `active` para que el
+ * host lo alterne por CSS con sus vistas hermanas sin desmontarlo. Debe
+ * colocarse dentro de un contenedor flex con `position: relative` (el overlay
+ * y el skeleton se posicionan contra ese contenedor). Ver README.md.
  */
 declare const ChatDetailsSidebar: (props: ChatDetailsSidebarProps) => import("react/jsx-runtime").JSX.Element;
 export default ChatDetailsSidebar;

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

@@ -1,11 +1,16 @@
 import { IConversation } from '@trii/types/dist/Conversations';
 export interface SidebarContentProps {
     conversation: IConversation | null;
+    /** Gate CSS de visibilidad del panel (ver ChatDetailsSidebar.active). */
+    active: boolean;
 }
 /**
- * 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.
+ * Orquestación de UI del panel de contacto (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.
+ *
+ * El root es un Fragment: skeleton/panel/overlay se posicionan contra el
+ * contenedor `position: relative` que provee el host.
  */
-declare const SidebarContent: ({ conversation }: SidebarContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarContent: ({ conversation, active }: SidebarContentProps) => import("react/jsx-runtime").JSX.Element;
 export default SidebarContent;

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

@@ -1,9 +1,6 @@
-import { SectionRefs } from '../../hooks/useSectionRefs';
 type PanelViewProps = {
-    sectionRefs: SectionRefs;
-    setValue: (value: number) => void;
+    /** Índice del tab activo (lo controla TabsMenu vía SidebarContent). */
     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/ContactMedia/ContactMedia.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 type ContactProps = {
     contactId: string;
-    handleClick?: () => void;
     defaultExpanded?: boolean;
 };
 declare const ContactMedia: React.ForwardRefExoticComponent<ContactProps & React.RefAttributes<HTMLElement>>;

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 type Props = {
-    handleClick: () => void;
     defaultExpanded?: boolean;
 };
 declare const GroupData: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLElement>>;

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

@@ -5,13 +5,10 @@ export { default as ContactFiles } from './ContactFiles';
 export { default as ContactMedia } from './ContactMedia';
 export { default as ContactHistory } from './ContactHistory';
 export { default as ContactNotes } from './ContactNotes';
-export { default as ContactRepairs } from './ContactRepairs';
 export { default as ContactEvent } from './ContactEvent';
 export { default as ContactTask } from './ContactTask';
-export { default as ContactTicket } from './ContactTicket';
 export { default as ContactButton } from './ContactButton';
 export { default as ContactPanelShop } from './ContactPanelShop';
 export { default as ContactRelations } from './ContactRelations';
 export { default as GroupData } from './GroupData';
 export { default as PremiumContactHeader } from './PremiumContactHeader';
-export { default as ContactHighlights } from './ContactHighlights';

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

@@ -5,7 +5,7 @@ type SectionCardProps = {
     children: ReactNode;
     title: string;
     defaultExpanded?: boolean;
-    onClick: () => void;
+    onClick?: () => void;
     tabName: TabName;
     contactInfo?: IContact;
     onExpandChange?: (isExpanded: boolean) => void;

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

@@ -1,7 +1,6 @@
 import { IIntegrationButton } from '@trii/types/dist/Contacts';
 export interface ContactProps {
     contactId?: string;
-    handleClick: () => void;
     defaultExpanded?: boolean;
 }
 export interface ContactButtonProps extends ContactProps {

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

@@ -1,9 +1,6 @@
-import { SectionRefs } from '../../hooks/useSectionRefs';
 type TabsMenuProps = {
     handleChange: (newValue: number) => void;
     value: number;
-    sectionRefs: SectionRefs;
-    setIsClicked: (isClicked: boolean) => void;
 };
 declare function TabsMenu({ handleChange, value }: TabsMenuProps): import("react/jsx-runtime").JSX.Element;
 export default TabsMenu;

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

@@ -1,6 +1,3 @@
 export { default as ContactInfoSkeleton } from './ContactInfoSkeleton';
-export { default as AssistantView } from './AssistantView/AssistantView';
-export { default as InteractionView } from './InteractionView/InteractionView';
 export { default as PanelView } from './PanelView';
-export { default as SidebarViewNavigation, type SidebarView, type SidebarViewDefinition, } from './SidebarViewNavigation/SidebarViewNavigation';
 export { default as TabsMenu } from './TabsMenu';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trii/components",
-  "version": "2.0.104",
+  "version": "3.0.0",
   "description": "Trii components package",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",