@aglyn/plugins-crm 1.0.0-beta.221 → 1.0.0-beta.223

package/src/lib/components/contact-properties-card.js

@@ -17,23 +17,26 @@
 import { _ as _extends } from "@swc/helpers/_/_extends";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as Aglyn from "@aglyn/aglyn";
-import { CONTACT_LIFECYCLE_STAGE_LABELS, CONTACT_LIFECYCLE_STAGES, crmTelHref, normalizePhone } from "@aglyn/aglyn";
+import { composeContactName, CONTACT_BIRTHDATE_REFUSAL, CONTACT_EXTRA_PHONE_FIELDS, CONTACT_LIFECYCLE_STAGE_LABELS, CONTACT_LIFECYCLE_STAGES, CONTACT_NAME_PART_MAX, CONTACT_PHONE_FIELD_LABELS, CRM_SALUTATION_PICKLIST, crmTelHref, normalizeContactBirthdate, normalizePhone } from "@aglyn/aglyn";
 import { mdiPhoneOutline } from "@aglyn/shared-data-mdi";
 import { CardDisplay, MdiIcon } from "@aglyn/shared-ui-jsx";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
 import { useUser, writeGuardedBySeed } from "@aglyn/tenant-feature-instance";
-import { Button, Grid, IconButton, InputAdornment, MenuItem, Stack, TextField, Tooltip, Typography } from "@mui/material";
+import { Button, Checkbox, FormControlLabel, FormHelperText, Grid, IconButton, InputAdornment, MenuItem, Stack, TextField, Tooltip, Typography } from "@mui/material";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useContactFieldDefinitions } from "../hooks/use-contact-field-definitions.js";
 import { useContactUpdate } from "../hooks/use-contact-update.js";
 import { useCrmActivityLogger } from "../hooks/use-crm-activity-logger.js";
+import { useCrmPicklist } from "../hooks/use-crm-picklist.js";
 import { useLeadSourcePicklist } from "../hooks/use-lead-source-picklist.js";
 import { parseContactTags } from "../model/contact-record.js";
 import { setContactStage } from "../model/crm-api.js";
 import { crmCustomDraftChanges, crmCustomDraftMissingRequired, crmCustomDraftValue } from "../model/crm-custom-draft.js";
 import { CompanyPicker, useCompanyOptions, useCreateCompany } from "./company-picker.js";
 import { addressDraftFrom, ContactAddressFields } from "./contact-address-fields.js";
+import { ContactReportsToField } from "./contact-reports-to-field.js";
 import { CrmCustomFieldControl } from "./crm-custom-field-control.js";
+import { CrmPicklistSelect } from "./picklist-select.js";
 import { crmSuiteLockedReason } from "./crm-suite-lock.js";
 import { LeadSourceSelect } from "./lead-source-select.js";
 /**
@@ -93,6 +96,17 @@ import { LeadSourceSelect } from "./lead-source-select.js";
  * and the helper says what a blank falls back to, so nobody clears the
  * field expecting the record to go nameless.
  *
+ * ## Salesforce's sections (AGL-3515)
+ *
+ * The fields are grouped the way Salesforce's contact Details groups them —
+ * Contact information, Phones, Addresses, Additional information — and every
+ * one is still one draft and one Save. While the holder keeps a first or
+ * last name the Name field shows their composition and is read-only; the
+ * save sends the parts, and the route composes the name from them. The
+ * salutation and the reports-to are sent only when they change, for the
+ * lead source's reason: the route judges a sent one. Do not call is a hint
+ * on every phone's call link, never a block.
+ *
  * ## Company is a record, with its name kept beside it
  *
  * The Company field is the picker (AGL-2613): the link is `companyId` in
@@ -104,7 +118,50 @@ import { LeadSourceSelect } from "./lead-source-select.js";
  * not the id; a record that carries a name with no link — an import, a save
  * from before the picker — keeps it as the label, and the picker offers it
  * as the company to link or create.
- */ export function ContactPropertiesCard(props) {
+ */ /** The phone fields the card edits, in the order the Phones section lists them. */ const PHONE_FIELDS = [
+    'phone',
+    ...CONTACT_EXTRA_PHONE_FIELDS
+];
+const phoneDraftsFrom = (record)=>Object.fromEntries(PHONE_FIELDS.map((field)=>{
+        var _record_field;
+        return [
+            field,
+            String((_record_field = record[field]) != null ? _record_field : '')
+        ];
+    }));
+/** The phones as the route stores them, or the fields that cannot be read as numbers. */ function readPhones(drafts) {
+    const phones = {};
+    const errors = {};
+    for (const field of PHONE_FIELDS){
+        const typed = drafts[field].trim();
+        const normalized = typed ? normalizePhone(typed) : '';
+        if (normalized === null) errors[field] = PHONE_HELP_ERROR;
+        else phones[field] = normalized;
+    }
+    return Object.keys(errors).length ? {
+        ok: false,
+        errors
+    } : {
+        ok: true,
+        phones
+    };
+}
+const PHONE_HELP = 'With the country code, like +1 512 555 0107';
+const PHONE_HELP_ERROR = 'Enter it with its country code, like +1 512 555 0107.';
+/** A section heading inside the card — Salesforce's Details groups its fields the same way. */ function SectionHeading(props) {
+    return /*#__PURE__*/ _jsx(Grid, {
+        size: {
+            xs: 12
+        },
+        children: /*#__PURE__*/ _jsx(Typography, {
+            variant: "subtitle2",
+            color: "text.secondary",
+            children: props.children
+        })
+    });
+}
+export function ContactPropertiesCard(props) {
+    var _record_salutation, _record_firstName, _record_lastName, _record_department, _record_birthdate, _record_assistantName, _record_reportsToContactId, _record_salutation1;
     const { hostId, org, record, orgId = null, consentGroup, seed, members, suiteLocked = false } = props;
     const { data: user } = useUser();
     const { enqueueSnackbar } = useSnackbar();
@@ -127,8 +184,17 @@ import { LeadSourceSelect } from "./lead-source-select.js";
         org
     });
     const [nameOverride, setNameOverride] = useState(record.nameOverride);
