@trii/components 2.0.33 → 2.0.34

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

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

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

@@ -9,6 +9,7 @@ export interface GeneralProps {
     spaceId?: string;
     t: (key: string) => string;
     currentUser?: UserTrii | null;
+    onEntityUpdated?: (entity: unknown) => void;
 }
 declare const General: (props: GeneralProps) => import("react/jsx-runtime").JSX.Element;
 export default General;

package/dist/cjs/types/components/EditContactModal/shared/BusinessInfoLabel/BusinessInfoLabel.d.ts

@@ -10,6 +10,7 @@ type Props = {
     baseUrl?: string;
     spaceId?: string;
     businessId?: string;
+    onEntityUpdated?: (entity: unknown) => void;
 };
-declare const BusinessInfoLabel: ({ title, value, isNotEditable, inputType, options, displayValue, constructUpdateObject, baseUrl, spaceId, businessId, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BusinessInfoLabel: ({ title, value, isNotEditable, inputType, options, displayValue, constructUpdateObject, baseUrl, spaceId, businessId, onEntityUpdated, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BusinessInfoLabel;

package/dist/cjs/types/components/EditContactModal/shared/ContactInfoLabel/ContactInfoLabel.d.ts

@@ -13,6 +13,7 @@ type BaseProps = {
     spaceId?: string;
     contactId?: string;
     t: (key: string) => string;
+    onEntityUpdated?: (entity: unknown) => void;
 };
 type BirthdayProps = BaseProps & {
     inputType: 'birthday';

package/dist/cjs/types/components/EditContactModal/shared/EntityCustomFieldLabel/EntityCustomFieldLabel.d.ts

@@ -13,6 +13,7 @@ type Props = {
     baseUrl?: string;
     spaceId?: string;
     t: (key: string) => string;
+    onEntityUpdated?: (entity: unknown) => void;
 };
-declare const EntityCustomFieldLabel: ({ property, entity, entityType, entityId, customContactFields, userTrii, baseUrl, spaceId, t, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const EntityCustomFieldLabel: ({ property, entity, entityType, entityId, customContactFields, userTrii, baseUrl, spaceId, t, onEntityUpdated, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default EntityCustomFieldLabel;

package/dist/cjs/types/components/EditContactModal/shared/EntityInfoLabel/EntityInfoLabel.d.ts

@@ -9,6 +9,7 @@ type SharedProps = {
     baseUrl?: string;
     spaceId?: string;
     minWidth?: string | number;
+    onEntityUpdated?: (entity: unknown) => void;
 };
 type ContactBaseProps = SharedProps & {
     entityType: 'contact';

package/dist/esm/index.js

@@ -52162,7 +52162,7 @@ const StyledSaveCancelButton$1 = styled$4(IconButton$2)({
     },
 });
 const EntityInfoLabel = (props) => {
-    const { title, value, isNotEditable, displayValue, baseUrl, spaceId, minWidth, } = props;
+    const { title, value, isNotEditable, displayValue, baseUrl, spaceId, minWidth, onEntityUpdated, } = props;
     const inputType = props.inputType ?? 'text';
     const [isEditing, setIsEditing] = useState(false);
     const [isSaving, setIsSaving] = useState(false);
@@ -52228,13 +52228,14 @@ const EntityInfoLabel = (props) => {
                 if (!entityId) {
                     throw new Error('Missing contactId for updateEntity');
                 }
-                await updateEntity({
+                const updated = await updateEntity({
                     baseUrl,
                     spaceId,
                     entityType: 'contact',
                     entityId,
                     body: updatedContactData,
                 });
+                onEntityUpdated?.(updated);
             }
             else {
                 const updatedBusinessData = props.constructUpdateObject(inputValue);
@@ -52242,13 +52243,14 @@ const EntityInfoLabel = (props) => {
                 if (!entityId) {
                     throw new Error('Missing businessId for updateEntity');
                 }
-                await updateEntity({
+                const updated = await updateEntity({
                     baseUrl,
                     spaceId,
                     entityType: 'business',
                     entityId,
                     body: updatedBusinessData,
                 });
+                onEntityUpdated?.(updated);
             }
         }
         finally {
@@ -52279,12 +52281,12 @@ const EntityInfoLabel = (props) => {
 };
 
 const ContactInfoLabel = (props) => {
-    const { title, value, isNotEditable, options = [], displayValue, constructUpdateObject, businessId, baseUrl, spaceId, contactId, t, } = props;
+    const { title, value, isNotEditable, options = [], displayValue, constructUpdateObject, businessId, baseUrl, spaceId, contactId, t, onEntityUpdated, } = props;
     if (props.inputType === 'birthday') {
-        return (jsxRuntimeExports.jsx(EntityInfoLabel, { entityType: "contact", entityId: contactId, title: title, value: value, isNotEditable: isNotEditable, inputType: "birthday", options: options, displayValue: displayValue, constructUpdateObject: constructUpdateObject, contact: props.contact, businessId: businessId, baseUrl: baseUrl, spaceId: spaceId, t: t, dateFormat: props.dateFormat }));
+        return (jsxRuntimeExports.jsx(EntityInfoLabel, { entityType: "contact", entityId: contactId, title: title, value: value, isNotEditable: isNotEditable, inputType: "birthday", options: options, displayValue: displayValue, constructUpdateObject: constructUpdateObject, contact: props.contact, businessId: businessId, baseUrl: baseUrl, spaceId: spaceId, t: t, dateFormat: props.dateFormat, onEntityUpdated: onEntityUpdated }));
     }
     const inputType = props.inputType ?? 'text';
-    return (jsxRuntimeExports.jsx(EntityInfoLabel, { entityType: "contact", entityId: contactId, title: title, value: value, isNotEditable: isNotEditable, inputType: inputType, options: options, displayValue: displayValue, constructUpdateObject: constructUpdateObject, businessId: businessId, baseUrl: baseUrl, spaceId: spaceId, t: t }));
+    return (jsxRuntimeExports.jsx(EntityInfoLabel, { entityType: "contact", entityId: contactId, title: title, value: value, isNotEditable: isNotEditable, inputType: inputType, options: options, displayValue: displayValue, constructUpdateObject: constructUpdateObject, businessId: businessId, baseUrl: baseUrl, spaceId: spaceId, t: t, onEntityUpdated: onEntityUpdated }));
 };
 
 const CustomPropertyInput = ({ nameKey, value, onChange, type, }) => {
@@ -54120,7 +54122,7 @@ const FieldValue = styled$4(Typography$2)(({ theme }) => ({
     overflow: 'auto',
     whiteSpace: 'break-spaces',
 }));
-const EntityCustomFieldLabel = ({ property, entity, entityType, entityId, customContactFields, userTrii, baseUrl, spaceId, t, }) => {
+const EntityCustomFieldLabel = ({ property, entity, entityType, entityId, customContactFields, userTrii, baseUrl, spaceId, t, onEntityUpdated, }) => {
     const { customProperties } = entity.field;
     const { setCustomProperties } = entity.action;
     const [isEditing, setIsEditing] = useState(false);
@@ -54205,13 +54207,22 @@ const EntityCustomFieldLabel = ({ property, entity, entityType, entityId, custom
             ],
         };
         try {
-            await updateEntity({
+            const updated = await updateEntity({
                 baseUrl,
                 spaceId,
                 entityType,
                 entityId,
                 body: updatedContactData,
             });
+            const nextProperties = customProperties.map((p) => p.nameKey === nameKey
+                ? {
+                    ...p,
+                    type: effectiveType,
+                    value: finalValue,
+                }
+                : p);
+            setCustomProperties(nextProperties);
+            onEntityUpdated?.(updated);
         }
         finally {
             setIsSaving(false);
@@ -54330,7 +54341,7 @@ const EntityCustomFieldLabel = ({ property, entity, entityType, entityId, custom
 };
 
 const ContactGeneral = (props) => {
-    const { dateFormat, entityData, customContactFields, baseUrl, spaceId, t, currentUser } = props;
+    const { dateFormat, entityData, customContactFields, baseUrl, spaceId, t, currentUser, onEntityUpdated } = props;
     const [users, setUsers] = useState([]);
     const [owner, setOwner] = useState(null);
     const [updatedBy, setUpdatedBy] = useState(null);
@@ -54412,9 +54423,9 @@ const ContactGeneral = (props) => {
     };
     return (jsxRuntimeExports.jsx(Section, { title: "General", children: jsxRuntimeExports.jsxs(SectionContent, { children: [jsxRuntimeExports.jsx(ContactInfoLabel, { title: t('contactDetails.contactOwner'), displayValue: owner || '-', value: entityData.owner, inputType: "select", options: users, constructUpdateObject: (value) => ({
                         owner: typeof value === 'string' ? value : '',
-                    }), contact: editContact, baseUrl: baseUrl, spaceId: spaceId, contactId: entityData.id, t: t }), jsxRuntimeExports.jsx(ContactInfoLabel, { title: t('contactDetails.business'), displayValue: entityData.businessName || '-', value: entityData.businessId, inputType: "selectBusiness", businessId: entityData.businessId, contact: editContact, baseUrl: baseUrl, spaceId: spaceId, contactId: entityData.id, t: t }), jsxRuntimeExports.jsx(ContactInfoLabel, { title: t('contactDetails.createdBy'), value: createdBy || '-', isNotEditable: true, contact: editContact, baseUrl: baseUrl, spaceId: spaceId, contactId: entityData.id, t: t }), jsxRuntimeExports.jsx(ContactInfoLabel, { title: t('contactDetails.modifiedBy'), value: updatedBy || '-', isNotEditable: true, contact: editContact, baseUrl: baseUrl, spaceId: spaceId, contactId: entityData.id, t: t }), jsxRuntimeExports.jsx(ContactInfoLabel, { title: t('global.birthdate'), inputType: "birthday", displayValue: birthDate ? `${dateOnlyString} (${calculateAge(birthDate.toDate())})` : '-', value: birthDate ? birthDate.toISOString() : '', constructUpdateObject: (value) => ({
+                    }), contact: editContact, baseUrl: baseUrl, spaceId: spaceId, contactId: entityData.id, t: t, onEntityUpdated: onEntityUpdated }), jsxRuntimeExports.jsx(ContactInfoLabel, { title: t('contactDetails.business'), displayValue: entityData.businessName || '-', value: entityData.businessId, inputType: "selectBusiness", businessId: entityData.businessId, contact: editContact, baseUrl: baseUrl, spaceId: spaceId, contactId: entityData.id, t: t, onEntityUpdated: onEntityUpdated }), jsxRuntimeExports.jsx(ContactInfoLabel, { title: t('contactDetails.createdBy'), value: createdBy || '-', isNotEditable: true, contact: editContact, baseUrl: baseUrl, spaceId: spaceId, contactId: entityData.id, t: t }), jsxRuntimeExports.jsx(ContactInfoLabel, { title: t('contactDetails.modifiedBy'), value: updatedBy || '-', isNotEditable: true, contact: editContact, baseUrl: baseUrl, spaceId: spaceId, contactId: entityData.id, t: t }), jsxRuntimeExports.jsx(ContactInfoLabel, { title: t('global.birthdate'), inputType: "birthday", displayValue: birthDate ? `${dateOnlyString} (${calculateAge(birthDate.toDate())})` : '-', value: birthDate ? birthDate.toISOString() : '', constructUpdateObject: (value) => ({
                         birthDate: value,
-                    }), contact: editContact, baseUrl: baseUrl, spaceId: spaceId, contactId: entityData.id, t: t, dateFormat: dateFormat }), editContact.field.customProperties.map((property) => (jsxRuntimeExports.jsx(EntityCustomFieldLabel, { property: property, entity: editContact, entityType: "contact", entityId: String(entityData.id), customContactFields: customContactFields, userTrii: currentUser, baseUrl: baseUrl, spaceId: spaceId, t: t }, property.nameKey)))] }) }));
+                    }), contact: editContact, baseUrl: baseUrl, spaceId: spaceId, contactId: entityData.id, t: t, dateFormat: dateFormat, onEntityUpdated: onEntityUpdated }), editContact.field.customProperties.map((property) => (jsxRuntimeExports.jsx(EntityCustomFieldLabel, { property: property, entity: editContact, entityType: "contact", entityId: String(entityData.id), customContactFields: customContactFields, userTrii: currentUser, baseUrl: baseUrl, spaceId: spaceId, t: t, onEntityUpdated: onEntityUpdated }, property.nameKey)))] }) }));
 };
 
 const useEditBusiness = ({ business, customContactFields, baseUrl, spaceId }) => {
@@ -54597,12 +54608,12 @@ const useEditBusiness = ({ business, customContactFields, baseUrl, spaceId }) =>
     };
 };
 
-const BusinessInfoLabel = ({ title, value, isNotEditable, inputType = 'text', options = [], displayValue, constructUpdateObject, baseUrl, spaceId, businessId, }) => {
-    return (jsxRuntimeExports.jsx(EntityInfoLabel, { entityType: "business", entityId: businessId, title: title, value: value, isNotEditable: isNotEditable, inputType: inputType, options: options, displayValue: displayValue, constructUpdateObject: constructUpdateObject, baseUrl: baseUrl, spaceId: spaceId }));
+const BusinessInfoLabel = ({ title, value, isNotEditable, inputType = 'text', options = [], displayValue, constructUpdateObject, baseUrl, spaceId, businessId, onEntityUpdated, }) => {
+    return (jsxRuntimeExports.jsx(EntityInfoLabel, { entityType: "business", entityId: businessId, title: title, value: value, isNotEditable: isNotEditable, inputType: inputType, options: options, displayValue: displayValue, constructUpdateObject: constructUpdateObject, baseUrl: baseUrl, spaceId: spaceId, onEntityUpdated: onEntityUpdated }));
 };
 
 const BusinessGeneral = (props) => {
-    const { entityData, customContactFields, baseUrl, spaceId, t, currentUser } = props;
+    const { entityData, customContactFields, baseUrl, spaceId, t, currentUser, onEntityUpdated } = props;
     const [users, setUsers] = useState([]);
     const [owner, setOwner] = useState(null);
     const [updatedBy, setUpdatedBy] = useState(null);
@@ -54672,7 +54683,7 @@ const BusinessGeneral = (props) => {
     }, [entityData, users, currentUser, baseUrl, spaceId]);
     return (jsxRuntimeExports.jsx(Section, { title: "General", children: jsxRuntimeExports.jsxs(SectionContent, { children: [jsxRuntimeExports.jsx(BusinessInfoLabel, { title: t('businessDetails.businessOwner'), value: entityData.owner, displayValue: owner || '-', inputType: "select", options: users, constructUpdateObject: (value) => ({
                         owner: typeof value === 'string' ? value : '',
-                    }), baseUrl: baseUrl, spaceId: spaceId, businessId: entityData.id }), jsxRuntimeExports.jsx(BusinessInfoLabel, { title: t('contactDetails.createdBy'), value: createdBy || '-', isNotEditable: true }), jsxRuntimeExports.jsx(BusinessInfoLabel, { title: t('contactDetails.modifiedBy'), value: updatedBy || '-', isNotEditable: true }), editBusiness.field.customProperties.map((property) => (jsxRuntimeExports.jsx(EntityCustomFieldLabel, { property: property, entity: editBusiness, entityType: "business", entityId: String(entityData.id), customContactFields: customContactFields, userTrii: currentUser, baseUrl: baseUrl, spaceId: spaceId, t: t }, property.nameKey)))] }) }));
+                    }), baseUrl: baseUrl, spaceId: spaceId, businessId: entityData.id, onEntityUpdated: onEntityUpdated }), jsxRuntimeExports.jsx(BusinessInfoLabel, { title: t('contactDetails.createdBy'), value: createdBy || '-', isNotEditable: true }), jsxRuntimeExports.jsx(BusinessInfoLabel, { title: t('contactDetails.modifiedBy'), value: updatedBy || '-', isNotEditable: true }), editBusiness.field.customProperties.map((property) => (jsxRuntimeExports.jsx(EntityCustomFieldLabel, { property: property, entity: editBusiness, entityType: "business", entityId: String(entityData.id), customContactFields: customContactFields, userTrii: currentUser, baseUrl: baseUrl, spaceId: spaceId, t: t, onEntityUpdated: onEntityUpdated }, property.nameKey)))] }) }));
 };
 
 const General = (props) => {
@@ -54685,11 +54696,12 @@ const General = (props) => {
     return normalizedEntityType === 'contact' ? (jsxRuntimeExports.jsx(ContactGeneral, { ...props, entityData: entityData, entityType: "contact" })) : (jsxRuntimeExports.jsx(BusinessGeneral, { ...props, entityData: entityData, entityType: "business" }));
 };
 
-const AddressInformation = ({ entityType, entityData, baseUrl, spaceId, t }) => {
+const AddressInformation = ({ entityType, entityData, baseUrl, spaceId, t, onEntityUpdated, }) => {
     const commonProps = {
         baseUrl,
         spaceId,
         entityId: String(entityData.id),
+        onEntityUpdated,
     };
     const maybeTitle = t('contactDetails.addressInformation');
     const sectionTitle = maybeTitle === 'contactDetails.addressInformation' ? 'Address Information' : maybeTitle;
@@ -54753,6 +54765,18 @@ const EditContactModal = ({ open, onClose, baseUrl, spaceId, contactId, sx, t, }
         setTagsEditorInitialized(false);
         setIsSavingTags(false);
     }, []);
+    const handleEntityUpdated = useCallback((entity) => {
+        if (!entity || typeof entity !== 'object')
+            return;
+        const hasId = 'id' in entity;
+        if (hasId) {
+            actions.setContactData(entity);
+            return;
+        }
+        if (state.contactData) {
+            actions.setContactData({ ...state.contactData, ...entity });
+        }
+    }, [actions, state.contactData]);
     const image = useImage({
         baseUrl,
         spaceId,
@@ -54761,13 +54785,7 @@ const EditContactModal = ({ open, onClose, baseUrl, spaceId, contactId, sx, t, }
             : undefined,
         entityId: state.contactData ? String(state.contactData.id) : undefined,
         initialImageUrl: state.contactData?.imageUrl,
-        onEntityUpdated: (entity) => {
-            if (!entity || typeof entity !== 'object')
-                return;
-            if (!state.contactData)
-                return;
-            actions.setContactData({ ...state.contactData, ...entity });
-        },
+        onEntityUpdated: handleEntityUpdated,
     });
     useEffect(() => {
         if (!open) {
@@ -54858,9 +54876,9 @@ const EditContactModal = ({ open, onClose, baseUrl, spaceId, contactId, sx, t, }
                                                 setView('tags');
                                             }, onUploadPhoto: image.action.uploadImage, onPhotoFileChange: image.inputAtributes.onChange, photoInputRef: image.inputAtributes.ref, isUploadingPhoto: image.isUploading, onDeletePhoto: image.action.deleteImage, isDeletingPhoto: image.isDeleting }), jsxRuntimeExports.jsxs(Box$2, { sx: { px: 1, pb: 2 }, children: [jsxRuntimeExports.jsx(General, { dateFormat: selectors.userTrii?.regCon_dateFormat || 'MM/dd/yyyy', entityType: selectors.contactType === 'contact' || selectors.contactType === 'business'
                                                         ? selectors.contactType
-                                                        : 'contact', entityData: state.contactData, customContactFields: selectors.contactFields, baseUrl: baseUrl, spaceId: spaceId, t: t, currentUser: selectors.userTrii }), jsxRuntimeExports.jsx(AddressInformation, { entityType: selectors.contactType === 'contact' || selectors.contactType === 'business'
+                                                        : 'contact', entityData: state.contactData, customContactFields: selectors.contactFields, baseUrl: baseUrl, spaceId: spaceId, onEntityUpdated: handleEntityUpdated, t: t, currentUser: selectors.userTrii }), jsxRuntimeExports.jsx(AddressInformation, { entityType: selectors.contactType === 'contact' || selectors.contactType === 'business'
                                                         ? selectors.contactType
-                                                        : 'contact', entityData: state.contactData, baseUrl: baseUrl, spaceId: spaceId, t: t }), jsxRuntimeExports.jsx(Section, { title: "Contact Information", children: "C" })] })] }) }), jsxRuntimeExports.jsx(Fade$2, { in: view === 'tags', timeout: 200, mountOnEnter: true, unmountOnExit: true, children: jsxRuntimeExports.jsx(Box$2, { sx: { pt: 0.5, position: 'absolute', inset: 0, overflowY: 'auto' }, children: jsxRuntimeExports.jsx(TagsEditor, { value: draftLabels, options: selectors.labels, onChange: setDraftLabels, onBack: () => setView('main'), onSave: handleSaveTags, isSaving: isSavingTags, t: t }) }) })] }) })) : null }) }) }));
+                                                        : 'contact', entityData: state.contactData, baseUrl: baseUrl, spaceId: spaceId, onEntityUpdated: handleEntityUpdated, t: t }), jsxRuntimeExports.jsx(Section, { title: "Contact Information", children: "C" })] })] }) }), jsxRuntimeExports.jsx(Fade$2, { in: view === 'tags', timeout: 200, mountOnEnter: true, unmountOnExit: true, children: jsxRuntimeExports.jsx(Box$2, { sx: { pt: 0.5, position: 'absolute', inset: 0, overflowY: 'auto' }, children: jsxRuntimeExports.jsx(TagsEditor, { value: draftLabels, options: selectors.labels, onChange: setDraftLabels, onBack: () => setView('main'), onSave: handleSaveTags, isSaving: isSavingTags, t: t }) }) })] }) })) : null }) }) }));
 };
 
 export { ContactInfoPopup, EditContactModal };