@trii/components 2.0.101 → 2.0.103

package/dist/types/components/ContactSidebar/utils/markdown/markdownParser.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Opciones para configurar el parser de markdown
+ */
+export interface MarkdownParserOptions {
+    /**
+     * Deshabilitar conversión de URLs a links
+     * @default false
+     */
+    disableLinks?: boolean;
+    /**
+     * Mostrar símbolos de markdown (para modo edición)
+     * @default false
+     */
+    addMarkdown?: boolean;
+    /**
+     * Habilitar sintaxis extendida (headers, blockquotes, listas)
+     * @default false
+     */
+    extendedSyntax?: boolean;
+    /**
+     * Envolver emojis en spans para navegación del cursor
+     * @default true
+     */
+    wrapEmojis?: boolean;
+    /**
+     * Renderizar en modo inline (sin elementos de bloque)
+     * @default false
+     */
+    inline?: boolean;
+    /**
+     * Permitir HTML en el contenido (se sanitiza con DOMPurify)
+     * @default false
+     */
+    allowHTML?: boolean;
+}
+/**
+ * Renderiza markdown a HTML usando markdown-it
+ *
+ * @param text - Texto markdown a renderizar
+ * @param options - Opciones de configuración
+ * @returns HTML renderizado
+ *
+ * @example
+ * ```typescript
+ * // Uso básico
+ * const html = renderMarkdown('**bold** and *italic*')
+ *
+ * // Modo edición (muestra símbolos)
+ * const htmlEdit = renderMarkdown('**bold**', { addMarkdown: true })
+ *
+ * // Sin links
+ * const htmlNoLinks = renderMarkdown('https://example.com', { disableLinks: true })
+ * ```
+ */
+export declare function renderMarkdown(text: string, options?: MarkdownParserOptions): string;
+/**
+ * Limpia el cache de parsers (útil para testing)
+ */
+export declare function clearParserCache(): void;

package/dist/types/components/ContactSidebar/utils/safeHtml.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Sanitización del HTML que renderiza el sidebar. El hook useSafeHTML del host
+ * no se puede importar (sello del sidebar) y arrastra presets que acá no hacen
+ * falta: para los captions de media alcanza con formato inline y links.
+ *
+ * Divergencia consciente con el visor del host, que inyecta el markdown sin
+ * sanitizar: los captions son texto de mensajes (entrada de usuario) y el
+ * componente viaja a un paquete reusable.
+ */
+export declare function sanitizeInlineHtml(html: string): string;

package/dist/types/components/ContactSidebar/utils/types/ImageIcon.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface ImageIcon {
+    title: string;
+    icon: ReactNode;
+    channel: string;
+}

package/dist/types/components/EditContactModal/components/SearchLocation/googleMapsUtils.d.ts

@@ -3,5 +3,5 @@ export declare const waitForGoogleMaps: (maxWaitTime?: number) => Promise<boolea
 export declare const useGoogleMapsStatus: () => {
     isLoaded: boolean;
     isLoading: boolean;
-    error: string | null;
+    error: string;
 };

package/dist/types/components/EditContactModal/components/Section/ContactInformation/components/EditModal/layout/WarningsDisplay/components/Warning/hooks/useContactInfoPopup.d.ts

