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

package/src/lib/components/new-lead-drawer.js

@@ -1,7 +1,7 @@
 'use client';
 import { _ as _extends } from "@swc/helpers/_/_extends";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { CRM_LEAD_STATUS_LABELS, CRM_LEAD_TEXT_MAX, containerMembershipValue, crmPicklistDefaultLabel, normalizeCrmLeadTags, normalizeContactEmail, normalizeCrmLeadProfile } from "@aglyn/aglyn";
+import { CRM_LEAD_TEXT_MAX, crmLeadStatusLabelFor, crmLeadStatusOptions, containerMembershipValue, crmLeadComposedName, crmPicklistDefaultLabel, normalizeContactEmail, normalizeCrmLeadProfile } from "@aglyn/aglyn";
 import { ICON_VARIANT_CLOSE } from "@aglyn/shared-data-enums";
 import { Container, MdiIcon, SrOnly } from "@aglyn/shared-ui-jsx";
 import { NavigationDrawerComponent } from "@aglyn/shared-ui-jsx/components/navigation-drawer.component";
@@ -11,13 +11,18 @@ import { useEffect, useState } from "react";
 import { useContactFieldDefinitions } from "../hooks/use-contact-field-definitions.js";
 import { useCrmCampaigns } from "../hooks/use-crm-campaigns.js";
 import { useCrmScope } from "../hooks/use-crm-scope.js";
-import { ContactAddressFields, EMPTY_ADDRESS } from "./contact-address-fields.js";
+import { EMPTY_LEAD_PROFILE_DRAFT, leadDraftComposedName, LeadProfileFields, leadProfileDraftBody } from "./lead-profile-fields.js";
 import { CrmSitePicker } from "./crm-site-picker.js";
 import { CrmCustomFieldControl } from "./crm-custom-field-control.js";
 import { crmCustomDraftDocument, crmCustomDraftMissingRequired } from "../model/crm-custom-draft.js";
 import { LeadOwnerSelect } from "./lead-owner-select.js";
-import { LeadSourceSelect } from "./lead-source-select.js";
 import { useLeadSourcePicklist } from "../hooks/use-lead-source-picklist.js";