-    const [phone, setPhone] = useState(record.phone);
+    const [salutation, setSalutation] = useState((_record_salutation = record.salutation) != null ? _record_salutation : '');
+    const salutations = useCrmPicklist(CRM_SALUTATION_PICKLIST, orgId);
+    const [firstName, setFirstName] = useState((_record_firstName = record.firstName) != null ? _record_firstName : '');
+    const [lastName, setLastName] = useState((_record_lastName = record.lastName) != null ? _record_lastName : '');
+    const [phones, setPhones] = useState(()=>phoneDraftsFrom(record));
+    const [doNotCall, setDoNotCall] = useState(record.doNotCall === true);
     const [jobTitle, setJobTitle] = useState(record.jobTitle);
+    const [department, setDepartment] = useState((_record_department = record.department) != null ? _record_department : '');
+    const [birthdate, setBirthdate] = useState((_record_birthdate = record.birthdate) != null ? _record_birthdate : '');
+    const [assistantName, setAssistantName] = useState((_record_assistantName = record.assistantName) != null ? _record_assistantName : '');
+    const [reportsTo, setReportsTo] = useState((_record_reportsToContactId = record.reportsToContactId) != null ? _record_reportsToContactId : '');
     // Salesforce's Lead Source (AGL-3298), carried from the lead on conversion.
     const [leadSource, setLeadSource] = useState(record.leadSource);
     const leadSources = useLeadSourcePicklist(orgId);
@@ -139,7 +205,9 @@ import { LeadSourceSelect } from "./lead-source-select.js";
     const [tags, setTags] = useState(record.tags.join(', '));
     const [notes, setNotes] = useState(record.notes);
     const [address, setAddress] = useState(addressDraftFrom(record.address));
-    const [phoneError, setPhoneError] = useState('');
+    const [otherAddress, setOtherAddress] = useState(addressDraftFrom(record.otherAddress));
+    const [phoneErrors, setPhoneErrors] = useState({});
+    const [birthdateError, setBirthdateError] = useState('');
     const [saving, setSaving] = useState(false);
     /** The custom values the reader touched; every other key reads from the record. */ const [custom, setCustom] = useState({});
     /** Something was edited since the card was seeded or last saved. */ const [edited, setEdited] = useState(false);
@@ -157,14 +225,28 @@ import { LeadSourceSelect } from "./lead-source-select.js";
         custom
     ]);
     const clearingRequired = crmCustomDraftMissingRequired(customFields, storedCustom, custom, 'edit').length > 0;
