@trii/components 2.0.31 → 2.0.34

package/dist/cjs/index.js

@@ -4,12 +4,6 @@ var React$1 = require('react');
 var material = require('@mui/material');
 var react = require('@emotion/react');
 var ReactDOM = require('react-dom');
-require('react-i18next');
-require('features/Views/BusinessCreate/hooks/useCreateBusiness/useCreateBusiness');
-require('react-redux');
-require('hooks/useAppDispatch');
-require('ReduxToolkit/features/businessSlice/businessSlice');
-require('ReduxToolkit/features/contactsSlice/contactsSlice');
 
 function _interopNamespaceDefault(e) {
 	var n = Object.create(null);
@@ -25858,7 +25852,7 @@ const useEditContact = ({ contact, customContactFields, baseUrl, spaceId }) => {
     const apiDispatch = async (maybePromise) => maybePromise;
     const { getEditedField } = editContactHelper;
     const [customProperties, setCustomProperties] = React$1.useState([]);
-    const [selectedBusiness, setSelectedBusiness] = React$1.useState([]);
+    // const [selectedBusiness, setSelectedBusiness] = useState<SimplifiedBusiness[]>([]);
     const contactFirstname = useField$1('text', contact?.firstName || '');
     const contactLastname = useField$1('text', contact?.lastName || '');
     const contactImage = useImage({
@@ -25937,8 +25931,8 @@ const useEditContact = ({ contact, customContactFields, baseUrl, spaceId }) => {
                 ? contactImage.removeParams(contactImage.imageUrl)
                 : null,
             properties: customProperties,
-            businessId: selectedBusiness[0]?.businessId || '',
-            businessName: selectedBusiness[0]?.businessName || '',
+            // businessId: selectedBusiness[0]?.businessId || '',
+            // businessName: selectedBusiness[0]?.businessName || '',
             birthDate: birthDate?.toDate(),
         };
         return editedContact;
@@ -25948,12 +25942,12 @@ const useEditContact = ({ contact, customContactFields, baseUrl, spaceId }) => {
         if (!contact)
             return;
         if (!contact.businessId || !contact.businessName) {
-            setSelectedBusiness([]);
+            // setSelectedBusiness([]);
             return;
         }
-        setSelectedBusiness([
-            { businessId: contact.businessId, businessName: contact.businessName },
-        ]);
+        // setSelectedBusiness([
+        //   { businessId: contact.businessId, businessName: contact.businessName },
+        // ]);
     }
     function resetBirthDate() {
         setBirthDate(contact?.birthDate ? dayjs(contact.birthDate) : null);
@@ -26007,14 +26001,7 @@ const useEditContact = ({ contact, customContactFields, baseUrl, spaceId }) => {
         if (contact?.tags) {
             labelMultipleSelect.actions.setValue(contact.tags);
         }
-        if (contact?.businessId && contact.businessName) {
-            setSelectedBusiness([
-                { businessId: contact.businessId, businessName: contact.businessName },
-            ]);
-        }
-        else {
-            setSelectedBusiness([]);
-        }
+        if (contact?.businessId && contact.businessName) ;
     }, [contact]);
     return {
         field: {
@@ -26043,7 +26030,7 @@ const useEditContact = ({ contact, customContactFields, baseUrl, spaceId }) => {
             secondaryCountry,
             customProperties,
             labelMultipleSelect,
-            selectedBusiness,
+            // selectedBusiness,
         },
         action: {
             setBirthDate,
@@ -26057,7 +26044,7 @@ const useEditContact = ({ contact, customContactFields, baseUrl, spaceId }) => {
             addWhatsapp,
             addRCS,
             replaceAddress,
-            setSelectedBusiness,
+            // setSelectedBusiness,
             addWhatsappVerified,
             resetToInitialContactInformation,
             resetSelectedBusiness,
@@ -26080,13 +26067,6 @@ const resolveUserLabel = ({ userId, users, currentUser, }) => {
     return fromUsers?.name?.trim() || fromUsers?.email || null;
 };
 
-material.styled('div')({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-around',
-    padding: '16px',
-});
-
 var weekOfYear = {exports: {}};
 
 (function (module, exports) {
@@ -52202,7 +52182,7 @@ const StyledSaveCancelButton$1 = material.styled(material.IconButton)({
     },
 });
 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] = React$1.useState(false);
     const [isSaving, setIsSaving] = React$1.useState(false);
@@ -52268,13 +52248,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);
@@ -52282,13 +52263,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 {
@@ -52319,12 +52301,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, }) => {
@@ -54160,7 +54142,7 @@ const FieldValue = material.styled(material.Typography)(({ 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] = React$1.useState(false);
@@ -54245,13 +54227,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);
@@ -54370,7 +54361,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] = React$1.useState([]);
     const [owner, setOwner] = React$1.useState(null);
     const [updatedBy, setUpdatedBy] = React$1.useState(null);
@@ -54452,9 +54443,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 }) => {
@@ -54637,12 +54628,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] = React$1.useState([]);
     const [owner, setOwner] = React$1.useState(null);
     const [updatedBy, setUpdatedBy] = React$1.useState(null);
@@ -54712,7 +54703,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) => {
@@ -54725,11 +54716,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;
@@ -54793,6 +54785,18 @@ const EditContactModal = ({ open, onClose, baseUrl, spaceId, contactId, sx, t, }
         setTagsEditorInitialized(false);
         setIsSavingTags(false);
     }, []);
+    const handleEntityUpdated = React$1.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,
@@ -54801,13 +54805,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,
     });
     React$1.useEffect(() => {
         if (!open) {
@@ -54898,9 +54896,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(material.Box, { 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(material.Fade, { in: view === 'tags', timeout: 200, mountOnEnter: true, unmountOnExit: true, children: jsxRuntimeExports.jsx(material.Box, { 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(material.Fade, { in: view === 'tags', timeout: 200, mountOnEnter: true, unmountOnExit: true, children: jsxRuntimeExports.jsx(material.Box, { 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 }) }) }));
 };
 
 exports.ContactInfoPopup = ContactInfoPopup;