+import { useLeadPicklists } from "../hooks/use-lead-picklists.js";
+import { useLeadStatusPicklist } from "../hooks/use-lead-status-picklist.js";
+/** The meanings a lead is entered in by hand: New or Working (AGL-3231). */ const NEW_LEAD_STATUSES = [
+    'new',
+    'working'
+];
 const NOTES_MAX = 4000;
 /**
  * ADDING ONE LEAD BY HAND, IN A DRAWER (AGL-3231).
@@ -48,11 +53,16 @@ const NOTES_MAX = 4000;
     });
     const [email, setEmail] = useState('');
     const [name, setName] = useState('');
-    const [company, setCompany] = useState('');
-    const [jobTitle, setJobTitle] = useState('');
-    const [phone, setPhone] = useState('');
-    const [website, setWebsite] = useState('');
-    const [leadSource, setLeadSource] = useState('');
+    /*
+   * THE PROFILE (AGL-3231, AGL-3513), one draft the fields edit — the
+   * lead's page edits the same draft with the same fields.
+   */ const [profile, setProfile] = useState(EMPTY_LEAD_PROFILE_DRAFT);
+    const [profileErrors, setProfileErrors] = useState({});
+    const editProfile = (key, value)=>setProfile((current)=>_extends({}, current, {
+                [key]: value
+            }));
+    // The org's Salutation, Industry and Rating lists (AGL-3513).
+    const leadPicklists = useLeadPicklists(open ? orgId != null ? orgId : null : null);
     /*
    * THE ORG'S LEAD SOURCES (AGL-3298), and its default for a new record.
    * The default is filled in once the list has answered and only until the
@@ -62,17 +72,23 @@ const NOTES_MAX = 4000;
     const [leadSourceTouched, setLeadSourceTouched] = useState(false);
     const defaultLeadSource = (_crmPicklistDefaultLabel = crmPicklistDefaultLabel(leadSources.picklist)) != null ? _crmPicklistDefaultLabel : '';
     useEffect(()=>{
-        if (open && !leadSourceTouched) setLeadSource(defaultLeadSource);
+        if (open && !leadSourceTouched) {
+            setProfile((current)=>_extends({}, current, {
+                    leadSource: defaultLeadSource
+                }));
+        }
     }, [
         open,
         leadSourceTouched,
         defaultLeadSource
     ]);
-    const [status, setStatus] = useState('new');
+    // The org's New and Working values (AGL-3512); a new lead starts as New's.
+    const leadStatuses = useLeadStatusPicklist(orgId != null ? orgId : null);
+    const statusChoices = crmLeadStatusOptions(leadStatuses.picklist, NEW_LEAD_STATUSES);
+    const [status, setStatus] = useState('');
+    const shownStatus = statusChoices.some((choice)=>choice.label === status) ? status : crmLeadStatusLabelFor(leadStatuses.picklist, 'new');
     const [ownerUid, setOwnerUid] = useState('');
-    const [tags, setTags] = useState('');
     const [campaignIds, setCampaignIds] = useState([]);
-    const [address, setAddress] = useState(EMPTY_ADDRESS);
     const [notes, setNotes] = useState('');
     /*
    * The org's own lead fields (AGL-3272). A CREATE holds only a draft —
@@ -82,8 +98,6 @@ const NOTES_MAX = 4000;
     const [custom, setCustom] = useState({});
     const [customError, setCustomError] = useState('');
     const [emailError, setEmailError] = useState('');
-    const [phoneError, setPhoneError] = useState('');
-    const [websiteError, setWebsiteError] = useState('');
     /*
    * The campaigns, for the picker (AGL-3254): read while the drawer is
    * open. Under a site, the ones placed on it; at the organization level,
@@ -101,63 +115,73 @@ const NOTES_MAX = 4000;
         if (!open) return;
         setEmail('');
         setName('');
-        setCompany('');
-        setJobTitle('');
-        setPhone('');
-        setWebsite('');
-        setLeadSource('');
+        setProfile(EMPTY_LEAD_PROFILE_DRAFT);
+        setProfileErrors({});
         setLeadSourceTouched(false);
-        setStatus('new');
+        setStatus('');
         setOwnerUid('');
-        setTags('');
         setCampaignIds([]);
-        setAddress(EMPTY_ADDRESS);
         setNotes('');
         setCustom({});
         setCustomError('');
         setEmailError('');
-        setPhoneError('');
-        setWebsiteError('');
     }, [
         open
     ]);
     const handleSubmit = ()=>{
-        var _errors_phone, _errors_website, _patch_company, _patch_jobTitle, _patch_phone, _patch_website, _patch_leadSource, _patch_tags, _patch_address;
+        var _crmLeadComposedName, _patch_company, _patch_jobTitle, _patch_phone, _patch_website, _patch_leadSource, _patch_tags, _patch_address;
         const normalizedEmail = normalizeContactEmail(email);
-        const { patch, errors } = normalizeCrmLeadProfile({
-            company,
-            jobTitle,
-            phone,
-            website,
-            leadSource,
-            address,
-            tags: normalizeCrmLeadTags(tags)
-        });
+        const { body, revenueError } = leadProfileDraftBody(profile);
+        const { patch, errors } = normalizeCrmLeadProfile(body);
+        const shown = _extends({}, errors);
+        if (revenueError) shown['annualRevenueCents'] = revenueError;
         // Every required lead field counts on a create: the record is being
         // made whole, and nothing has been written to come back and fill.
         const missing = crmCustomDraftMissingRequired(fields.active, {}, custom, 'create');
         setEmailError(normalizedEmail ? '' : 'Enter a valid email address.');
-        setPhoneError((_errors_phone = errors.phone) != null ? _errors_phone : '');
-        setWebsiteError((_errors_website = errors.website) != null ? _errors_website : '');
+        setProfileErrors(shown);
         setCustomError(missing.length ? `${missing.join(', ')} ${missing.length > 1 ? 'are' : 'is'} required.` : '');
-        if (!normalizedEmail || errors.phone || errors.website || missing.length) return;
+        if (!normalizedEmail || Object.keys(shown).length || missing.length) return;
+        // Only what was filled: a create has nothing to clear.
+        const standard = {};
+        for (const key of [
+            'salutation',
+            'firstName',
+            'lastName',
+            'mobilePhone',
+            'fax',
+            'doNotCall',
+            'industry',
+            'rating',
+            'annualRevenueCents',
+            'currency',
+            'numberOfEmployees'
+        ]){
+            const value = patch[key];
+            if (value !== null && value !== undefined) Object.assign(standard, {
+                [key]: value
+            });
+        }
         onSubmit({
             email: normalizedEmail,
-            name: name.trim().replace(/\s+/g, ' ').slice(0, CRM_LEAD_TEXT_MAX),
+            // While a first or last name is typed, the name is theirs (AGL-3513).
+            name: (_crmLeadComposedName = crmLeadComposedName(null, patch)) != null ? _crmLeadComposedName : name.trim().replace(/\s+/g, ' ').slice(0, CRM_LEAD_TEXT_MAX),
             company: (_patch_company = patch.company) != null ? _patch_company : '',
             jobTitle: (_patch_jobTitle = patch.jobTitle) != null ? _patch_jobTitle : '',
             phone: (_patch_phone = patch.phone) != null ? _patch_phone : '',
             website: (_patch_website = patch.website) != null ? _patch_website : '',
             leadSource: (_patch_leadSource = patch.leadSource) != null ? _patch_leadSource : '',
-            status,
+            status: shownStatus,
             ownerUid,
             tags: (_patch_tags = patch.tags) != null ? _patch_tags : [],
             campaignIds: containerMembershipValue(campaignIds),
             address: (_patch_address = patch.address) != null ? _patch_address : null,
             notes: notes.trim().slice(0, NOTES_MAX),
-            custom: crmCustomDraftDocument(custom)
+            custom: crmCustomDraftDocument(custom),
+            standard
         });
     };
+    const composedName = leadDraftComposedName(profile);
     return /*#__PURE__*/ _jsx(NavigationDrawerComponent, {
         open: open,
         anchor: "right",
@@ -234,67 +258,33 @@ const NOTES_MAX = 4000;
                     /*#__PURE__*/ _jsx(TextField, {
                         size: "small",
                         label: "Name",
-                        value: name,
+                        value: composedName || name,
                         onChange: (event)=>setName(event.target.value),
                         slotProps: {
                             htmlInput: {
                                 maxLength: CRM_LEAD_TEXT_MAX
+                            },
+                            input: {
+                                readOnly: Boolean(composedName)
                             }
                         },
+                        helperText: composedName ? 'Made of the first and last name.' : 'Or the whole name in one field.',
                         fullWidth: true
                     }),
-                    /*#__PURE__*/ _jsx(TextField, {
-                        size: "small",
-                        label: "Company",
-                        value: company,
-                        onChange: (event)=>setCompany(event.target.value),
-                        helperText: "As text — converting the lead is what makes it a company record.",
-                        slotProps: {
-                            htmlInput: {
-                                maxLength: CRM_LEAD_TEXT_MAX
-                            }
-                        },
-                        fullWidth: true
-                    }),
-                    /*#__PURE__*/ _jsx(TextField, {
-                        size: "small",
-                        label: "Job title",
-                        value: jobTitle,
-                        onChange: (event)=>setJobTitle(event.target.value),
-                        slotProps: {
-                            htmlInput: {
-                                maxLength: CRM_LEAD_TEXT_MAX
-                            }
-                        },
-                        fullWidth: true
-                    }),
-                    /*#__PURE__*/ _jsx(TextField, {
-                        size: "small",
-                        label: "Phone",
-                        value: phone,
-                        onChange: (event)=>setPhone(event.target.value),
-                        error: Boolean(phoneError),
-                        helperText: phoneError || 'With the country code, like +1 512 555 0107',
-                        fullWidth: true
-                    }),
-                    /*#__PURE__*/ _jsx(TextField, {
-                        size: "small",
-                        label: "Website",
-                        value: website,
-                        onChange: (event)=>setWebsite(event.target.value),
-                        error: Boolean(websiteError),
-                        helperText: websiteError || 'Like acme.com',
-                        fullWidth: true
-                    }),
-                    /*#__PURE__*/ _jsx(LeadSourceSelect, {
-                        picklist: leadSources.picklist,
-                        value: leadSource,
-                        onChange: (label)=>{
-                            setLeadSource(label);
-                            setLeadSourceTouched(true);
+                    /*#__PURE__*/ _jsx(LeadProfileFields, {
+                        draft: profile,
+                        onChange: (key, value)=>{
+                            if (key === 'leadSource') setLeadSourceTouched(true);
+                            editProfile(key, value);
                         },
+                        errors: profileErrors,
                         disabled: Boolean(busy),
-                        helperText: "Where this lead came from. The choices are kept under CRM › Fields › Leads."
+                        leadSources: leadSources.picklist,
+                        lists: leadPicklists.lists,
+                        helperTexts: {
+                            company: 'As text — converting the lead is what makes it a company record.',
+                            leadSource: 'Where this lead came from. The choices are kept under CRM › Fields › Leads.'
+                        }
                     }),
                     /*#__PURE__*/ _jsxs(Stack, {
                         direction: {
@@ -303,23 +293,17 @@ const NOTES_MAX = 4000;
                         },
                         spacing: 2,
                         children: [
-                            /*#__PURE__*/ _jsxs(TextField, {
+                            /*#__PURE__*/ _jsx(TextField, {
                                 select: true,
                                 size: "small",
                                 label: "Status",
-                                value: status,
-                                onChange: (event)=>setStatus(event.target.value),
+                                value: statusChoices.some((choice)=>choice.label === shownStatus) ? shownStatus : '',
+                                onChange: (event)=>setStatus(String(event.target.value)),
                                 fullWidth: true,
-                                children: [
-                                    /*#__PURE__*/ _jsx(MenuItem, {
-                                        value: "new",
-                                        children: CRM_LEAD_STATUS_LABELS.new
-                                    }),
-                                    /*#__PURE__*/ _jsx(MenuItem, {
-                                        value: "working",
-                                        children: CRM_LEAD_STATUS_LABELS.working
-                                    })
-                                ]
+                                children: statusChoices.map((choice)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                        value: choice.label,
+                                        children: choice.label
+                                    }, choice.label))
                             }),
                             /*#__PURE__*/ _jsx(LeadOwnerSelect, {
                                 value: ownerUid,
@@ -328,15 +312,6 @@ const NOTES_MAX = 4000;
                             })
                         ]
                     }),
-                    /*#__PURE__*/ _jsx(TextField, {
-                        size: "small",
-                        label: "Tags",
-                        placeholder: "icp2, a-list",
-                        helperText: "Comma-separated",
-                        value: tags,
-                        onChange: (event)=>setTags(event.target.value),
-                        fullWidth: true
-                    }),
                     /*#__PURE__*/ _jsx(ContainerPicker, {
                         kind: "campaign",
                         options: campaigns.options,
@@ -347,14 +322,6 @@ const NOTES_MAX = 4000;
                         empty: campaigns.ready && !campaigns.options.length,
                         emptyText: hostId ? 'This site has no campaigns yet. Create one from Marketing to file leads under it.' : 'There are no campaigns yet. Create one from Marketing to file leads under it.'
                     }),
-                    /*#__PURE__*/ _jsx(Typography, {
-                        variant: "subtitle2",
-                        children: 'Address'
-                    }),
-                    /*#__PURE__*/ _jsx(ContactAddressFields, {
-                        value: address,
-                        onChange: setAddress
-                    }),
                     fields.active.length ? /*#__PURE__*/ _jsxs(_Fragment, {
                         children: [
                             /*#__PURE__*/ _jsx(Typography, {

package/src/lib/components/new-lead-drawer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/new-lead-drawer.tsx"],"sourcesContent":["'use client'\n\nimport {\n  CRM_LEAD_STATUS_LABELS,\n  CRM_LEAD_TEXT_MAX,\n  type CrmCustomValue,\n  type CrmLeadStatus,\n  containerMembershipValue,\n  crmPicklistDefaultLabel,\n  normalizeCrmLeadTags,\n  normalizeContactEmail,\n  normalizeCrmLeadProfile,\n  type AglynPostalAddress,\n} from '@aglyn/aglyn'\nimport { ICON_VARIANT_CLOSE } from '@aglyn/shared-data-enums'\nimport { Container, MdiIcon, SrOnly } from '@aglyn/shared-ui-jsx'\nimport { NavigationDrawerComponent } from '@aglyn/shared-ui-jsx/components/navigation-drawer.component'\nimport {\n  Alert,\n  Button,\n  IconButton,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport ContainerPicker from '@aglyn/tenant-feature-instance/components/container-picker'\nimport { useEffect, useState } from 'react'\nimport { useContactFieldDefinitions } from '../hooks/use-contact-field-definitions'\nimport { useCrmCampaigns } from '../hooks/use-crm-campaigns'\nimport { useCrmScope } from '../hooks/use-crm-scope'\nimport type { OrgMemberOptions } from '../hooks/use-org-member-options'\nimport {\n  ContactAddressFields,\n  EMPTY_ADDRESS,\n  type AddressDraft,\n} from './contact-address-fields'\nimport { CrmSitePicker } from './crm-site-picker'\nimport { CrmCustomFieldControl } from './crm-custom-field-control'\nimport {\n  type CrmCustomDraft,\n  crmCustomDraftDocument,\n  crmCustomDraftMissingRequired,\n} from '../model/crm-custom-draft'\nimport { LeadOwnerSelect } from './lead-owner-select'\nimport { LeadSourceSelect } from './lead-source-select'\nimport { useLeadSourcePicklist } from '../hooks/use-lead-source-picklist'\n\n/** What the drawer hands back — already normalized where the route would. */\nexport interface NewLeadValues {\n  email: string\n  name: string\n  company: string\n  jobTitle: string\n  phone: string\n  website: string\n  leadSource: string\n  status: Extract<CrmLeadStatus, 'new' | 'working'>\n  ownerUid: string\n  tags: string[]\n  /** The site's campaigns to file the lead under (AGL-3254), by id. */\n  campaignIds: string[]\n  address: AglynPostalAddress | null\n  notes: string\n  /**\n   * The org's custom lead fields (AGL-3272), keyed by each definition's\n   * `key`. Absent when the org has defined none, or none was filled — the\n   * route stores a `custom` map only when there is one.\n   */\n  custom?: Record<string, CrmCustomValue>\n}\n\nexport interface NewLeadDrawerProps {\n  open: boolean\n  onClose: () => void\n  /**\n   * The site the lead is filed under — a lead is private to one site by\n   * path. `null` at the organization level, where the drawer asks which\n   * site with a picker and holds its submit until one is named.\n   */\n  hostId: string | null\n  org?: Record<string, unknown> | null\n  /** The request is in flight — the form holds still and the button says so. */\n  busy?: boolean\n  /** What the route answered when it refused, shown above the form. */\n  error?: string | null\n  /** The team, for the owner picker. */\n  roster: OrgMemberOptions\n  /**\n   * The org the custom lead fields belong to (AGL-3272), as the list\n   * already resolved it. `null` while it is in flight — the drawer then\n   * shows the standard fields and no custom ones, which is what an org\n   * with none defined shows anyway.\n   */\n  orgId?: string | null\n  onSubmit: (values: NewLeadValues) => void\n}\n\nconst NOTES_MAX = 4000\n\n/**\n * ADDING ONE LEAD BY HAND, IN A DRAWER (AGL-3231).\n *\n * Salesforce's New Lead, on the Leads list: a person the team has heard of\n * and not yet qualified, entered with what is known — the address, the\n * name, the company as text, a title, a phone, a website, an address, tags\n * and where they came from. It makes a lead and nothing else: no contact,\n * no company record. Those are the conversion's to create once the lead is\n * real, which is what keeps one person from sitting in two lists.\n *\n * A drawer and not a form above the list, for the reason every list in this\n * console gives. The two fields a person can mistype in a way the record\n * cannot hold — the email and the phone, and the website beside them — are\n * checked before the request leaves, with the same normalizer the route\n * runs, so the refusal lands under the field. Everything else is the\n * route's to decide: whether the site already holds the address (it\n * updates that lead), whether the plan carries the suite, whether the site\n * is at the platform ceiling.\n */\nexport function NewLeadDrawer(props: NewLeadDrawerProps) {\n  const { open, onClose, hostId, org, busy, error, roster, orgId, onSubmit } = props\n  // The site the route files the lead under: the mounted site, or at the\n  // organization level the picked one. `null` until it is known.\n  const { createHostId } = useCrmScope({ hostId, org: org as never })\n\n  const [email, setEmail] = useState('')\n  const [name, setName] = useState('')\n  const [company, setCompany] = useState('')\n  const [jobTitle, setJobTitle] = useState('')\n  const [phone, setPhone] = useState('')\n  const [website, setWebsite] = useState('')\n  const [leadSource, setLeadSource] = useState('')\n  /*\n   * THE ORG'S LEAD SOURCES (AGL-3298), and its default for a new record.\n   * The default is filled in once the list has answered and only until the\n   * person picks something themselves — \"None\" included — so a list that\n   * arrives after the drawer opened does not overwrite a choice.\n   */\n  const leadSources = useLeadSourcePicklist(orgId ?? null)\n  const [leadSourceTouched, setLeadSourceTouched] = useState(false)\n  const defaultLeadSource = crmPicklistDefaultLabel(leadSources.picklist) ?? ''\n  useEffect(() => {\n    if (open && !leadSourceTouched) setLeadSource(defaultLeadSource)\n  }, [open, leadSourceTouched, defaultLeadSource])\n  const [status, setStatus] = useState<NewLeadValues['status']>('new')\n  const [ownerUid, setOwnerUid] = useState('')\n  const [tags, setTags] = useState('')\n  const [campaignIds, setCampaignIds] = useState<string[]>([])\n  const [address, setAddress] = useState<AddressDraft>(EMPTY_ADDRESS)\n  const [notes, setNotes] = useState('')\n  /*\n   * The org's own lead fields (AGL-3272). A CREATE holds only a draft —\n   * there is no stored map to diff against — and `crmCustomDraftDocument`\n   * turns it into the `custom` the route stores, or nothing.\n   */\n  const fields = useContactFieldDefinitions(orgId ?? null, 'lead')\n  const [custom, setCustom] = useState<CrmCustomDraft>({})\n  const [customError, setCustomError] = useState('')\n  const [emailError, setEmailError] = useState('')\n  const [phoneError, setPhoneError] = useState('')\n  const [websiteError, setWebsiteError] = useState('')\n  /*\n   * The campaigns, for the picker (AGL-3254): read while the drawer is\n   * open. Under a site, the ones placed on it; at the organization level,\n   * every campaign in the org — the lead is the org's record whichever\n   * site it is captured by, so the site picked above does not narrow them.\n   */\n  const campaigns = useCrmCampaigns({ hostId, orgId }, { enabled: open })\n\n  // A fresh form on every opening: a person typed and then abandoned must\n  // not reappear half-filled the next time somebody reaches for New lead.\n  useEffect(() => {\n    if (!open) return\n    setEmail('')\n    setName('')\n    setCompany('')\n    setJobTitle('')\n    setPhone('')\n    setWebsite('')\n    setLeadSource('')\n    setLeadSourceTouched(false)\n    setStatus('new')\n    setOwnerUid('')\n    setTags('')\n    setCampaignIds([])\n    setAddress(EMPTY_ADDRESS)\n    setNotes('')\n    setCustom({})\n    setCustomError('')\n    setEmailError('')\n    setPhoneError('')\n    setWebsiteError('')\n  }, [open])\n\n  const handleSubmit = () => {\n    const normalizedEmail = normalizeContactEmail(email)\n    const { patch, errors } = normalizeCrmLeadProfile({\n      company,\n      jobTitle,\n      phone,\n      website,\n      leadSource,\n      address,\n      tags: normalizeCrmLeadTags(tags),\n    })\n    // Every required lead field counts on a create: the record is being\n    // made whole, and nothing has been written to come back and fill.\n    const missing = crmCustomDraftMissingRequired(fields.active, {}, custom, 'create')\n    setEmailError(normalizedEmail ? '' : 'Enter a valid email address.')\n    setPhoneError(errors.phone ?? '')\n    setWebsiteError(errors.website ?? '')\n    setCustomError(\n      missing.length\n        ? `${missing.join(', ')} ${missing.length > 1 ? 'are' : 'is'} required.`\n        : '',\n    )\n    if (!normalizedEmail || errors.phone || errors.website || missing.length) return\n    onSubmit({\n      email: normalizedEmail,\n      name: name.trim().replace(/\\s+/g, ' ').slice(0, CRM_LEAD_TEXT_MAX),\n      company: patch.company ?? '',\n      jobTitle: patch.jobTitle ?? '',\n      phone: patch.phone ?? '',\n      website: patch.website ?? '',\n      leadSource: patch.leadSource ?? '',\n      status,\n      ownerUid,\n      tags: patch.tags ?? [],\n      campaignIds: containerMembershipValue(campaignIds),\n      address: patch.address ?? null,\n      notes: notes.trim().slice(0, NOTES_MAX),\n      custom: crmCustomDraftDocument(custom),\n    })\n  }\n\n  return (\n    <NavigationDrawerComponent\n      open={open}\n      anchor=\"right\"\n      variant=\"temporary\"\n      onClose={onClose}\n      AppBarProps={{ color: 'surface' }}\n      sx={{ '& .MuiDrawer-paper': { width: { xs: '100%', sm: 480 } } }}\n      appBarLeft={\n        <>\n          <IconButton\n            color=\"inherit\"\n            edge=\"start\"\n            onClick={onClose}\n            sx={{ mr: 2 }}\n          >\n            <MdiIcon path={ICON_VARIANT_CLOSE.path} />\n            <SrOnly>close drawer</SrOnly>\n          </IconButton>\n          <Typography variant=\"h6\" component=\"div\">\n            {'New lead'}\n          </Typography>\n        </>\n      }\n      appBarRight={\n        <Button variant=\"outlined\" color=\"inherit\" onClick={onClose}>\n          {'Cancel'}\n        </Button>\n      }\n    >\n      <Container gutterY>\n        <Stack spacing={2}>\n          {error ? <Alert severity=\"warning\">{error}</Alert> : null}\n          {/* First, because the lead is filed under the answer. Renders nothing under a site. */}\n          <CrmSitePicker\n            hostId={hostId}\n            disabled={Boolean(busy)}\n            helperText=\"The site this lead is filed under — a lead is private to one site.\"\n          />\n          <TextField\n            size=\"small\"\n            label=\"Email\"\n            type=\"email\"\n            value={email}\n            onChange={(event) => setEmail(event.target.value)}\n            error={Boolean(emailError)}\n            helperText={\n              emailError ||\n              'The one field that is required — a site holds one lead per address.'\n            }\n            required\n            fullWidth\n            autoFocus\n          />\n          <TextField\n            size=\"small\"\n            label=\"Name\"\n            value={name}\n            onChange={(event) => setName(event.target.value)}\n            slotProps={{ htmlInput: { maxLength: CRM_LEAD_TEXT_MAX } }}\n            fullWidth\n          />\n          <TextField\n            size=\"small\"\n            label=\"Company\"\n            value={company}\n            onChange={(event) => setCompany(event.target.value)}\n            helperText=\"As text — converting the lead is what makes it a company record.\"\n            slotProps={{ htmlInput: { maxLength: CRM_LEAD_TEXT_MAX } }}\n            fullWidth\n          />\n          <TextField\n            size=\"small\"\n            label=\"Job title\"\n            value={jobTitle}\n            onChange={(event) => setJobTitle(event.target.value)}\n            slotProps={{ htmlInput: { maxLength: CRM_LEAD_TEXT_MAX } }}\n            fullWidth\n          />\n          <TextField\n            size=\"small\"\n            label=\"Phone\"\n            value={phone}\n            onChange={(event) => setPhone(event.target.value)}\n            error={Boolean(phoneError)}\n            helperText={\n              phoneError || 'With the country code, like +1 512 555 0107'\n            }\n            fullWidth\n          />\n          <TextField\n            size=\"small\"\n            label=\"Website\"\n            value={website}\n            onChange={(event) => setWebsite(event.target.value)}\n            error={Boolean(websiteError)}\n            helperText={websiteError || 'Like acme.com'}\n            fullWidth\n          />\n          <LeadSourceSelect\n            picklist={leadSources.picklist}\n            value={leadSource}\n            onChange={(label) => {\n              setLeadSource(label)\n              setLeadSourceTouched(true)\n            }}\n            disabled={Boolean(busy)}\n            helperText=\"Where this lead came from. The choices are kept under CRM › Fields › Leads.\"\n          />\n          <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>\n            <TextField\n              select\n              size=\"small\"\n              label=\"Status\"\n              value={status}\n              onChange={(event) =>\n                setStatus(event.target.value as NewLeadValues['status'])\n              }\n              fullWidth\n            >\n              <MenuItem value=\"new\">{CRM_LEAD_STATUS_LABELS.new}</MenuItem>\n              <MenuItem value=\"working\">\n                {CRM_LEAD_STATUS_LABELS.working}\n              </MenuItem>\n            </TextField>\n            <LeadOwnerSelect\n              value={ownerUid}\n              onChange={setOwnerUid}\n              roster={roster}\n            />\n          </Stack>\n          <TextField\n            size=\"small\"\n            label=\"Tags\"\n            placeholder=\"icp2, a-list\"\n            helperText=\"Comma-separated\"\n            value={tags}\n            onChange={(event) => setTags(event.target.value)}\n            fullWidth\n          />\n          {/*\n            The campaigns to file the lead under (AGL-3254), picked the way a\n            form's page picks them. Grouping, not consent: it decides which\n            campaign pages list the lead, never whether anything mails them.\n           */}\n          <ContainerPicker\n            kind=\"campaign\"\n            options={campaigns.options}\n            value={campaignIds}\n            onChange={setCampaignIds}\n            helperText=\"The campaigns this lead is part of. It does not decide who a campaign mails.\"\n            disabled={Boolean(busy)}\n            empty={campaigns.ready && !campaigns.options.length}\n            emptyText={\n              hostId\n                ? 'This site has no campaigns yet. Create one from Marketing to file leads under it.'\n                : 'There are no campaigns yet. Create one from Marketing to file leads under it.'\n            }\n          />\n          <Typography variant=\"subtitle2\">{'Address'}</Typography>\n          <ContactAddressFields value={address} onChange={setAddress} />\n          {/* The org's own lead fields (AGL-3272), the same controls the\n              lead's page edits them with. */}\n          {fields.active.length ? (\n            <>\n              <Typography variant=\"subtitle2\">{'Custom fields'}</Typography>\n              {customError ? <Alert severity=\"warning\">{customError}</Alert> : null}\n              {fields.active.map((definition) => (\n                <CrmCustomFieldControl\n                  key={definition.$id}\n                  definition={definition}\n                  value={custom[definition.key]}\n                  onChange={(value) =>\n                    setCustom((current) => ({ ...current, [definition.key]: value }))\n                  }\n                  disabled={Boolean(busy)}\n                />\n              ))}\n            </>\n          ) : null}\n          <TextField\n            size=\"small\"\n            label=\"Notes\"\n            value={notes}\n            onChange={(event) => setNotes(event.target.value)}\n            multiline\n            minRows={2}\n            slotProps={{ htmlInput: { maxLength: NOTES_MAX } }}\n            fullWidth\n          />\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            // Held until the site is known: the route files the lead under it.\n            disabled={Boolean(busy) || !createHostId}\n            onClick={handleSubmit}\n          >\n            {busy ? 'Adding…' : 'Add lead'}\n          </Button>\n        </Stack>\n      </Container>\n    </NavigationDrawerComponent>\n  )\n}\n\nexport default NewLeadDrawer\n"],"names":["CRM_LEAD_STATUS_LABELS","CRM_LEAD_TEXT_MAX","containerMembershipValue","crmPicklistDefaultLabel","normalizeCrmLeadTags","normalizeContactEmail","normalizeCrmLeadProfile","ICON_VARIANT_CLOSE","Container","MdiIcon","SrOnly","NavigationDrawerComponent","Alert","Button","IconButton","MenuItem","Stack","TextField","Typography","ContainerPicker","useEffect","useState","useContactFieldDefinitions","useCrmCampaigns","useCrmScope","ContactAddressFields","EMPTY_ADDRESS","CrmSitePicker","CrmCustomFieldControl","crmCustomDraftDocument","crmCustomDraftMissingRequired","LeadOwnerSelect","LeadSourceSelect","useLeadSourcePicklist","NOTES_MAX","NewLeadDrawer","props","open","onClose","hostId","org","busy","error","roster","orgId","onSubmit","createHostId","email","setEmail","name","setName","company","setCompany","jobTitle","setJobTitle","phone","setPhone","website","setWebsite","leadSource","setLeadSource","leadSources","leadSourceTouched","setLeadSourceTouched","defaultLeadSource","picklist","status","setStatus","ownerUid","setOwnerUid","tags","setTags","campaignIds","setCampaignIds","address","setAddress","notes","setNotes","fields","custom","setCustom","customError","setCustomError","emailError","setEmailError","phoneError","setPhoneError","websiteError","setWebsiteError","campaigns","enabled","handleSubmit","errors","patch","normalizedEmail","missing","active","length","join","trim","replace","slice","anchor","variant","AppBarProps","color","sx","width","xs","sm","appBarLeft","edge","onClick","mr","path","component","appBarRight","gutterY","spacing","severity","disabled","Boolean","helperText","size","label","type","value","onChange","event","target","required","fullWidth","autoFocus","slotProps","htmlInput","maxLength","direction","select","new","working","placeholder","kind","options","empty","ready","emptyText","map","definition","key","current","$id","multiline","minRows"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/new-lead-drawer.tsx"],"sourcesContent":["'use client'\n\nimport {\n  CRM_LEAD_TEXT_MAX,\n  type CrmCustomValue,\n  type CrmLeadStatus,\n  crmLeadStatusLabelFor,\n  crmLeadStatusOptions,\n  containerMembershipValue,\n  crmLeadComposedName,\n  type CrmLeadProfilePatch,\n  crmPicklistDefaultLabel,\n  normalizeContactEmail,\n  normalizeCrmLeadProfile,\n  type AglynPostalAddress,\n} from '@aglyn/aglyn'\nimport { ICON_VARIANT_CLOSE } from '@aglyn/shared-data-enums'\nimport { Container, MdiIcon, SrOnly } from '@aglyn/shared-ui-jsx'\nimport { NavigationDrawerComponent } from '@aglyn/shared-ui-jsx/components/navigation-drawer.component'\nimport {\n  Alert,\n  Button,\n  IconButton,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport ContainerPicker from '@aglyn/tenant-feature-instance/components/container-picker'\nimport { useEffect, useState } from 'react'\nimport { useContactFieldDefinitions } from '../hooks/use-contact-field-definitions'\nimport { useCrmCampaigns } from '../hooks/use-crm-campaigns'\nimport { useCrmScope } from '../hooks/use-crm-scope'\nimport type { OrgMemberOptions } from '../hooks/use-org-member-options'\nimport {\n  EMPTY_LEAD_PROFILE_DRAFT,\n  leadDraftComposedName,\n  LeadProfileFields,\n  type LeadProfileDraft,\n  leadProfileDraftBody,\n} from './lead-profile-fields'\nimport { CrmSitePicker } from './crm-site-picker'\nimport { CrmCustomFieldControl } from './crm-custom-field-control'\nimport {\n  type CrmCustomDraft,\n  crmCustomDraftDocument,\n  crmCustomDraftMissingRequired,\n} from '../model/crm-custom-draft'\nimport { LeadOwnerSelect } from './lead-owner-select'\nimport { useLeadSourcePicklist } from '../hooks/use-lead-source-picklist'\nimport { useLeadPicklists } from '../hooks/use-lead-picklists'\nimport { useLeadStatusPicklist } from '../hooks/use-lead-status-picklist'\n\n/** The meanings a lead is entered in by hand: New or Working (AGL-3231). */\nconst NEW_LEAD_STATUSES: readonly CrmLeadStatus[] = ['new', 'working']\n\n/** What the drawer hands back — already normalized where the route would. */\nexport interface NewLeadValues {\n  email: string\n  name: string\n  company: string\n  jobTitle: string\n  phone: string\n  website: string\n  leadSource: string\n  /** One of the org's New or Working values, by its label (AGL-3512). */\n  status: string\n  ownerUid: string\n  tags: string[]\n  /** The site's campaigns to file the lead under (AGL-3254), by id. */\n  campaignIds: string[]\n  address: AglynPostalAddress | null\n  notes: string\n  /**\n   * The org's custom lead fields (AGL-3272), keyed by each definition's\n   * `key`. Absent when the org has defined none, or none was filled — the\n   * route stores a `custom` map only when there is one.\n   */\n  custom?: Record<string, CrmCustomValue>\n  /**\n   * Salesforce's standard lead fields (AGL-3513) — salutation, the name's\n   * parts, mobile, fax, do not call, industry, rating, size and revenue —\n   * normalized as the route stores them, only the ones that were filled.\n   */\n  standard: Pick<\n    CrmLeadProfilePatch,\n    | 'salutation'\n    | 'firstName'\n    | 'lastName'\n    | 'mobilePhone'\n    | 'fax'\n    | 'doNotCall'\n    | 'industry'\n    | 'rating'\n    | 'annualRevenueCents'\n    | 'currency'\n    | 'numberOfEmployees'\n  >\n}\n\nexport interface NewLeadDrawerProps {\n  open: boolean\n  onClose: () => void\n  /**\n   * The site the lead is filed under — a lead is private to one site by\n   * path. `null` at the organization level, where the drawer asks which\n   * site with a picker and holds its submit until one is named.\n   */\n  hostId: string | null\n  org?: Record<string, unknown> | null\n  /** The request is in flight — the form holds still and the button says so. */\n  busy?: boolean\n  /** What the route answered when it refused, shown above the form. */\n  error?: string | null\n  /** The team, for the owner picker. */\n  roster: OrgMemberOptions\n  /**\n   * The org the custom lead fields belong to (AGL-3272), as the list\n   * already resolved it. `null` while it is in flight — the drawer then\n   * shows the standard fields and no custom ones, which is what an org\n   * with none defined shows anyway.\n   */\n  orgId?: string | null\n  onSubmit: (values: NewLeadValues) => void\n}\n\nconst NOTES_MAX = 4000\n\n/**\n * ADDING ONE LEAD BY HAND, IN A DRAWER (AGL-3231).\n *\n * Salesforce's New Lead, on the Leads list: a person the team has heard of\n * and not yet qualified, entered with what is known — the address, the\n * name, the company as text, a title, a phone, a website, an address, tags\n * and where they came from. It makes a lead and nothing else: no contact,\n * no company record. Those are the conversion's to create once the lead is\n * real, which is what keeps one person from sitting in two lists.\n *\n * A drawer and not a form above the list, for the reason every list in this\n * console gives. The two fields a person can mistype in a way the record\n * cannot hold — the email and the phone, and the website beside them — are\n * checked before the request leaves, with the same normalizer the route\n * runs, so the refusal lands under the field. Everything else is the\n * route's to decide: whether the site already holds the address (it\n * updates that lead), whether the plan carries the suite, whether the site\n * is at the platform ceiling.\n */\nexport function NewLeadDrawer(props: NewLeadDrawerProps) {\n  const { open, onClose, hostId, org, busy, error, roster, orgId, onSubmit } = props\n  // The site the route files the lead under: the mounted site, or at the\n  // organization level the picked one. `null` until it is known.\n  const { createHostId } = useCrmScope({ hostId, org: org as never })\n\n  const [email, setEmail] = useState('')\n  const [name, setName] = useState('')\n  /*\n   * THE PROFILE (AGL-3231, AGL-3513), one draft the fields edit — the\n   * lead's page edits the same draft with the same fields.\n   */\n  const [profile, setProfile] = useState<LeadProfileDraft>(EMPTY_LEAD_PROFILE_DRAFT)\n  const [profileErrors, setProfileErrors] = useState<Record<string, string>>({})\n  const editProfile = <K extends keyof LeadProfileDraft>(key: K, value: LeadProfileDraft[K]) =>\n    setProfile((current) => ({ ...current, [key]: value }))\n  // The org's Salutation, Industry and Rating lists (AGL-3513).\n  const leadPicklists = useLeadPicklists(open ? (orgId ?? null) : null)\n  /*\n   * THE ORG'S LEAD SOURCES (AGL-3298), and its default for a new record.\n   * The default is filled in once the list has answered and only until the\n   * person picks something themselves — \"None\" included — so a list that\n   * arrives after the drawer opened does not overwrite a choice.\n   */\n  const leadSources = useLeadSourcePicklist(orgId ?? null)\n  const [leadSourceTouched, setLeadSourceTouched] = useState(false)\n  const defaultLeadSource = crmPicklistDefaultLabel(leadSources.picklist) ?? ''\n  useEffect(() => {\n    if (open && !leadSourceTouched) {\n      setProfile((current) => ({ ...current, leadSource: defaultLeadSource }))\n    }\n  }, [open, leadSourceTouched, defaultLeadSource])\n  // The org's New and Working values (AGL-3512); a new lead starts as New's.\n  const leadStatuses = useLeadStatusPicklist(orgId ?? null)\n  const statusChoices = crmLeadStatusOptions(leadStatuses.picklist, NEW_LEAD_STATUSES)\n  const [status, setStatus] = useState('')\n  const shownStatus = statusChoices.some((choice) => choice.label === status)\n    ? status\n    : crmLeadStatusLabelFor(leadStatuses.picklist, 'new')\n  const [ownerUid, setOwnerUid] = useState('')\n  const [campaignIds, setCampaignIds] = useState<string[]>([])\n  const [notes, setNotes] = useState('')\n  /*\n   * The org's own lead fields (AGL-3272). A CREATE holds only a draft —\n   * there is no stored map to diff against — and `crmCustomDraftDocument`\n   * turns it into the `custom` the route stores, or nothing.\n   */\n  const fields = useContactFieldDefinitions(orgId ?? null, 'lead')\n  const [custom, setCustom] = useState<CrmCustomDraft>({})\n  const [customError, setCustomError] = useState('')\n  const [emailError, setEmailError] = useState('')\n  /*\n   * The campaigns, for the picker (AGL-3254): read while the drawer is\n   * open. Under a site, the ones placed on it; at the organization level,\n   * every campaign in the org — the lead is the org's record whichever\n   * site it is captured by, so the site picked above does not narrow them.\n   */\n  const campaigns = useCrmCampaigns({ hostId, orgId }, { enabled: open })\n\n  // A fresh form on every opening: a person typed and then abandoned must\n  // not reappear half-filled the next time somebody reaches for New lead.\n  useEffect(() => {\n    if (!open) return\n    setEmail('')\n    setName('')\n    setProfile(EMPTY_LEAD_PROFILE_DRAFT)\n    setProfileErrors({})\n    setLeadSourceTouched(false)\n    setStatus('')\n    setOwnerUid('')\n    setCampaignIds([])\n    setNotes('')\n    setCustom({})\n    setCustomError('')\n    setEmailError('')\n  }, [open])\n\n  const handleSubmit = () => {\n    const normalizedEmail = normalizeContactEmail(email)\n    const { body, revenueError } = leadProfileDraftBody(profile)\n    const { patch, errors } = normalizeCrmLeadProfile(body)\n    const shown: Record<string, string> = { ...errors }\n    if (revenueError) shown['annualRevenueCents'] = revenueError\n    // Every required lead field counts on a create: the record is being\n    // made whole, and nothing has been written to come back and fill.\n    const missing = crmCustomDraftMissingRequired(fields.active, {}, custom, 'create')\n    setEmailError(normalizedEmail ? '' : 'Enter a valid email address.')\n    setProfileErrors(shown)\n    setCustomError(\n      missing.length\n        ? `${missing.join(', ')} ${missing.length > 1 ? 'are' : 'is'} required.`\n        : '',\n    )\n    if (!normalizedEmail || Object.keys(shown).length || missing.length) return\n    // Only what was filled: a create has nothing to clear.\n    const standard: NewLeadValues['standard'] = {}\n    for (const key of [\n      'salutation',\n      'firstName',\n      'lastName',\n      'mobilePhone',\n      'fax',\n      'doNotCall',\n      'industry',\n      'rating',\n      'annualRevenueCents',\n      'currency',\n      'numberOfEmployees',\n    ] as const) {\n      const value = patch[key]\n      if (value !== null && value !== undefined) Object.assign(standard, { [key]: value })\n    }\n    onSubmit({\n      email: normalizedEmail,\n      // While a first or last name is typed, the name is theirs (AGL-3513).\n      name:\n        crmLeadComposedName(null, patch) ??\n        name.trim().replace(/\\s+/g, ' ').slice(0, CRM_LEAD_TEXT_MAX),\n      company: patch.company ?? '',\n      jobTitle: patch.jobTitle ?? '',\n      phone: patch.phone ?? '',\n      website: patch.website ?? '',\n      leadSource: patch.leadSource ?? '',\n      status: shownStatus,\n      ownerUid,\n      tags: patch.tags ?? [],\n      campaignIds: containerMembershipValue(campaignIds),\n      address: patch.address ?? null,\n      notes: notes.trim().slice(0, NOTES_MAX),\n      custom: crmCustomDraftDocument(custom),\n      standard,\n    })\n  }\n\n  const composedName = leadDraftComposedName(profile)\n\n  return (\n    <NavigationDrawerComponent\n      open={open}\n      anchor=\"right\"\n      variant=\"temporary\"\n      onClose={onClose}\n      AppBarProps={{ color: 'surface' }}\n      sx={{ '& .MuiDrawer-paper': { width: { xs: '100%', sm: 480 } } }}\n      appBarLeft={\n        <>\n          <IconButton\n            color=\"inherit\"\n            edge=\"start\"\n            onClick={onClose}\n            sx={{ mr: 2 }}\n          >\n            <MdiIcon path={ICON_VARIANT_CLOSE.path} />\n            <SrOnly>close drawer</SrOnly>\n          </IconButton>\n          <Typography variant=\"h6\" component=\"div\">\n            {'New lead'}\n          </Typography>\n        </>\n      }\n      appBarRight={\n        <Button variant=\"outlined\" color=\"inherit\" onClick={onClose}>\n          {'Cancel'}\n        </Button>\n      }\n    >\n      <Container gutterY>\n        <Stack spacing={2}>\n          {error ? <Alert severity=\"warning\">{error}</Alert> : null}\n          {/* First, because the lead is filed under the answer. Renders nothing under a site. */}\n          <CrmSitePicker\n            hostId={hostId}\n            disabled={Boolean(busy)}\n            helperText=\"The site this lead is filed under — a lead is private to one site.\"\n          />\n          <TextField\n            size=\"small\"\n            label=\"Email\"\n            type=\"email\"\n            value={email}\n            onChange={(event) => setEmail(event.target.value)}\n            error={Boolean(emailError)}\n            helperText={\n              emailError ||\n              'The one field that is required — a site holds one lead per address.'\n            }\n            required\n            fullWidth\n            autoFocus\n          />\n          <TextField\n            size=\"small\"\n            label=\"Name\"\n            value={composedName || name}\n            onChange={(event) => setName(event.target.value)}\n            slotProps={{\n              htmlInput: { maxLength: CRM_LEAD_TEXT_MAX },\n              input: { readOnly: Boolean(composedName) },\n            }}\n            helperText={\n              composedName ? 'Made of the first and last name.' : 'Or the whole name in one field.'\n            }\n            fullWidth\n          />\n          <LeadProfileFields\n            draft={profile}\n            onChange={(key, value) => {\n              if (key === 'leadSource') setLeadSourceTouched(true)\n              editProfile(key, value)\n            }}\n            errors={profileErrors}\n            disabled={Boolean(busy)}\n            leadSources={leadSources.picklist}\n            lists={leadPicklists.lists}\n            helperTexts={{\n              company: 'As text — converting the lead is what makes it a company record.',\n              leadSource:\n                'Where this lead came from. The choices are kept under CRM › Fields › Leads.',\n            }}\n          />\n          <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>\n            <TextField\n              select\n              size=\"small\"\n              label=\"Status\"\n              value={statusChoices.some((choice) => choice.label === shownStatus) ? shownStatus : ''}\n              onChange={(event) => setStatus(String(event.target.value))}\n              fullWidth\n            >\n              {statusChoices.map((choice) => (\n                <MenuItem key={choice.label} value={choice.label}>\n                  {choice.label}\n                </MenuItem>\n              ))}\n            </TextField>\n            <LeadOwnerSelect\n              value={ownerUid}\n              onChange={setOwnerUid}\n              roster={roster}\n            />\n          </Stack>\n          {/*\n            The campaigns to file the lead under (AGL-3254), picked the way a\n            form's page picks them. Grouping, not consent: it decides which\n            campaign pages list the lead, never whether anything mails them.\n           */}\n          <ContainerPicker\n            kind=\"campaign\"\n            options={campaigns.options}\n            value={campaignIds}\n            onChange={setCampaignIds}\n            helperText=\"The campaigns this lead is part of. It does not decide who a campaign mails.\"\n            disabled={Boolean(busy)}\n            empty={campaigns.ready && !campaigns.options.length}\n            emptyText={\n              hostId\n                ? 'This site has no campaigns yet. Create one from Marketing to file leads under it.'\n                : 'There are no campaigns yet. Create one from Marketing to file leads under it.'\n            }\n          />\n          {/* The org's own lead fields (AGL-3272), the same controls the\n              lead's page edits them with. */}\n          {fields.active.length ? (\n            <>\n              <Typography variant=\"subtitle2\">{'Custom fields'}</Typography>\n              {customError ? <Alert severity=\"warning\">{customError}</Alert> : null}\n              {fields.active.map((definition) => (\n                <CrmCustomFieldControl\n                  key={definition.$id}\n                  definition={definition}\n                  value={custom[definition.key]}\n                  onChange={(value) =>\n                    setCustom((current) => ({ ...current, [definition.key]: value }))\n                  }\n                  disabled={Boolean(busy)}\n                />\n              ))}\n            </>\n          ) : null}\n          <TextField\n            size=\"small\"\n            label=\"Notes\"\n            value={notes}\n            onChange={(event) => setNotes(event.target.value)}\n            multiline\n            minRows={2}\n            slotProps={{ htmlInput: { maxLength: NOTES_MAX } }}\n            fullWidth\n          />\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            // Held until the site is known: the route files the lead under it.\n            disabled={Boolean(busy) || !createHostId}\n            onClick={handleSubmit}\n          >\n            {busy ? 'Adding…' : 'Add lead'}\n          </Button>\n        </Stack>\n      </Container>\n    </NavigationDrawerComponent>\n  )\n}\n\nexport default NewLeadDrawer\n"],"names":["CRM_LEAD_TEXT_MAX","crmLeadStatusLabelFor","crmLeadStatusOptions","containerMembershipValue","crmLeadComposedName","crmPicklistDefaultLabel","normalizeContactEmail","normalizeCrmLeadProfile","ICON_VARIANT_CLOSE","Container","MdiIcon","SrOnly","NavigationDrawerComponent","Alert","Button","IconButton","MenuItem","Stack","TextField","Typography","ContainerPicker","useEffect","useState","useContactFieldDefinitions","useCrmCampaigns","useCrmScope","EMPTY_LEAD_PROFILE_DRAFT","leadDraftComposedName","LeadProfileFields","leadProfileDraftBody","CrmSitePicker","CrmCustomFieldControl","crmCustomDraftDocument","crmCustomDraftMissingRequired","LeadOwnerSelect","useLeadSourcePicklist","useLeadPicklists","useLeadStatusPicklist","NEW_LEAD_STATUSES","NOTES_MAX","NewLeadDrawer","props","open","onClose","hostId","org","busy","error","roster","orgId","onSubmit","createHostId","email","setEmail","name","setName","profile","setProfile","profileErrors","setProfileErrors","editProfile","key","value","current","leadPicklists","leadSources","leadSourceTouched","setLeadSourceTouched","defaultLeadSource","picklist","leadSource","leadStatuses","statusChoices","status","setStatus","shownStatus","some","choice","label","ownerUid","setOwnerUid","campaignIds","setCampaignIds","notes","setNotes","fields","custom","setCustom","customError","setCustomError","emailError","setEmailError","campaigns","enabled","handleSubmit","patch","normalizedEmail","body","revenueError","errors","shown","missing","active","length","join","Object","keys","standard","undefined","assign","trim","replace","slice","company","jobTitle","phone","website","tags","address","composedName","anchor","variant","AppBarProps","color","sx","width","xs","sm","appBarLeft","edge","onClick","mr","path","component","appBarRight","gutterY","spacing","severity","disabled","Boolean","helperText","size","type","onChange","event","target","required","fullWidth","autoFocus","slotProps","htmlInput","maxLength","input","readOnly","draft","lists","helperTexts","direction","select","String","map","kind","options","empty","ready","emptyText","definition","$id","multiline","minRows"],"mappings":"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"}

package/src/lib/components/picklist-select.d.ts

@@ -0,0 +1,36 @@
+import { type CrmPicklist, type CrmPicklistId } from '@aglyn/aglyn';
+export interface CrmPicklistSelectProps {
+    /** Which of the CRM's standard picklists the field is. */
+    picklistId: CrmPicklistId;
+    picklist: CrmPicklist;
+    /** The label the record holds, or `''` for none. */
+    value: string;
+    onChange: (label: string) => void;
+    /**
+     * What the record held when the form opened. Kept in the menu while the
+     * list no longer offers it — deactivated, or written before the list
+     * held it — so the select shows what is stored until somebody changes it.
+     */
+    stored?: string;
+    disabled?: boolean;
+    helperText?: string;
+    error?: boolean;
+    /** The field's label, when a record names it otherwise than the list does. */
+    label?: string;
+}
+/**
+ * A standard picklist's select (AGL-3298, AGL-3510): the org's active
+ * values in the order the Fields page keeps them, a "None" to clear, and
+ * the record's own value when the list would not otherwise show it —
+ * marked, and selectable only as what it already is. A definition with
+ * groups lists its values under a heading per group, in the definition's
+ * order, with ungrouped values last.
+ *
+ * MUI's select `TextField`, the control every CRM form in this plugin uses
+ * for a fixed choice, so it sizes, labels and disables like its neighbors.
+ */
+export declare function CrmPicklistSelect(props: CrmPicklistSelectProps): import("react").JSX.Element;
+export declare namespace CrmPicklistSelect {
+    var displayName: string;
+}
+export default CrmPicklistSelect;

package/src/lib/components/picklist-select.js

@@ -0,0 +1,114 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { crmPicklistDefinition, crmPicklistOptions, groupPicklistOptions } from "@aglyn/aglyn";
+import { ListItemText, ListSubheader, MenuItem, TextField } from "@mui/material";
+import { useMemo } from "react";
+/** How a kept value that the list does not offer reads in the menu and the field. */ function optionText(option) {
+    if (option.inactive) return `${option.label} (inactive)`;
+    if (option.unlisted) return `${option.label} (not in the list)`;
+    return option.label;
+}
+/**
+ * A standard picklist's select (AGL-3298, AGL-3510): the org's active
+ * values in the order the Fields page keeps them, a "None" to clear, and
+ * the record's own value when the list would not otherwise show it —
+ * marked, and selectable only as what it already is. A definition with
+ * groups lists its values under a heading per group, in the definition's
+ * order, with ungrouped values last.
+ *
+ * MUI's select `TextField`, the control every CRM form in this plugin uses
+ * for a fixed choice, so it sizes, labels and disables like its neighbors.
+ */ export function CrmPicklistSelect(props) {
+    var _ref, _ref1;
+    const { picklistId, picklist, value, onChange, stored, disabled, helperText, error, label } = props;
+    const definition = crmPicklistDefinition(picklistId);
+    const options = useMemo(()=>crmPicklistOptions(picklist, stored || value), [
+        picklist,
+        stored,
+        value
+    ]);
+    const selected = options.find((option)=>option.label === value);
+    const item = (option)=>/*#__PURE__*/ _jsx(MenuItem, {
+            value: option.label,
+            // A kept value is shown so the record reads true, not offered as a
+            // choice for a record that does not hold it already.
+            disabled: (option.inactive || option.unlisted) && option.label !== (stored || value),
+            children: /*#__PURE__*/ _jsx(ListItemText, {
+                primary: optionText(option),
+                slotProps: option.inactive || option.unlisted ? {
+                    primary: {
+                        color: 'text.secondary'
+                    }
+                } : undefined
+            })
+        }, option.label);
+    // The menu's children flat — a Select reads its options from its direct
+    // children, so the headings sit between them rather than around them.
+    const groups = (_ref = definition == null ? void 0 : definition.groups) != null ? _ref : [];
+    const items = groups.length ? groupPicklistOptions(options, groups).flatMap((section)=>{
+        var _ref, _ref1;
+        var _section_group, _section_group1;
+        return [
+            /*#__PURE__*/ _jsx(ListSubheader, {
+                children: (_ref = (_section_group = section.group) == null ? void 0 : _section_group.label) != null ? _ref : 'No group'
+            }, `group:${(_ref1 = (_section_group1 = section.group) == null ? void 0 : _section_group1.id) != null ? _ref1 : ''}`),
+            ...section.options.map(item)
+        ];
+    }) : options.map(item);
+    return /*#__PURE__*/ _jsxs(TextField, {
+        select: true,
+        size: "small",
+        label: (_ref1 = label != null ? label : definition == null ? void 0 : definition.label) != null ? _ref1 : 'Value',
+        value: selected ? value : '',
+        onChange: (event)=>onChange(String(event.target.value)),
+        disabled: disabled,
+        helperText: helperText,
+        error: error,
+        fullWidth: true,
+        slotProps: {
+            select: {
+                displayEmpty: true,
+                renderValue: (current)=>{
+                    const option = options.find((entry)=>entry.label === current);
+                    return option ? optionText(option) : 'None';
+                }
+            },
+            inputLabel: {
+                shrink: true
+            }
+        },
+        children: [
+            /*#__PURE__*/ _jsx(MenuItem, {
+                value: "",
+                children: /*#__PURE__*/ _jsx(ListItemText, {
+                    primary: "None",
+                    slotProps: {
+                        primary: {
+                            color: 'text.secondary'
+                        }
+                    }
+                })
+            }),
+            items
+        ]
+    });
+}
+CrmPicklistSelect.displayName = 'CrmPicklistSelect';
+export default CrmPicklistSelect;
+
+//# sourceMappingURL=picklist-select.js.map