+    /*
+   * The name the first and last names make (AGL-3515). While there is one,
+   * it IS the name — the Name field shows it, read-only, and the save sends
+   * the parts rather than a name the route would have to reconcile.
+   */ const composedName = composeContactName(firstName, lastName);
     /** One field's edit: the value, and the card now has something to save. */ const change = useCallback((set, value)=>{
         set(value);
         setEdited(true);
     }, []);
     /** Every draft back to what the record holds — the seed, and Discard. */ const reseed = ()=>{
+        var _record_salutation, _record_firstName, _record_lastName, _record_department, _record_birthdate, _record_assistantName, _record_reportsToContactId;
         setNameOverride(record.nameOverride);
-        setPhone(record.phone);
+        setSalutation((_record_salutation = record.salutation) != null ? _record_salutation : '');
+        setFirstName((_record_firstName = record.firstName) != null ? _record_firstName : '');
+        setLastName((_record_lastName = record.lastName) != null ? _record_lastName : '');
+        setPhones(phoneDraftsFrom(record));
+        setDoNotCall(record.doNotCall === true);
         setJobTitle(record.jobTitle);
+        setDepartment((_record_department = record.department) != null ? _record_department : '');
+        setBirthdate((_record_birthdate = record.birthdate) != null ? _record_birthdate : '');
+        setAssistantName((_record_assistantName = record.assistantName) != null ? _record_assistantName : '');
+        setReportsTo((_record_reportsToContactId = record.reportsToContactId) != null ? _record_reportsToContactId : '');
         setLeadSource(record.leadSource);
         setCompanyName(record.companyName);
         setCompanyId(record.companyId || null);
@@ -173,7 +255,9 @@ import { LeadSourceSelect } from "./lead-source-select.js";
         setTags(record.tags.join(', '));
         setNotes(record.notes);
         setAddress(addressDraftFrom(record.address));
-        setPhoneError('');
+        setOtherAddress(addressDraftFrom(record.otherAddress));
+        setPhoneErrors({});
+        setBirthdateError('');
         setCustom({});
         setEdited(false);
     };