@@ -1,8 +1,8 @@
 import { MouseEvent } from 'react';
 import type { IContact, IBusiness } from '@trii/types/dist/Contacts';
 export declare const useContactInfoPopup: (contactId: string | null) => {
-    contactData: IContact | IBusiness | null;
-    anchorEl: HTMLElement | null;
+    contactData: IContact | IBusiness;
+    anchorEl: HTMLElement;
     isOpen: boolean;
     isLoading: boolean;
     openPopup: (event: MouseEvent<HTMLElement>) => Promise<void>;

package/dist/types/components/EditContactModal/components/Section/ContactInformation/components/EditModal/shared/StatusAdornment/components/Adornment/Adornment.d.ts

@@ -1,5 +1,5 @@
 import { AdornmentStatus } from '../../StatusAdornment';
 declare const Adornment: ({ status }: {
     status: AdornmentStatus;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Adornment;

package/dist/types/components/EditContactModal/components/Section/General/components/BusinessGeneral.d.ts

@@ -4,5 +4,5 @@ export type BusinessGeneralProps = Omit<GeneralProps, 'entityData' | 'entityType
     entityType: 'business';
     entityData: IBusiness;
 };
-declare const BusinessGeneral: (props: BusinessGeneralProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const BusinessGeneral: (props: BusinessGeneralProps) => import("react/jsx-runtime").JSX.Element;
 export default BusinessGeneral;

package/dist/types/components/EditContactModal/components/Section/General/components/ContactGeneral.d.ts

@@ -4,5 +4,5 @@ export type ContactGeneralProps = Omit<GeneralProps, 'entityData' | 'entityType'
     entityType: 'contact';
     entityData: IContact;
 };
-declare const ContactGeneral: (props: ContactGeneralProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const ContactGeneral: (props: ContactGeneralProps) => import("react/jsx-runtime").JSX.Element;
 export default ContactGeneral;

package/dist/types/components/EditContactModal/components/Section/utils/resolveUserLabel.d.ts

@@ -3,4 +3,4 @@ export declare const resolveUserLabel: ({ userId, users, currentUser, }: {
     userId?: string;
     users: UserInfo[];
     currentUser?: UserTrii | null;
-}) => string | null;
+}) => string;

package/dist/types/components/EditContactModal/context/EditContactApiContext.d.ts

@@ -1,40 +1,40 @@
 /// <reference types="react" />
 export declare const EditContactApiProvider: import("react").Provider<{
     fetchLabels: ({ signal }?: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     }) => Promise<import("@trii/types/dist/Contacts").ILabel[]>;
     createLabel: ({ name, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         name: string;
     }) => Promise<import("@trii/types/dist/Contacts").ILabel>;
     fetchContact: ({ contactId, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         contactId: string;
     }) => Promise<import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness>;
     fetchBusiness: ({ businessId, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         businessId: string;
     }) => Promise<import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness>;
     fetchBusinessTableData: ({ pagination, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         pagination: import("../services/api").Pagination;
     }) => Promise<import("../services/api").BusinessTableData>;
     createBusiness: ({ business, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         business: Record<string, unknown>;
     }) => Promise<import("@trii/types/dist/Contacts").IBusiness>;
     fetchContactFields: ({ forType, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         forType: "business" | "contact";
     }) => Promise<import("@trii/types/dist/Contacts").IContactField[]>;
     updateEntity: ({ entityType, entityId, body, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         entityType: "business" | "contact";
         entityId: string;
@@ -43,7 +43,7 @@ export declare const EditContactApiProvider: import("react").Provider<{
         };
     }) => Promise<import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness>;
     deleteAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: {
             contactId: string;
@@ -52,7 +52,7 @@ export declare const EditContactApiProvider: import("react").Provider<{
         };
     }) => Promise<unknown>;
     deleteAddres: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: {
             contactId: string;
@@ -61,7 +61,7 @@ export declare const EditContactApiProvider: import("react").Provider<{
         };
     }) => Promise<unknown>;
     checkContactAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: {
             address: string;
@@ -70,72 +70,72 @@ export declare const EditContactApiProvider: import("react").Provider<{
     }) => Promise<{
         success: boolean;
         warnings: string[];
-        contactId?: string | null | undefined;
+        contactId?: string;
     }>;
     setContactAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: import("../services/api").SetContactAddressRequestData;
     }) => Promise<import("@trii/types/dist/Contacts").IContactAddress>;
     updateContactAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: import("../services/api").UpdateContactAddressData;
     }) => Promise<import("@trii/types/dist/Contacts").IContactAddress>;
     fetchUserTrii: ({ signal }?: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     }) => Promise<import("@trii/types/dist/Users").UserTrii>;
     fetchUsers: ({ signal }?: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     }) => Promise<import("@trii/types/dist/Users").UserInfo[]>;
     fetchUserTriiById: ({ userId, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         userId: string;
     }) => Promise<import("@trii/types/dist/Users").UserTrii>;
     uploadAvatar: ({ contactId, file, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         contactId: string;
         file: File;
     }) => Promise<string>;
-} | null>;
+}>;
 export declare const useEditContactApi: () => {
     fetchLabels: ({ signal }?: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     }) => Promise<import("@trii/types/dist/Contacts").ILabel[]>;
     createLabel: ({ name, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         name: string;
     }) => Promise<import("@trii/types/dist/Contacts").ILabel>;
     fetchContact: ({ contactId, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         contactId: string;
     }) => Promise<import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness>;
     fetchBusiness: ({ businessId, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         businessId: string;
     }) => Promise<import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness>;
     fetchBusinessTableData: ({ pagination, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         pagination: import("../services/api").Pagination;
     }) => Promise<import("../services/api").BusinessTableData>;
     createBusiness: ({ business, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         business: Record<string, unknown>;
     }) => Promise<import("@trii/types/dist/Contacts").IBusiness>;
     fetchContactFields: ({ forType, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         forType: "business" | "contact";
     }) => Promise<import("@trii/types/dist/Contacts").IContactField[]>;
     updateEntity: ({ entityType, entityId, body, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         entityType: "business" | "contact";
         entityId: string;
@@ -144,7 +144,7 @@ export declare const useEditContactApi: () => {
         };
     }) => Promise<import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness>;
     deleteAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: {
             contactId: string;
@@ -153,7 +153,7 @@ export declare const useEditContactApi: () => {
         };
     }) => Promise<unknown>;
     deleteAddres: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: {
             contactId: string;
@@ -162,7 +162,7 @@ export declare const useEditContactApi: () => {
         };
     }) => Promise<unknown>;
     checkContactAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: {
             address: string;
@@ -171,33 +171,33 @@ export declare const useEditContactApi: () => {
     }) => Promise<{
         success: boolean;
         warnings: string[];
-        contactId?: string | null | undefined;
+        contactId?: string;
     }>;
     setContactAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: import("../services/api").SetContactAddressRequestData;
     }) => Promise<import("@trii/types/dist/Contacts").IContactAddress>;
     updateContactAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: import("../services/api").UpdateContactAddressData;
     }) => Promise<import("@trii/types/dist/Contacts").IContactAddress>;
     fetchUserTrii: ({ signal }?: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     }) => Promise<import("@trii/types/dist/Users").UserTrii>;
     fetchUsers: ({ signal }?: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     }) => Promise<import("@trii/types/dist/Users").UserInfo[]>;
     fetchUserTriiById: ({ userId, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         userId: string;
     }) => Promise<import("@trii/types/dist/Users").UserTrii>;
     uploadAvatar: ({ contactId, file, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         contactId: string;
         file: File;
     }) => Promise<string>;
