@trii/components 3.1.8 → 3.1.11

package/dist/types/components/EditContactModal/components/Section/ContactInformation/components/EditModal/shared/NoteDeleteButton/style.d.ts

@@ -1,13 +1,13 @@
-declare const noteDeleteButtonStyle: {
+declare const _default: {
     container: {
         display: string;
         width: string;
         alignItems: string;
-        justifyContent: string;
+        gap: number;
     };
     noteTextField: {
-        width: string;
-        marginRight: string;
+        flex: number;
+        minWidth: number;
     };
 };
-export default noteDeleteButtonStyle;
+export default _default;

package/dist/types/components/EditContactModal/components/Section/ContactInformation/components/EditModal/shared/SubsectionBodyContainer/style.d.ts

@@ -1,14 +1,11 @@
-declare const subsectionBodyContainerStyle: {
+declare const _default: {
     container: {
         width: string;
-        borderRadius: number;
-        px: number;
-        py: number;
         display: string;
         flexDirection: string;
         gap: number;
+        py: number;
         overflow: string;
-        maxHeight: string;
     };
 };
-export default subsectionBodyContainerStyle;
+export default _default;

package/dist/types/components/EditContactModal/components/TagsEditor/TagsEditor.d.ts

@@ -1,14 +1,14 @@
-import { ILabel } from '@trii/types/dist/Contacts';
-type TagsEditorProps = {
+import type { ILabel } from '@trii/types/dist/Contacts';
+type Props = {
     value: ILabel[];
     options: ILabel[];
     onChange: (value: ILabel[]) => void;
     onBack: () => void;
-    onSave: () => void;
+    onSave: () => void | Promise<void>;
     isSaving: boolean;
-    onCreateNew: (name: string) => void;
+    onCreateNew: (name: string) => void | Promise<void>;
     isCreatingNew: boolean;
     popperContainer?: HTMLElement | null;
 };
-declare const TagsEditor: ({ value, options, onChange, onBack, onSave, isSaving, onCreateNew, isCreatingNew, popperContainer, }: TagsEditorProps) => import("react/jsx-runtime").JSX.Element;
-export default TagsEditor;
+export default function TagsEditor({ value, options, onChange, onBack, onSave, isSaving, onCreateNew, isCreatingNew, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,5 +1,9 @@
 /// <reference types="react" />
 export declare const EditContactApiProvider: import("react").Provider<{
+    fetchSubscriptions: ({ signal }?: {
+        signal?: AbortSignal;
+    }) => Promise<unknown[]>;
+    unsubscribeAddress: (contactAddressId: string, subscriptionId: string, signal?: AbortSignal) => Promise<unknown>;
     fetchLabels: ({ signal }?: {
         signal?: AbortSignal;
     }) => Promise<import("@trii/types/dist/Contacts").ILabel[]>;
@@ -101,6 +105,10 @@ export declare const EditContactApiProvider: import("react").Provider<{
     }) => Promise<string>;
 }>;
 export declare const useEditContactApi: () => {
+    fetchSubscriptions: ({ signal }?: {
+        signal?: AbortSignal;
+    }) => Promise<unknown[]>;
+    unsubscribeAddress: (contactAddressId: string, subscriptionId: string, signal?: AbortSignal) => Promise<unknown>;
     fetchLabels: ({ signal }?: {
         signal?: AbortSignal;
     }) => Promise<import("@trii/types/dist/Contacts").ILabel[]>;

package/dist/types/components/EditContactModal/layout/EditorSections.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export declare function CustomFields({ fields, currentUser, baseUrl, spaceId, onEntityUpdated, }: {
+    fields: import('@trii/types/dist/Contacts').IContactField[];
+    currentUser?: import('@trii/types/dist/Users').UserTrii | null;
+    baseUrl?: string;
+    spaceId?: string;
+    onEntityUpdated?: (entity: unknown) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EditorSections({ general, channels, addresses, fields, tagsEditor, mode, }: {
+    general: ReactNode;
+    channels: ReactNode;
+    addresses: ReactNode;
+    fields: ReactNode;
+    tagsEditor?: ReactNode;
+    mode?: 'modal' | 'card';
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/EditContactModal/services/api.d.ts

@@ -175,6 +175,8 @@ type UpdateContactAddressBoundArgs = WithSignal & {
     data: UpdateContactAddressData;
 };
 export declare const createEditContactApi: (baseUrl: string, spaceId: string) => {
+    fetchSubscriptions: ({ signal }?: WithSignal) => Promise<unknown[]>;
+    unsubscribeAddress: (contactAddressId: string, subscriptionId: string, signal?: AbortSignal) => Promise<unknown>;
     fetchLabels: ({ signal }?: WithSignal) => Promise<ILabel[]>;
     createLabel: ({ name, signal }: CreateLabelBoundArgs) => Promise<ILabel>;
     fetchContact: ({ contactId, signal }: FetchContactBoundArgs) => Promise<IContact | IBusiness>;

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

@@ -0,0 +1,6 @@
+export declare const SelectPrimaryContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/system").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/system").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
+export declare const SelectSecondaryContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/system").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/system").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;

package/dist/types/components/EventsDialog/components/LocationTextField/MapLocationPicker.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface MapLocationPickerProps {
+    onLocationSelect: (address: string, lat: number, lng: number) => void;
+    initialAddress?: string;
+    onClose?: () => void;
+}
+declare const MapLocationPicker: React.FC<MapLocationPickerProps>;
+export default MapLocationPicker;

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

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

package/dist/types/components/EventsDialog/components/LocationTextField/SendLocation/components/index.d.ts

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

package/dist/types/components/EventsDialog/components/LocationTextField/SendLocation/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './LocationSelectorModal';
+export { default as LocationSelectorModal } from './LocationSelectorModal';
+export type { LocationData } from './types';

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

@@ -0,0 +1,9 @@
+export { default as useField, useFieldInitialState, type UseFieldType } from './useField';
+export { default as useSelect, type UseSelect } from './useSelect';
+export { default as useDialog, useDialogInitialState, type UseDialog } from './useDialog';
+export { default as useEvent, useEventInitialState, type UseEvent, type UseDateState, type UseLinkContact, } from './useEvent';
+export { type UseNotificationsType } from './useNotifications';
+export { default as useTask, useTaskInitialState, type UseTask } from './useTask';
+export { default as useCalendar, useCalendarInitialState, type UseCalendarType, } from './useCalendar';
+export { default as useCalendarEvents, useCalendarEventsInitialState, type UseCalendarEventsType, type CalendarEvent, } from './useCalendarEvents';
+export { default as useCalendarTasks, useCalendarTasksInitialState, type UseCalendarTasksType, type CalendarTask, } from './useCalendarTasks';

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { SelectChangeEvent } from '@mui/material';
+export interface UseSelect {
+    actions: {
+        resetValue: () => void;
+        changeValue: (newValue: string | number) => void;
+    };
+    attributes: {
+        value: string | number;
+        onChange: (event: SelectChangeEvent<string>, child: ReactNode) => void;
+    };
+}
+declare const useSelect: (initialValue: string | number) => UseSelect;
+export default useSelect;

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

@@ -0,0 +1,37 @@
+/**
+ * Utilidades para validación de eventos del calendario
+ */
+export interface CalendarItem {
+    id?: string;
+    start: Date | string;
+    end: Date | string;
+    title?: string;
+    kind?: 'event' | 'task';
+}
+/**
+ * Verifica si dos eventos se solapan en el tiempo
+ */
+export declare const eventsOverlap: (event1: CalendarItem, event2: CalendarItem) => boolean;
+/**
+ * Encuentra todos los eventos que se solapan con un evento dado
+ */
+export declare const findOverlappingEvents: (targetEvent: CalendarItem, allEvents: CalendarItem[]) => CalendarItem[];
+/**
+ * Valida que un evento tenga fechas válidas
+ */
+export declare const validateEventDates: (event: CalendarItem) => {
+    isValid: boolean;
+    error?: string;
+};
+/**
+ * Genera un mensaje descriptivo sobre eventos solapados
+ */
+export declare const getOverlapWarningMessage: (overlappingEvents: CalendarItem[]) => string;
+/**
+ * Calcula la duración de un evento en minutos
+ */
+export declare const getEventDuration: (event: CalendarItem) => number;
+/**
+ * Verifica si un evento es de todo el día
+ */
+export declare const isAllDayEvent: (event: CalendarItem) => boolean;

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

@@ -0,0 +1,5 @@
+/**
+ * Re-exportaciones de googleMapsLoader para mantener compatibilidad
+ * Este archivo actúa como alias para las funciones de Google Maps
+ */
+export { GOOGLE_MAPS_CONFIG, GOOGLE_MAPS_SCRIPT_CONFIG, useGoogleMapsLoader, loadGoogleMapsAsync, getStaticMapUrl, geocodeAddress, } from './googleMapsLoader';

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

@@ -0,0 +1,24 @@
+/**
+ * Utilidades para navegación por teclado en el calendario
+ */
+type View = 'month' | 'week' | 'day' | 'work_week' | 'agenda';
+export interface KeyboardNavigationConfig {
+    onNavigate: (action: 'PREV' | 'NEXT' | 'TODAY' | 'DATE', date?: Date) => void;
+    onViewChange: (view: View) => void;
+    onCreateEvent?: () => void;
+    currentDate: Date;
+    currentView: View;
+}
+/**
+ * Maneja los eventos de teclado para el calendario
+ */
+export declare const handleCalendarKeyDown: (event: KeyboardEvent, config: KeyboardNavigationConfig) => void;
+/**
+ * Genera el mensaje de ayuda para atajos de teclado
+ */
+export declare const getKeyboardShortcutsHelp: () => string;
+/**
+ * Genera los atributos ARIA para el calendario
+ */
+export declare const getCalendarAriaAttributes: (currentView: View, currentDate: Date) => Record<string, string>;
+export {};

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

@@ -0,0 +1,8 @@
+import type { IIntegrationButton } from '@trii/types/dist/Contacts';
+export type IntegrationButtonIconProps = {
+    button: Pick<IIntegrationButton, 'icon_class' | 'icon_color_mode' | 'icon_color_light' | 'icon_color_dark'>;
+    size?: number;
+    className?: string;
+};
+/** Decorative icon: its accessible name comes from the surrounding button/tab. */
+export default function IntegrationButtonIcon({ button, size, className }: IntegrationButtonIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/IntegrationButtonIcon/catalog.d.ts

@@ -0,0 +1,14 @@
+import type { LucideIcon } from "lucide-react";
+export type ButtonIconCategory = "general" | "people" | "documents" | "finance" | "communication" | "operations" | "technology";
+export type ButtonIconDefinition = {
+    id: `lucide:${string}`;
+    name: string;
+    category: ButtonIconCategory;
+    Component: LucideIcon;
+    keywords: string;
+};
+export declare const BUTTON_ICON_CATEGORIES: ButtonIconCategory[];
+export declare const BUTTON_ICONS: ButtonIconDefinition[];
+export declare const DEFAULT_BUTTON_ICON = "lucide:mouse-pointer-click";
+export declare const findButtonIcon: (id: string | null | undefined) => ButtonIconDefinition;
+export declare const normalizeIconSearch: (value: string) => string;

package/dist/types/components/IntegrationButtonIcon/colors.d.ts

@@ -0,0 +1,5 @@
+import type { IIntegrationButton } from "@trii/types/dist/Contacts";
+export type ButtonIconColors = Pick<IIntegrationButton, "icon_color_mode" | "icon_color_light" | "icon_color_dark">;
+export declare const DEFAULT_LIGHT_ICON_COLOR = "#334155";
+export declare const DEFAULT_DARK_ICON_COLOR = "#e2e8f0";
+export declare function resolveButtonIconColor(colors: ButtonIconColors, mode: "light" | "dark"): string | undefined;

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

@@ -0,0 +1,6 @@
+export { default as IntegrationButtonIcon } from './IntegrationButtonIcon';
+export type { IntegrationButtonIconProps } from './IntegrationButtonIcon';
+export { BUTTON_ICONS, BUTTON_ICON_CATEGORIES, DEFAULT_BUTTON_ICON, findButtonIcon, normalizeIconSearch } from './catalog';
+export type { ButtonIconDefinition, ButtonIconCategory } from './catalog';
+export { resolveButtonIconColor, DEFAULT_LIGHT_ICON_COLOR, DEFAULT_DARK_ICON_COLOR } from './colors';
+export type { ButtonIconColors } from './colors';

package/dist/types/components/PanelErrorBoundary/__tests__/PanelErrorBoundary.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -14,3 +14,4 @@ export { default as PanelErrorBoundary } from './PanelErrorBoundary';
 export type { PanelErrorBoundaryProps } from './PanelErrorBoundary';
 export { default as ContactSidebar } from './ContactSidebar';
 export type { ContactSidebarProps, SidebarChatIntegration, StartConversationTarget, } from './ContactSidebar';
+export * from './IntegrationButtonIcon';

package/dist/types/theme/MuiComponentsConfig.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/theme/selectThemeComponents.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@mui/material/styles';
+/** Shared surfaces for selects, autocomplete results and outlined fields. */
+export declare const applySelectThemeComponents: (theme: Theme) => Theme;

package/dist/types/theme/themePreference.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/theme/themeProvider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/contactOwner.d.ts

@@ -0,0 +1,3 @@
+import { IBusiness, IContact } from '@trii/types/dist/Contacts';
+/** La API de contactos todavía serializa owner; el contrato nuevo usa ownerUserId. */
+export declare function getContactOwner(entity: IContact | IBusiness | null | undefined): string | null | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trii/components",
-  "version": "3.1.8",
+  "version": "3.1.11",
   "description": "Trii components package",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -180,9 +180,10 @@
   "dependencies": {
     "@mdi/js": "^7.4.47",
     "@mdi/react": "^1.6.1",
-    "@trii/types": "^2.10.638",
+    "@trii/types": "^2.10.790",
     "date-fns": "^2.30.0",
     "dompurify": "^2.5.8",
+    "lucide-react": "^1.61.0",
     "markdown-it": "^14.1.0",
     "markdown-it-emoji": "^3.0.0",
     "react-file-icon": "^1.6.0",