@trii/components 3.1.9 → 3.1.11

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const StyledContactConversationButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: import("react").Ref<HTMLButtonElement>;
-}, "style" | "className" | "tabIndex" | "color" | "children" | "sx" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableFocusRipple" | "size" | "variant" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "style" | "className" | "tabIndex" | "color" | "children" | "sx" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableFocusRipple" | "size" | "variant" | "disableElevation" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/types/components/ContactSidebar/components/PanelView/components/ContactData/components/Contact/AddressCard.d.ts

@@ -0,0 +1,19 @@
+import { ChannelType } from '@trii/types/dist/Common/Channels';
+import type { IContactAddress } from '@trii/types/dist/Contacts';
+import React from 'react';
+interface Props {
+    contactAddress: IContactAddress;
+    icon: React.ReactNode;
+    type: ChannelType;
+    showCampaign: boolean;
+    handleCreateConversation: (id: string) => void;
+    handleCallContact: (address: string) => void;
+    handleSetFavorite: (id: string, value: boolean) => Promise<void>;
+    openModalSubs: (address: IContactAddress) => void;
+}
+export default function AddressCard(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function AddressCardView({ contactAddress: a, icon, type, showCampaign, handleCreateConversation, handleCallContact, handleSetFavorite, openModalSubs, hasChatIntegration, image, }: Props & {
+    hasChatIntegration?: boolean;
+    image?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,8 +1,9 @@
 import React from 'react';
-import { IContact, IBusiness, IContactAddress } from '@trii/types/dist/Contacts';
 import { ChannelType } from '@trii/types/dist/Common/Channels';
+import { IBusiness, IContact, IContactAddress } from '@trii/types/dist/Contacts';
 interface ContactProps {
     contactList: IContactAddress[];
+    destinationList?: IContactAddress[];
     icon: React.ReactNode;
     title: string;
     showCampaign?: boolean;
@@ -12,5 +13,5 @@ interface ContactProps {
     contactInfo: IContact | IBusiness;
     type: ChannelType;
 }
-declare const Contact: ({ contactList, icon, showCampaign, contactId, setContactInfo, contactInfo, type, }: ContactProps) => import("react/jsx-runtime").JSX.Element;
+declare const Contact: ({ contactList, destinationList, icon, showCampaign, contactId, setContactInfo, contactInfo, type, }: ContactProps) => import("react/jsx-runtime").JSX.Element;
 export default Contact;

package/dist/types/components/ContactSidebar/components/PanelView/components/ContactData/components/Contact/CopyAddress.d.ts

@@ -0,0 +1,3 @@
+export default function CopyAddress({ address }: {
+    address: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,7 @@
 import { Property } from '@trii/types/dist/Contacts';
 interface Props {
     properties: Property[];
+    compact?: boolean;
 }
-declare const Properties: ({ properties }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Properties: ({ properties, compact }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Properties;

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

@@ -1,4 +1 @@
-/// <reference types="react" />
-import { ContactProps } from '../../types/ContactProps';
-declare const ContactDataDetails: import("react").ForwardRefExoticComponent<ContactProps & import("react").RefAttributes<HTMLElement>>;
-export default ContactDataDetails;
+export default function ContactDataDetails(): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ContactSidebar/components/PanelView/components/ContactEvent/components/AddEvent/styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const StyledButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: import("react").Ref<HTMLButtonElement>;
-}, "style" | "className" | "tabIndex" | "color" | "children" | "sx" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableFocusRipple" | "size" | "variant" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "style" | "className" | "tabIndex" | "color" | "children" | "sx" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableFocusRipple" | "size" | "variant" | "disableElevation" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

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

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

@@ -1,8 +1,6 @@
-interface AudioMessageProps {
-    messageId?: string;
+/** Only a user play request may create WaveSurfer (which downloads to decode peaks). */
+export default function AudioMessage({ audioUrl, messageId, autoPlay, }: {
     audioUrl: string;
-    handleTryAgainAudio?: () => void;
-    timestamp?: number | string;
-}
-declare const AudioMessage: ({ audioUrl, messageId, handleTryAgainAudio, timestamp, }: AudioMessageProps) => import("react/jsx-runtime").JSX.Element;
-export default AudioMessage;
+    messageId?: string;
+    autoPlay?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ContactSidebar/components/PanelView/components/ContactMedia/components/AudioMessage/utils/getNewWaveSurfer.d.ts

@@ -1 +1 @@
-export declare const getNewWaveSurfer: (container: string, progressColor: string) => any;
+export declare const getNewWaveSurfer: (container: string | HTMLElement, progressColor: string) => any;

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

@@ -1,11 +1,6 @@
 import MediaFile from '../../../../../../types/MediaFile';
-import { MessageHeaderType } from '@trii/types/dist/Common/Messages';
-type PhotoProps = {
-    files: MediaFile[];
-    handleTryAgain?: () => void;
-    messageId?: string;
-    type?: 'sticker' | 'file';
-    templateFileType?: MessageHeaderType;
-};
-declare const Image: ({ files, handleTryAgain, messageId, type, templateFileType, }: PhotoProps) => import("react/jsx-runtime").JSX.Element;
-export default Image;
+/** Fixed-size thumbnail. Videos are placeholders: no video request before opening. */
+export default function Image({ file, onOpen }: {
+    file: MediaFile;
+    onOpen: () => void;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { SearchMediaItem, SearchMediaType } from '../../../../services/mediaApi';
+import MediaFile from '../../../../types/MediaFile';
+export interface MediaEntry {
+    key: string;
+    messageId: string;
+    timestamp: SearchMediaItem['timestamp'];
+    file: MediaFile;
+}
+/** One row per attachment, never one copy of the whole message per attachment. */
+export declare function mediaEntries(messages: SearchMediaItem[], type: SearchMediaType): MediaEntry[];

package/dist/types/components/ContactSidebar/components/PanelView/components/ContactTask/components/AddTask/styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const StyledButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: import("react").Ref<HTMLButtonElement>;
-}, "style" | "className" | "tabIndex" | "color" | "children" | "sx" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableFocusRipple" | "size" | "variant" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "style" | "className" | "tabIndex" | "color" | "children" | "sx" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableFocusRipple" | "size" | "variant" | "disableElevation" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -0,0 +1,4 @@
+export default function IntegrationButtonSearch({ value, handleChange, }: {
+    value: number;
+    handleChange: (value: number) => void;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export default function SidebarLoadError({ onRetry }: {
+    onRetry?: () => void;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ReferencePanelRoot: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -2,6 +2,17 @@ import type { Theme } from '@mui/material';
 /** Estilos compartidos por las barras de tabs verticales del panel lateral. */
 export declare const getVerticalSidebarTabsStyles: (theme: Theme) => {
     height: string;
+    maxHeight: string;
+    minHeight: number;
+    flexShrink: number;
+    '& .MuiTabs-scroller': {
+        scrollbarWidth: string;
+        msOverflowStyle: string;
+        '&::-webkit-scrollbar': {
+            display: string;
+        };
+        overscrollBehaviorY: string;
+    };
     minWidth: string;
     borderLeft: string;
     bgcolor: string;

package/dist/types/components/ContactSidebar/context/MediaViewerContext.d.ts

@@ -7,7 +7,7 @@ import { MessageImage } from '@trii/types/dist/Common/Messages';
  */
 export interface MediaViewerValue {
     /** Abre el visor con la lista dada, posicionado en index. */
-    openMedia: (files: MessageImage[], index: number) => void;
+    openMedia: (files: MessageImage[], index: number, resolveUrls?: boolean) => void;
 }
 export declare const MediaViewerProvider: ({ children }: {
     children: ReactNode;

package/dist/types/components/ContactSidebar/context/SidebarDataContext.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, Dispatch, ReactNode, SetStateAction } from 'react';
+import { ChangeEvent, ReactNode } from 'react';
 import { IBusiness, IContact, IContactChangeLog, IContactField, IFile, IIntegrationButton, INote, Relationship } from '@trii/types/dist/Contacts';
 import { IConversation, ILabel } from '@trii/types/dist/Conversations';
 import { IEvent, ITask } from '@trii/types/dist/Calendar';
@@ -19,12 +19,6 @@ export interface SidebarResource<T> {
     /** Aborta y vuelve a idle/null (equivalente a los reset* del slice). */
     reset: () => void;
 }
-/** Resultado de la última subida (antes selectUploadMedia del host). */
-export interface UploadedFileMedia {
-    id: string;
-    name: string;
-    url: string;
-}
 export interface FilesResource extends SidebarResource<IFile[]> {
     /** DELETE + refetch (mismo comportamiento que el deleteFile del provider). */
     remove: (fileId: string) => Promise<void>;
@@ -34,13 +28,9 @@ export interface FilesResource extends SidebarResource<IFile[]> {
     create: (data: contactApi.CreateContactFileData) => Promise<void>;
     /** Sube los archivos del input a media y refetchea la lista. */
     upload: (event: ChangeEvent<HTMLInputElement>, withProgress?: boolean) => void;
-    /** Cola de subidas en curso (filas transitorias de la lista). */
+    /** Filas transitorias, administradas enteramente por el proveedor. */
     toUpload: IFile[];
-    setToUpload: Dispatch<SetStateAction<IFile[]>>;
-    /** Última media subida; dispara el registro del archivo en ContactFiles. */
-    lastUploaded: UploadedFileMedia | null;
-    /** POST /files y devuelve el IFile creado, sin refetch (antes setNewFile). */
-    registerUploaded: (data: contactApi.RegisterUploadedFileData) => Promise<IFile>;
+    mutationFailed: boolean;
     /** Progreso de la variante withProgress (antes selectores de documentFile*). */
     isUploading: boolean;
     uploadProgress: number;
@@ -48,6 +38,7 @@ export interface FilesResource extends SidebarResource<IFile[]> {
 export interface MediaResource {
     data: mediaApi.SearchMediaItem[];
     status: ResourceStatus;
+    hasMore: boolean;
     fetch: (type: mediaApi.SearchMediaType) => Promise<void>;
     /** Paginación por scroll: agrega al final (concat, como el slice). */
     fetchMore: (type: mediaApi.SearchMediaType, pos: string) => Promise<void>;
@@ -138,14 +129,14 @@ export interface SidebarDataValue {
     };
 }
 export interface ButtonDataEntry {
-    buttonId: number;
+    buttonId: string;
     contactId: string;
     data: unknown;
 }
 export interface SectionsResource extends SidebarResource<IIntegrationButton[]> {
     /** Cache de datos por botón+contacto (antes jsonButtonData del slice). */
     buttonData: ButtonDataEntry[];
-    fetchButtonData: (buttonId: number, buttonContactId: string) => Promise<void>;
+    fetchButtonData: (buttonId: string, buttonContactId: string) => Promise<void>;
 }
 export interface LabelsResource extends SidebarResource<ILabel[]> {
     /** POST + refetch; devuelve la etiqueta creada. */

package/dist/types/components/ContactSidebar/context/SidebarPropsContext.d.ts

@@ -86,3 +86,5 @@ export interface StartConversationTarget {
 }
 export declare const SidebarPropsProvider: import("react").Provider<SidebarProps>;
 export declare function useSidebarProps(): SidebarProps;
+/** Optional integration for editors also mounted outside the sidebar. */
+export declare function useOptionalSidebarProps(): SidebarProps;

package/dist/types/components/ContactSidebar/hooks/useConversationHistory.d.ts

@@ -0,0 +1,16 @@
+import { IConversation } from '@trii/types/dist/Conversations';
+import type { ResourceStatus } from '../context/SidebarDataContext';
+export declare function useConversationHistory(): {
+    fetch: (refresh?: boolean) => Promise<void>;
+    refetch: () => Promise<void>;
+    scope: object;
+    data: IConversation[];
+    status: ResourceStatus;
+    hasMore: boolean;
+} | {
+    fetch: (refresh?: boolean) => Promise<void>;
+    refetch: () => Promise<void>;
+    data: any[];
+    status: "idle";
+    hasMore: boolean;
+};

package/dist/types/components/ContactSidebar/hooks/useSidebarScope.d.ts

@@ -0,0 +1,5 @@
+/** Una generación por selección, incluso para A → B → A. */
+export declare function useSidebarScope(resetKey?: string | null): {
+    scope: {};
+    isCurrent: () => boolean;
+};

package/dist/types/components/ContactSidebar/i18n/useMediaText.d.ts

@@ -0,0 +1,2 @@
+import es from './locales/es.json';
+export declare function useMediaText(): (key: keyof typeof es.mediaBrowser, values?: Record<string, string | number>) => string;

package/dist/types/components/ContactSidebar/i18n/useReferenceText.d.ts

@@ -0,0 +1,3 @@
+import es from './locales/es.json';
+/** Labels introduced by the reference panel, on the sidebar's own i18n instance. */
+export declare function useReferenceText(): (key: keyof typeof es.referencePanel, values?: Record<string, string | number>) => string;

package/dist/types/components/ContactSidebar/services/buttonsApi.d.ts

@@ -9,7 +9,7 @@ type ApiArgs = SidebarApiConfig & {
 };
 export declare function fetchButtons({ baseUrl, spaceId, signal, }: ApiArgs): Promise<IIntegrationButton[]>;
 export declare function fetchButtonData({ baseUrl, spaceId, buttonId, contactId, signal, }: ApiArgs & {
-    buttonId: number;
+    buttonId: string;
     contactId: string;
 }): Promise<unknown>;
 export {};

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

@@ -0,0 +1,52 @@
+import { IBusiness, IContact } from '@trii/types/dist/Contacts';
+import { ChannelType } from '@trii/types/dist/Common/Channels';
+export declare const contactChannels: readonly [{
+    readonly property: "phones";
+    readonly type: ChannelType.CALL;
+    readonly title: "conversations.contactInfo.phone";
+    readonly icon: "PhoneEnabled";
+    readonly showCampaign: false;
+}, {
+    readonly property: "ims_whatsapp";
+    readonly type: ChannelType.WHATSAPP;
+    readonly title: "WhatsApp";
+    readonly icon: "WhatsApp";
+    readonly showCampaign: true;
+}, {
+    readonly property: "emails";
+    readonly type: ChannelType.EMAIL;
+    readonly title: "Email";
+    readonly icon: "Email";
+    readonly showCampaign: true;
+}, {
+    readonly property: "ims_facebook";
+    readonly type: ChannelType.FACEBOOK;
+    readonly title: "Facebook";
+    readonly icon: "Facebook";
+    readonly showCampaign: true;
+}, {
+    readonly property: "ims_instagram";
+    readonly type: ChannelType.INSTAGRAM;
+    readonly title: "Instagram";
+    readonly icon: "Instagram";
+    readonly showCampaign: true;
+}, {
+    readonly property: "ims_webchat";
+    readonly type: ChannelType.WEBCHAT;
+    readonly title: "Webchat";
+    readonly icon: "Forum";
+    readonly showCampaign: true;
+}, {
+    readonly property: "ims_mercadolibre";
+    readonly type: ChannelType.MERCADOLIBRE;
+    readonly title: "Mercado Libre";
+    readonly icon: "Storefront";
+    readonly showCampaign: true;
+}, {
+    readonly property: "ims_rcs";
+    readonly type: ChannelType.RCS;
+    readonly title: "RCS";
+    readonly icon: "Sms";
+    readonly showCampaign: true;
+}];
+export declare function updateChannelFavorite(entity: IContact | IBusiness, type: ChannelType, id: string, value: boolean): IContact | IBusiness;

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

@@ -0,0 +1,8 @@
+import { ConversationContextField, IConversation } from '@trii/types/dist/Conversations';
+export type ConversationDisplayField = Pick<ConversationContextField, 'key' | 'label' | 'value'>;
+/** Adaptación de lectura mientras los hosts migran botVars/assignedTo al contrato nuevo. */
+export declare function getConversationFields(conversation: IConversation | null | undefined): ConversationDisplayField[];
+export declare function getAssignmentLabels(conversation: IConversation): {
+    userName: string;
+    groupName: string;
+};

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

@@ -1,4 +1,5 @@
 type Props = {
+    targetAddress?: string;
     baseUrl?: string;
     spaceId?: string;
     entityType: 'contact' | 'business';
@@ -6,5 +7,5 @@ type Props = {
     onBack: () => void;
     onEntityUpdated?: (entity: unknown) => void;
 };
-declare const SearchLocationEditor: ({ baseUrl, spaceId, entityType, entityId, onBack, onEntityUpdated, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const SearchLocationEditor: ({ targetAddress, baseUrl, spaceId, entityType, entityId, onBack, onEntityUpdated, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default SearchLocationEditor;

package/dist/types/components/EditContactModal/components/Section/AddressInformation/AddressInformation.d.ts

@@ -5,7 +5,6 @@ export type AddressInformationProps = {
     baseUrl?: string;
     spaceId?: string;
     onEntityUpdated?: (entity: unknown) => void;
-    onDirectionSearchClick?: () => void;
+    onDirectionSearchClick?: (target?: 'address1' | 'address2') => void;
 };
-declare const AddressInformation: ({ entityType, entityData, baseUrl, spaceId, onEntityUpdated, onDirectionSearchClick, }: AddressInformationProps) => import("react/jsx-runtime").JSX.Element;
-export default AddressInformation;
+export default function AddressInformation({ onDirectionSearchClick, ...props }: AddressInformationProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/EditContactModal/components/Section/ContactInformation/components/ContactMethod/ContactMethod.d.ts

@@ -1,11 +1,8 @@
-import { IContactAddress } from '@trii/types/dist/Contacts';
-import { IBusiness, IContact } from '@trii/types/dist/Contacts/contacts';
-interface Props {
+import type { IContactAddress } from '@trii/types/dist/Contacts';
+export default function ContactMethod({ title, methodItems, handleEdit, }: {
     title: string;
     methodItems: IContactAddress[];
     isPhone?: boolean;
-    handleEdit: () => void;
-    owner?: IBusiness | IContact;
-}
-declare const ContactMethod: ({ title, methodItems, isPhone, handleEdit, owner }: Props) => import("react/jsx-runtime").JSX.Element;
-export default ContactMethod;
+    owner?: unknown;
+    handleEdit?: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/EditContactModal/components/Section/ContactInformation/components/ContactMethod/SubscriptionDialog.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import type { IContactAddress } from '@trii/types/dist/Contacts';
+type Props = {
+    openModal: boolean;
+    onClose: () => void;
+    icon: ReactNode;
+    contactAddress: IContactAddress;
+    onAddressUpdated: (address: IContactAddress) => void;
+};
+export default function SubscriptionDialog({ openModal, onClose, icon, contactAddress, onAddressUpdated, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,12 +1,14 @@
-declare const informationItemContainerStyle: {
+declare const _default: {
     container: {
-        border: string;
+        border: number;
+        borderColor: string;
         borderRadius: number;
         p: number;
         width: string;
         display: string;
         flexDirection: string;
         gap: number;
+        bgcolor: string;
     };
 };
-export default informationItemContainerStyle;
+export default _default;

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

@@ -1,8 +1,16 @@
-declare const informationItemInputsContainerStyle: {
+declare const _default: {
     container: {
         display: string;
-        gap: string;
+        gridTemplateColumns: {
+            xs: string;
+            sm: string;
+        };
+        gap: number;
         alignItems: string;
+        '& > *': {
+            width: string;
+            minWidth: number;
+        };
     };
 };
-export default informationItemInputsContainerStyle;
+export default _default;

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/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';