@trii/components 2.0.100 → 2.0.102

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/EditModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface EditModalProps {
     open: boolean;
     onClose: () => 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,3 +1,4 @@
+/// <reference types="react" />
 export declare const EditContactApiProvider: import("react").Provider<{
     fetchLabels: ({ signal }?: {
         signal?: AbortSignal;
@@ -30,12 +31,12 @@ export declare const EditContactApiProvider: import("react").Provider<{
     fetchContactFields: ({ forType, signal }: {
         signal?: AbortSignal;
     } & {
-        forType: "contact" | "business";
+        forType: "business" | "contact";
     }) => Promise<import("@trii/types/dist/Contacts").IContactField[]>;
     updateEntity: ({ entityType, entityId, body, signal }: {
         signal?: AbortSignal;
     } & {
-        entityType: "contact" | "business";
+        entityType: "business" | "contact";
         entityId: string;
         body: Partial<import("@trii/types/dist/Contacts").IContact> | Partial<import("@trii/types/dist/Contacts").IBusiness> | {
             tags: import("@trii/types/dist/Contacts").IContactTag[];
@@ -97,7 +98,7 @@ export declare const EditContactApiProvider: import("react").Provider<{
         contactId: string;
         file: File;
     }) => Promise<string>;
-} | null>;
+}>;
 export declare const useEditContactApi: () => {
     fetchLabels: ({ signal }?: {
         signal?: AbortSignal;
@@ -130,12 +131,12 @@ export declare const useEditContactApi: () => {
     fetchContactFields: ({ forType, signal }: {
         signal?: AbortSignal;
     } & {
-        forType: "contact" | "business";
+        forType: "business" | "contact";
     }) => Promise<import("@trii/types/dist/Contacts").IContactField[]>;
     updateEntity: ({ entityType, entityId, body, signal }: {
         signal?: AbortSignal;
     } & {
-        entityType: "contact" | "business";
+        entityType: "business" | "contact";
         entityId: string;
         body: Partial<import("@trii/types/dist/Contacts").IContact> | Partial<import("@trii/types/dist/Contacts").IBusiness> | {
             tags: import("@trii/types/dist/Contacts").IContactTag[];
@@ -197,4 +198,4 @@ export declare const useEditContactApi: () => {
         contactId: string;
         file: File;
     }) => Promise<string>;
-} | null;
+};

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

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 export type EditContactView = 'main' | 'tags' | 'searchLocation' | 'businessSelect' | 'businessMembers';
 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/components/ConfirmDeleteDialog/ConfirmDeleteDialog.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface ConfirmDeleteDialogProps {
     open: boolean;
     onClose: () => void;

package/dist/types/components/EventsDialog/components/DatePicker/styles.d.ts

@@ -1,4 +1,3 @@
-import { Box, Typography } from '@mui/material';
-export declare const StyledDatePickerContainer: typeof Box;
-export declare const StyledPickersContainer: typeof Box;
-export declare const StyledPickersDivider: typeof Typography;
+export declare const StyledDatePickerContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
+export declare const StyledPickersContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
+export declare const StyledPickersDivider: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TypographyTypeMap<{}, "span">>;

package/dist/types/components/EventsDialog/components/DeleteRecurringEventDialog/DeleteRecurringEventDialog.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface DeleteRecurringEventDialogProps {
     open: boolean;
     onClose: () => void;

package/dist/types/components/EventsDialog/components/EditRecurringEventDialog/EditRecurringEventDialog.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface EditRecurringEventDialogProps {
     open: boolean;
     onClose: () => void;

package/dist/types/components/EventsDialog/components/LocationTextField/SendLocation/components/GoogleMap/components/LocationSearch/locationSearch.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/google.maps" />
 interface Props {
     onPlaceSelected: (location: google.maps.LatLngLiteral, address?: string) => void;
 }

package/dist/types/components/EventsDialog/components/ReminderNotifications/components/ReminderItem/style.d.ts

@@ -1,8 +1,11 @@
-import { Box, Select, TextField, IconButton } from '@mui/material';
-export declare const StyledReminderItemContainer: typeof Box;
-export declare const StyledReminderItemViewContainer: typeof Box;
-export declare const StyledReminderInputsContainer: typeof Box;
+/// <reference types="react" />
+import { TextField } from '@mui/material';
+export declare const StyledReminderItemContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
+export declare const StyledReminderItemViewContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
+export declare const StyledReminderInputsContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
 export declare const StyledReminderTextField: typeof TextField;
-export declare const StyledReminderSelect: typeof Select;
-export declare const StyledReminderActionsContainer: typeof Box;
-export declare const StyledReminderDeleteIconButton: typeof IconButton;
+export declare const StyledReminderSelect: (<Value = unknown>(props: import("@mui/material").SelectProps<Value>) => import("react").JSX.Element) & {
+    muiName: string;
+};
+export declare const StyledReminderActionsContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
+export declare const StyledReminderDeleteIconButton: import("@mui/material").ExtendButtonBase<import("@mui/material").IconButtonTypeMap<{}, "button">>;

package/dist/types/components/EventsDialog/components/ReminderNotifications/styles.d.ts

@@ -1,3 +1,2 @@
-import { Box } from '@mui/material';
-export declare const ReminderNotificationsContainer: typeof Box;
-export declare const HeaderContainer: typeof Box;
+export declare const ReminderNotificationsContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
+export declare const HeaderContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Mode } from './types/Mode';
 interface Props {
     children: React.ReactNode;

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

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 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/useCalendarEvents.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IEvent } from '@trii/types/dist/Calendar';
 export interface CalendarEvent {
     id: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface CalendarTask {
     id: string;
     title: string;

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/layout/BasicInputContainer/styles.d.ts

@@ -1,3 +1,2 @@
-import { Box } from '@mui/material';
-export declare const StyledBoxContainer: typeof Box;
-export declare const StyledDialogContextText: typeof Box;
+export declare const StyledBoxContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
+export declare const StyledDialogContextText: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;

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.100",
+  "version": "2.0.102",
   "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",
@@ -122,9 +137,23 @@
     "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",
+    "handlebars": "^4.7.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"
   }
 }