@@ -190,25 +274,37 @@ import { LeadSourceSelect } from "./lead-source-select.js";
         recordId
     ]);
     const handleSave = useCallback(async ()=>{
+        var _record_salutation, _record_reportsToContactId;
         if (clearingRequired) return;
-        const trimmedPhone = phone.trim();
-        const normalizedPhone = trimmedPhone ? normalizePhone(trimmedPhone) : '';
-        if (trimmedPhone && !normalizedPhone) {
-            setPhoneError('Enter it with its country code, like +1 512 555 0107.');
-            return;
-        }
-        setPhoneError('');
+        const readPhonesResult = readPhones(phones);
+        const storedBirthdate = normalizeContactBirthdate(birthdate);
+        setPhoneErrors('errors' in readPhonesResult ? readPhonesResult.errors : {});
+        setBirthdateError(storedBirthdate === null ? CONTACT_BIRTHDATE_REFUSAL : '');
+        if ('errors' in readPhonesResult || storedBirthdate === null) return;
         // A stage that differs from the record's is the stage route's to write —
         // see the note above.
         const stageChanged = !suiteLocked && lifecycleStage !== record.lifecycleStage;
-        const set = _extends({
-            name: nameOverride.trim().slice(0, 120),
-            phone: normalizedPhone != null ? normalizedPhone : '',
-            jobTitle: jobTitle.trim().slice(0, 120)
+        const set = _extends({}, composedName ? {} : {
+            name: nameOverride.trim().slice(0, 120)
+        }, {
+            firstName: firstName.trim(),
+            lastName: lastName.trim()
+        }, readPhonesResult.phones, doNotCall !== (record.doNotCall === true) ? {
+            doNotCall
+        } : {}, {
+            jobTitle: jobTitle.trim().slice(0, 120),
+            department: department.trim().slice(0, 120),
+            birthdate: storedBirthdate,
+            assistantName: assistantName.trim().slice(0, 120)
         }, leadSource !== record.leadSource ? {
             leadSource
+        } : {}, salutation !== ((_record_salutation = record.salutation) != null ? _record_salutation : '') ? {
+            salutation
+        } : {}, reportsTo !== ((_record_reportsToContactId = record.reportsToContactId) != null ? _record_reportsToContactId : '') ? {
+            reportsToContactId: reportsTo || null
         } : {}, {
             address,
+            otherAddress,
             tags: parseContactTags(tags),
             notes: notes.slice(0, 2000)
         }, suiteLocked ? {} : {
@@ -266,26 +362,39 @@ import { LeadSourceSelect } from "./lead-source-select.js";
         }
     }, [
         address,
+        assistantName,
+        birthdate,
         clearingRequired,
         companyId,
         companyName,
+        composedName,
         contactUpdate,
         customChanges,
+        department,
+        doNotCall,
         enqueueSnackbar,
+        firstName,
         siteHostId,
         jobTitle,
+        lastName,
         leadSource,
         lifecycleStage,
         logActivity,
         nameOverride,
         notes,
+        otherAddress,
         ownerUid,
-        phone,
+        phones,
         record.$id,
+        record.doNotCall,
         record.email,
         record.leadSource,
         record.lifecycleStage,
         record.name,
+        record.reportsToContactId,
+        record.salutation,
+        reportsTo,
+        salutation,
         seed.fromCache,
         seed.status,
         suiteLocked,
@@ -298,7 +407,55 @@ import { LeadSourceSelect } from "./lead-source-select.js";
    * never handed a value it has no option for and the reader can see who it
    * was before reassigning.
    */ const ownerKnown = members.options.some((option)=>option.uid === ownerUid);
-    /** The number in the box as something a dialer takes, or nothing (AGL-2661). */ const telHref = crmTelHref(phone);
+    /** One phone field, with click-to-call off what is IN the box (AGL-2661). */ const phoneField = (field)=>{
+        const value = phones[field];
+        const telHref = crmTelHref(value);
+        const callLabel = doNotCall ? `Call ${value.trim()} — marked do not call` : `Call ${value.trim()}`;
+        return /*#__PURE__*/ _jsx(Grid, {
+            size: {
+                xs: 12,
+                sm: 6
+            },
+            children: /*#__PURE__*/ _jsx(TextField, {
+                size: "small",
+                label: CONTACT_PHONE_FIELD_LABELS[field],
+                value: value,
+                onChange: (event)=>change(setPhones, _extends({}, phones, {
+                        [field]: event.target.value
+                    })),
+                error: Boolean(phoneErrors[field]),
+                helperText: phoneErrors[field] || (field === 'phone' ? PHONE_HELP : undefined),
+                fullWidth: true,
+                slotProps: {
+                    input: {
+                        /*
+               * The number on screen is the one a reader means to ring, and
+               * `crmTelHref` withholds the link from anything half-typed. A
+               * do-not-call person keeps the link — the rep decides — with
+               * the request said in the tooltip and the icon's color.
+               */ endAdornment: telHref && field !== 'fax' ? /*#__PURE__*/ _jsx(InputAdornment, {
+                            position: "end",
+                            children: /*#__PURE__*/ _jsx(Tooltip, {
+                                title: callLabel,
+                                children: /*#__PURE__*/ _jsx(IconButton, {
+                                    component: "a",
+                                    href: telHref,
+                                    size: "small",
+                                    edge: "end",
+                                    color: doNotCall ? 'warning' : 'default',
+                                    "aria-label": callLabel,
+                                    children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                        path: mdiPhoneOutline.path,
+                                        size: 0.8
+                                    })
+                                })
+                            })
+                        }) : null
+                    }
+                }
+            })
+        }, field);
+    };
     return /*#__PURE__*/ _jsx(CardDisplay, {
         header: 'Properties',
         help: Aglyn.pluginDocsHelp('contactRecord', {
@@ -332,6 +489,9 @@ import { LeadSourceSelect } from "./lead-source-select.js";
             container: true,
             spacing: 2,
             children: [
+                /*#__PURE__*/ _jsx(SectionHeading, {
+                    children: 'Contact information'
+                }),
                 /*#__PURE__*/ _jsx(Grid, {
                     size: {
                         xs: 12,
@@ -350,6 +510,19 @@ import { LeadSourceSelect } from "./lead-source-select.js";
                         fullWidth: true
                     })
                 }),
+                /*#__PURE__*/ _jsx(Grid, {
+                    size: {
+                        xs: 12,
+                        sm: 6
+                    },
+                    children: /*#__PURE__*/ _jsx(CrmPicklistSelect, {
+                        picklistId: CRM_SALUTATION_PICKLIST,
+                        picklist: salutations.picklist,
+                        value: salutation,
+                        stored: (_record_salutation1 = record.salutation) != null ? _record_salutation1 : '',
+                        onChange: (value)=>change(setSalutation, value)
+                    })
+                }),
                 /*#__PURE__*/ _jsx(Grid, {
                     size: {
                         xs: 12,
@@ -357,15 +530,14 @@ import { LeadSourceSelect } from "./lead-source-select.js";
                     },
                     children: /*#__PURE__*/ _jsx(TextField, {
                         size: "small",
-                        label: "Name",
-                        value: nameOverride,
-                        onChange: (event)=>change(setNameOverride, event.target.value),
+                        label: "First name",
+                        value: firstName,
+                        onChange: (event)=>change(setFirstName, event.target.value),
                         slotProps: {
                             htmlInput: {
-                                maxLength: 120
+                                maxLength: CONTACT_NAME_PART_MAX
                             }
                         },
-                        helperText: record.canonicalName ? `Your own name for this person. Blank shows the name they gave: ${record.canonicalName}.` : 'Your own name for this person.',
                         fullWidth: true
                     })
                 }),
@@ -376,38 +548,37 @@ import { LeadSourceSelect } from "./lead-source-select.js";
                     },
                     children: /*#__PURE__*/ _jsx(TextField, {
                         size: "small",
-                        label: "Phone",
-                        value: phone,
-                        onChange: (event)=>change(setPhone, event.target.value),
-                        error: Boolean(phoneError),
-                        helperText: phoneError || 'With the country code, like +1 512 555 0107',
-                        fullWidth: true,
+                        label: "Last name",
+                        value: lastName,
+                        onChange: (event)=>change(setLastName, event.target.value),
+                        slotProps: {
+                            htmlInput: {
+                                maxLength: CONTACT_NAME_PART_MAX
+                            }
+                        },
+                        fullWidth: true
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Grid, {
+                    size: {
+                        xs: 12,
+                        sm: 6
+                    },
+                    children: /*#__PURE__*/ _jsx(TextField, {
+                        size: "small",
+                        label: "Name",
+                        value: composedName || nameOverride,
+                        onChange: (event)=>change(setNameOverride, event.target.value),
                         slotProps: {
+                            htmlInput: {
+                                maxLength: 120
+                            },
                             input: {
-                                /*
-                 * Click-to-call (AGL-2661), off what is IN the box rather
-                 * than off the saved value: the number on screen is the one
-                 * a reader means to ring, and `crmTelHref` withholds the
-                 * link from anything half-typed.
-                 */ endAdornment: telHref ? /*#__PURE__*/ _jsx(InputAdornment, {
-                                    position: "end",
-                                    children: /*#__PURE__*/ _jsx(Tooltip, {
-                                        title: `Call ${phone.trim()}`,
-                                        children: /*#__PURE__*/ _jsx(IconButton, {
-                                            component: "a",
-                                            href: telHref,
-                                            size: "small",
-                                            edge: "end",
-                                            "aria-label": `Call ${phone.trim()}`,
-                                            children: /*#__PURE__*/ _jsx(MdiIcon, {
-                                                path: mdiPhoneOutline.path,
-                                                size: 0.8
-                                            })
-                                        })
-                                    })
-                                }) : null
+                                readOnly: Boolean(composedName)
                             }
-                        }
+                        },
+                        helperText: composedName ? 'Made of the first and last name.' : record.canonicalName ? `Your own name for this person. Blank shows the name they gave: ${record.canonicalName}.` : 'Your own name for this person.',
+                        fullWidth: true
                     })
                 }),
                 /*#__PURE__*/ _jsx(Grid, {
@@ -433,11 +604,17 @@ import { LeadSourceSelect } from "./lead-source-select.js";
                         xs: 12,
                         sm: 6
                     },
-                    children: /*#__PURE__*/ _jsx(LeadSourceSelect, {
-                        picklist: leadSources.picklist,
-                        value: leadSource,
-                        stored: record.leadSource,
-                        onChange: (value)=>change(setLeadSource, value)
+                    children: /*#__PURE__*/ _jsx(TextField, {
+                        size: "small",
+                        label: "Department",
+                        value: department,
+                        onChange: (event)=>change(setDepartment, event.target.value),
+                        slotProps: {
+                            htmlInput: {
+                                maxLength: 120
+                            }
+                        },
+                        fullWidth: true
                     })
                 }),
                 /*#__PURE__*/ _jsx(Grid, {
@@ -464,6 +641,18 @@ import { LeadSourceSelect } from "./lead-source-select.js";
                         helperText: suiteLocked ? crmSuiteLockedReason() : undefined
                     })
                 }),
+                /*#__PURE__*/ _jsx(Grid, {
+                    size: {
+                        xs: 12,
+                        sm: 6
+                    },
+                    children: /*#__PURE__*/ _jsx(LeadSourceSelect, {
+                        picklist: leadSources.picklist,
+                        value: leadSource,
+                        stored: record.leadSource,
+                        onChange: (value)=>change(setLeadSource, value)
+                    })
+                }),
                 /*#__PURE__*/ _jsx(Grid, {
                     size: {
                         xs: 12,
@@ -535,6 +724,31 @@ import { LeadSourceSelect } from "./lead-source-select.js";
                         fullWidth: true
                     })
                 }),
+                /*#__PURE__*/ _jsx(SectionHeading, {
+                    children: 'Phones'
+                }),
+                PHONE_FIELDS.filter((field)=>field !== 'assistantPhone').map(phoneField),
+                /*#__PURE__*/ _jsxs(Grid, {
+                    size: {
+                        xs: 12,
+                        sm: 6
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(FormControlLabel, {
+                            control: /*#__PURE__*/ _jsx(Checkbox, {
+                                checked: doNotCall,
+                                onChange: (event)=>change(setDoNotCall, event.target.checked)
+                            }),
+                            label: "Do not call"
+                        }),
+                        /*#__PURE__*/ _jsx(FormHelperText, {
+                            children: 'They asked not to be phoned. Every number still dials; the Call button says so.'
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(SectionHeading, {
+                    children: 'Addresses'
+                }),
                 /*#__PURE__*/ _jsx(Grid, {
                     size: {
                         xs: 12
@@ -544,7 +758,7 @@ import { LeadSourceSelect } from "./lead-source-select.js";
                         children: [
                             /*#__PURE__*/ _jsx(Typography, {
                                 variant: "subtitle2",
-                                children: 'Address'
+                                children: 'Mailing address'
                             }),
                             /*#__PURE__*/ _jsx(ContactAddressFields, {
                                 value: address,
@@ -553,6 +767,82 @@ import { LeadSourceSelect } from "./lead-source-select.js";
                         ]
                     })
                 }),
+                /*#__PURE__*/ _jsx(Grid, {
+                    size: {
+                        xs: 12
+                    },
+                    children: /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: 1,
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "subtitle2",
+                                children: 'Other address'
+                            }),
+                            /*#__PURE__*/ _jsx(ContactAddressFields, {
+                                value: otherAddress,
+                                onChange: (value)=>change(setOtherAddress, value)
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ _jsx(SectionHeading, {
+                    children: 'Additional information'
+                }),
+                /*#__PURE__*/ _jsx(Grid, {
+                    size: {
+                        xs: 12,
+                        sm: 6
+                    },
+                    children: /*#__PURE__*/ _jsx(TextField, {
+                        size: "small",
+                        type: "date",
+                        label: "Birthdate",
+                        value: birthdate,
+                        onChange: (event)=>change(setBirthdate, event.target.value),
+                        error: Boolean(birthdateError),
+                        helperText: birthdateError || undefined,
+                        slotProps: {
+                            inputLabel: {
+                                shrink: true
+                            }
+                        },
+                        fullWidth: true
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Grid, {
+                    size: {
+                        xs: 12,
+                        sm: 6
+                    },
+                    children: /*#__PURE__*/ _jsx(ContactReportsToField, {
+                        hostId: hostId,
+                        org: org,
+                        contactId: record.$id,
+                        groupId: consentGroup.groupId,
+                        value: reportsTo,
+                        onChange: (value)=>change(setReportsTo, value),
+                        disabled: saving
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Grid, {
+                    size: {
+                        xs: 12,
+                        sm: 6
+                    },
+                    children: /*#__PURE__*/ _jsx(TextField, {
+                        size: "small",
+                        label: "Assistant",
+                        value: assistantName,
+                        onChange: (event)=>change(setAssistantName, event.target.value),
+                        slotProps: {
+                            htmlInput: {
+                                maxLength: 120
+                            }
+                        },
+                        fullWidth: true
+                    })
+                }),
+                phoneField('assistantPhone'),
                 /*#__PURE__*/ _jsx(Grid, {
                     size: {
                         xs: 12