-} | null;
+};

package/dist/types/components/EditContactModal/context/EditContactViewContext.d.ts

@@ -4,5 +4,5 @@ export type EditContactViewContextValue = {
     view: EditContactView;
     setView: (view: EditContactView) => void;
 };
-export declare const EditContactViewProvider: import("react").Provider<EditContactViewContextValue | null>;
+export declare const EditContactViewProvider: import("react").Provider<EditContactViewContextValue>;
 export declare const useEditContactView: () => EditContactViewContextValue;

package/dist/types/components/EditContactModal/hooks/useEditContactModalController.d.ts

@@ -38,7 +38,7 @@ export declare function useEditContactModalController({ open, baseUrl, spaceId,
         tags: IContactTag[];
         labels: ILabel[];
         contactFields: IContactField[];
-        userTrii: UserTrii | null;
+        userTrii: UserTrii;
         userLoading: boolean;
         userError: unknown;
     };

package/dist/types/components/EditContactModal/hooks/utils/editContactHelper.d.ts

@@ -1,6 +1,6 @@
 import { IContactAddress } from '@trii/types/dist/Contacts';
 declare const _default: {
-    getEditedField: (key: string, originalValue: string | number | null, editedValue: string | number) => Record<string, string | number> | null;
+    getEditedField: (key: string, originalValue: string | number, editedValue: string | number) => Record<string, string | number>;
     getAddressesWithUpdatedValues: (newValue: string, newValueAddressId: string, addresses: IContactAddress[]) => IContactAddress[];
 };
 export default _default;

package/dist/types/components/EventsDialog/context/EventsDialogApiContext.d.ts

@@ -3,7 +3,7 @@ export interface EventsDialogApi {
     baseUrl: string;
     spaceId: string;
 }
-declare const EventsDialogApiContext: import("react").Context<EventsDialogApi | null>;
-export declare const EventsDialogApiProvider: import("react").Provider<EventsDialogApi | null>;
-export declare const useEventsDialogApi: () => EventsDialogApi | null;
+declare const EventsDialogApiContext: import("react").Context<EventsDialogApi>;
+export declare const EventsDialogApiProvider: import("react").Provider<EventsDialogApi>;
+export declare const useEventsDialogApi: () => EventsDialogApi;
 export default EventsDialogApiContext;

package/dist/types/components/EventsDialog/hooks/useNotifications.d.ts

@@ -3,7 +3,7 @@ import { IEventNotification } from '@trii/types/dist/Calendar';
 import { SelectChangeEvent } from '@mui/material';
 import { EventNotificationFront } from '../types';
 export declare const useNotificationsInitialDef: {
-    notifications: never[];
+    notifications: any[];
     action: {
         addNotification: () => void;
         deleteNotification: (_notificationId: string) => void;

package/dist/types/components/EventsDialog/theme/themeSlice.d.ts

@@ -30,7 +30,7 @@ export declare const updateTheme: import("@reduxjs/toolkit").AsyncThunk<{
     theme: ThemeName;
 }, ThemeName, {
     state: ThemeRootState;
-    dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction> | undefined;
+    dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
     extra?: unknown;
     rejectValue?: unknown;
     serializedErrorType?: unknown;
@@ -44,7 +44,7 @@ export declare const updateTheme: import("@reduxjs/toolkit").AsyncThunk<{
  * @returns true if theme is a valid ThemeName
  */
 export declare const isValidThemeName: (theme: string) => theme is ThemeName;
-export declare const toggleTheme: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeName, "Theme/toggleTheme">, toggleModeTheme: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"Theme/toggleModeTheme">;
+export declare const toggleTheme: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<ThemeName, "Theme/toggleTheme">, toggleModeTheme: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"Theme/toggleModeTheme">;
 export declare const selectThemeToggleStatus: (state: ThemeRootState) => "idle" | "toggled";
 export declare const selectedTheme: (state: ThemeRootState) => Theme;
 export declare const selectedDarkTheme: (state: ThemeRootState) => boolean;

package/dist/types/components/EventsDialog/utils/googleMapsLoader.d.ts

@@ -19,7 +19,7 @@ export declare const GOOGLE_MAPS_SCRIPT_CONFIG: {
  */
 export declare const useGoogleMapsLoader: () => {
     isLoaded: boolean;
-    error: Error | null;
+    error: Error;
 };
 /**
  * Carga la API de Google Maps de manera asincrónica

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

@@ -4,3 +4,5 @@ export type { EditContactModalProps, EditContactMode } from './EditContactModal'
 export { default as EventsDialog } from './EventsDialog';
 export type { EventsDialogProps, EventData, TaskData } from './EventsDialog';
 export type { ModalMode, ItemType, Calendar, Contact, Notification } from './EventsDialog/types';
+export { default as ContactSidebar } from './ContactSidebar';
+export type { ContactSidebarProps, SidebarChatIntegration, StartConversationTarget, } from './ContactSidebar';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trii/components",
-  "version": "2.0.101",
+  "version": "2.0.103",
   "description": "Trii components package",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -57,11 +57,14 @@
     "@emotion/styled": "^11.11.5",
     "@fontsource/material-icons": "^5.0.18",
     "@fontsource/roboto": "^5.0.13",
+    "@mdi/js": "^7.4.47",
+    "@mdi/react": "^1.6.1",
     "@mui/icons-material": "^5.15.15",
     "@mui/lab": "^5.0.0-alpha.176",
     "@mui/material": "^5.18.0",
     "@reduxjs/toolkit": "^2.11.2",
     "@rollup/plugin-commonjs": "^25.0.4",
+    "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@storybook/addon-essentials": "^8.5.3",
@@ -85,6 +88,8 @@
     "@typescript-eslint/parser": "^8.53.0",
     "axios": "^1.14.0",
     "babel-jest": "^29.7.0",
+    "date-fns": "^2.30.0",
+    "dompurify": "^2.5.8",
     "esbuild": "^0.27.2",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
@@ -93,22 +98,32 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "google-libphonenumber": "^3.2.44",
+    "handlebars": "^4.7.8",
     "immer": "^11.1.4",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "markdown-it": "^14.1.0",
+    "markdown-it-emoji": "^3.0.0",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.31",
     "postcss-import": "^15.1.0",
     "prettier": "^3.8.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-file-icon": "^1.6.0",
+    "react-to-print": "^2.14.15",
+    "react-virtuoso": "^4.17.0",
     "rollup": "^3.29.4",
     "rollup-plugin-dts": "^6.0.2",
     "rollup-plugin-esbuild": "^6.2.1",
     "rollup-plugin-postcss": "^4.0.2",
+    "single-spa": "^5.9.3",
+    "single-spa-react": "^6.0.2",
     "storybook": "^8.5.3",
     "tslib": "^2.6.2",
-    "typescript": "^5.2.2"
+    "typescript": "^5.2.2",
+    "uuid": "^10.0.0",
+    "wavesurfer.js": "^6.6.3"
   },
   "peerDependencies": {
     "@emotion/react": "^11.11.4",
@@ -118,13 +133,27 @@
     "axios": ">=1.0.0",
     "dayjs": "^1.11.19",
     "google-libphonenumber": "^3.2.43",
+    "handlebars": "^4.7.8",
     "i18next": "^25.8.0",
     "moment": "^2.30.1",
     "react": ">=17.0.2 <19.0.0",
     "react-dom": ">=17.0.2 <19.0.0",
-    "react-i18next": "^16.5.3"
+    "react-i18next": "^16.5.3",
+    "single-spa": "^5.9.3",
+    "single-spa-react": "^6.0.2"
   },
   "dependencies": {
-    "@trii/types": "^2.10.638"
+    "@mdi/js": "^7.4.47",
+    "@mdi/react": "^1.6.1",
+    "@trii/types": "^2.10.638",
+    "date-fns": "^2.30.0",
+    "dompurify": "^2.5.8",
+    "markdown-it": "^14.1.0",
+    "markdown-it-emoji": "^3.0.0",
+    "react-file-icon": "^1.6.0",
+    "react-to-print": "^2.14.15",
+    "react-virtuoso": "^4.17.0",
+    "uuid": "^10.0.0",
+    "wavesurfer.js": "^6.6.3"
   }
 }