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

package/src/lib/components/log-activity-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/log-activity-dialog.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport * as Aglyn from '@aglyn/aglyn'\nimport type { CrmActivityKind, CrmActivityRow } from '@aglyn/aglyn'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useUser, useUserName } from '@aglyn/tenant-feature-instance'\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  MenuItem,\n  Stack,\n  TextField,\n} from '@mui/material'\nimport {\n  addDoc,\n  collection,\n  deleteField,\n  doc,\n  getCountFromServer,\n  query,\n  updateDoc,\n  where,\n} from 'firebase/firestore'\nimport { useCallback, useEffect, useState } from 'react'\nimport { crmVisibleToClause } from '../hooks/use-crm-scope'\nimport type { ActivityRecordLink, ActivityScope } from './activity-queries'\nimport { CrmSitePicker } from './crm-site-picker'\n\n/** The longest body a single activity stores — a call summary, not a document. */\nconst BODY_MAX = 4000\nconst OUTCOME_MAX = 200\nconst DURATION_MAX_MINUTES = 24 * 60\n\n/**\n * Epoch millis as the value a `datetime-local` input holds, in the LOCAL\n * zone — the input has no zone of its own, so an ISO string with a `Z`\n * would land the call an offset away from when it happened.\n */\nfunction toLocalInput(ms: number): string {\n  if (!Number.isFinite(ms)) return ''\n  const date = new Date(ms)\n  const pad = (value: number) => String(value).padStart(2, '0')\n  return (\n    `${date.getFullYear()}-${pad(date.getMonth() + 1)}-` +\n    `${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`\n  )\n}\n\n/** The inverse: a `datetime-local` value parsed as local time, or `null`. */\nfunction fromLocalInput(value: string): number | null {\n  if (!value) return null\n  const ms = new Date(value).getTime()\n  return Number.isFinite(ms) ? ms : null\n}\n\ninterface Draft {\n  kind: CrmActivityKind\n  body: string\n  /** The `datetime-local` string, not millis — what the input holds. */\n  at: string\n  outcome: string\n  /** Free text until save, so a half-typed number does not snap to zero. */\n  durationMinutes: string\n}\n\n/** The kind a new activity opens on when the caller names none. */\nconst DEFAULT_KIND: CrmActivityKind = 'call'\n\nconst freshDraft = (kind: CrmActivityKind = DEFAULT_KIND): Draft => ({\n  kind,\n  body: '',\n  at: toLocalInput(Date.now()),\n  outcome: '',\n  durationMinutes: '',\n})\n\nconst draftFrom = (activity: CrmActivityRow): Draft => ({\n  kind: Aglyn.isCrmActivityKind(activity.kind) ? activity.kind : 'other',\n  body: activity.body ?? '',\n  at: toLocalInput(activity.atMs),\n  outcome: activity.outcome ?? '',\n  durationMinutes:\n    typeof activity.durationMinutes === 'number'\n      ? String(activity.durationMinutes)\n      : '',\n})\n\nexport interface LogActivityDialogProps {\n  open: boolean\n  onClose: () => void\n  /** Where the activity is written, from `useActivityScope`. */\n  scope: ActivityScope\n  /**\n   * The record the activity is filed against, FIXED by the caller. A\n   * contact's page logs against that contact; the dialog offers no picker,\n   * because an activity logged from a record page is about that record and\n   * a picker would be a way to file it somewhere the reader is not looking.\n   */\n  link: ActivityRecordLink\n  /**\n   * When set, the dialog EDITS this activity rather than logging a new one.\n   * The link, the author and the scope stay what they were; only what was\n   * said, when, and how it went can change.\n   */\n  activity?: CrmActivityRow | null\n  /**\n   * What a NEW activity opens as (AGL-2661) — the click-to-call button\n   * opens the dialog already a call, so logging one is the button and a\n   * sentence rather than the button, the kind and a sentence. Ignored for\n   * an edit, whose kind is the activity's own.\n   */\n  kind?: CrmActivityKind\n}\n\n/**\n * Log a call, an email, a meeting, a note or something else against a\n * record (AGL-2600) — or correct one already logged.\n *\n * ## What is written\n *\n * A new activity carries the whole `CrmScoped` stamp: `visibleTo` from\n * `crmScopeTokens`, so it lands in exactly the scope a contact captured on\n * this site would; `hostId` as provenance; `byUid` and `byName` for the\n * author, the name denormalized because a colleague reading the log cannot\n * resolve a uid (see `CrmActivity.byName`); `atMs` for when it HAPPENED,\n * which the reader picks and which defaults to now; and the timestamps.\n *\n * An edit rewrites only the fields the dialog shows. `visibleTo` is never\n * touched — the rules refuse a scoped member changing it, and widening a\n * record is an act for an org-wide member on the record itself — and neither\n * is the author or the link. A kind that stops taking an outcome takes the\n * outcome and the duration off the document rather than leaving a stale\n * \"left a voicemail\" on what is now a note.\n *\n * ## Who may write\n *\n * The rules admit any member who may write scoped org data, on create and\n * on update alike; they do not distinguish the author. The card that opens\n * this dialog for an edit checks the author itself (`useCanEditActivity`),\n * so what reaches here has already passed the console's verdict.\n */\nexport function LogActivityDialog(props: LogActivityDialogProps) {\n  const { open, onClose, scope, link, activity, kind: presetKind } = props\n  const { firestore, dataScope, hostId, mountedHostId, readTokens, writeTokens } =\n    scope\n  const { data: user } = useUser()\n  const authorName = useUserName()\n  const { enqueueSnackbar } = useSnackbar()\n  const [draft, setDraft] = useState<Draft>(freshDraft)\n  const [saving, setSaving] = useState(false)\n\n  /*\n   * Seeded on OPEN, not on mount: the dialog stays mounted between uses so\n   * its state survives a close, and \"log another call\" must start from now\n   * rather than from the last call's timestamp.\n   */\n  useEffect(() => {\n    if (open) setDraft(activity ? draftFrom(activity) : freshDraft(presetKind))\n  }, [open, activity, presetKind])\n\n  const hasOutcome = Aglyn.activityKindHasOutcome(draft.kind)\n  const atMs = fromLocalInput(draft.at)\n  const body = draft.body.trim()\n  const duration = draft.durationMinutes.trim()\n    ? Number(draft.durationMinutes)\n    : null\n  const durationValid =\n    duration === null ||\n    (Number.isInteger(duration) &&\n      duration >= 0 &&\n      duration <= DURATION_MAX_MINUTES)\n  const canSave =\n    Boolean(dataScope) &&\n    Boolean(user?.uid) &&\n    // A NEW activity is stamped with a site's scope and provenance; at the\n    // organization level that is the picked site, and there is nothing to\n    // write until there is one (AGL-2630). An edit never touches either.\n    (Boolean(activity) || Boolean(hostId)) &&\n    body.length > 0 &&\n    atMs !== null &&\n    durationValid &&\n    !saving\n\n  const handleSave = useCallback(async () => {\n    // Every guard the button reads, again — a callback can outlive the\n    // render that disabled it.\n    if (!dataScope || !user?.uid || !body || atMs === null || !durationValid) {\n      return\n    }\n    if (!activity && !hostId) return\n    setSaving(true)\n    try {\n      const said = {\n        kind: draft.kind,\n        body: body.slice(0, BODY_MAX),\n        atMs,\n      }\n      const outcome = hasOutcome ? draft.outcome.trim().slice(0, OUTCOME_MAX) : ''\n      const durationMinutes = hasOutcome && duration !== null ? duration : null\n      if (activity) {\n        await updateDoc(\n          doc(\n            firestore,\n            dataScope[0],\n            dataScope[1],\n            Aglyn.CRM_COLLECTIONS.activities,\n            activity.$id,\n          ),\n          {\n            ...said,\n            // Cleared rather than left: a call turned into a note must not\n            // keep the call's outcome, and Firestore refuses `undefined`.\n            outcome: outcome ? outcome : deleteField(),\n            durationMinutes:\n              durationMinutes !== null ? durationMinutes : deleteField(),\n            updatedAt: new Date(),\n          },\n        )\n        enqueueSnackbar('Activity updated', { variant: 'success', persist: false })\n      } else {\n        /*\n         * THE PER-RECORD CEILING (AGL-2611): one aggregate on the record\n         * this dialog is filing under, before the write — the same count\n         * the automation step and the REST create take, on the same link.\n         * Scoped to the tokens this viewer may list, as every activity\n         * listener is, so the rules admit the aggregate for a scoped\n         * member exactly as they admit the timeline.\n         */\n        const lead = Aglyn.crmActivityCeilingLink(link)\n        if (lead) {\n          const logged = (\n            await getCountFromServer(\n              query(\n                collection(\n                  firestore,\n                  dataScope[0],\n                  dataScope[1],\n                  Aglyn.CRM_COLLECTIONS.activities,\n                ),\n                ...crmVisibleToClause(readTokens),\n                where(lead.field, '==', lead.id),\n              ),\n            )\n          ).data().count\n          if (!Aglyn.crmActivityLogHasRoom(logged)) {\n            enqueueSnackbar(Aglyn.CRM_ACTIVITY_LOG_FULL_MESSAGE, {\n              variant: 'warning',\n              persist: false,\n            })\n            return\n          }\n        }\n        await addDoc(\n          collection(\n            firestore,\n            dataScope[0],\n            dataScope[1],\n            Aglyn.CRM_COLLECTIONS.activities,\n          ),\n          {\n            ...said,\n            ...(outcome ? { outcome } : {}),\n            ...(durationMinutes !== null ? { durationMinutes } : {}),\n            // Only the link the caller fixed. A key with no value is\n            // `undefined`, which Firestore refuses, so each is spread in\n            // rather than written blank.\n            ...(link.contactId ? { contactId: link.contactId } : {}),\n            ...(link.companyId ? { companyId: link.companyId } : {}),\n            ...(link.dealId ? { dealId: link.dealId } : {}),\n            ...(link.leadId ? { leadId: link.leadId } : {}),\n            visibleTo: writeTokens,\n            hostId,\n            byUid: user.uid,\n            // Absent rather than blank while the profile is still resolving:\n            // the row reads a stored name over anything else, and an empty\n            // string would be a name.\n            ...(authorName ? { byName: authorName } : {}),\n            createdAt: new Date(),\n            updatedAt: new Date(),\n          },\n        )\n        enqueueSnackbar('Activity logged', { variant: 'success', persist: false })\n      }\n      onClose()\n    } catch (error) {\n      console.error(error)\n      enqueueSnackbar('An error has occurred', {\n        variant: 'error',\n        allowDuplicate: true,\n      })\n    } finally {\n      setSaving(false)\n    }\n  }, [\n    dataScope,\n    user,\n    body,\n    atMs,\n    durationValid,\n    draft.kind,\n    draft.outcome,\n    hasOutcome,\n    duration,\n    activity,\n    firestore,\n    enqueueSnackbar,\n    link,\n    readTokens,\n    writeTokens,\n    hostId,\n    authorName,\n    onClose,\n  ])\n\n  return (\n    <Dialog open={open} onClose={onClose} maxWidth=\"sm\" fullWidth>\n      <DialogTitle>{activity ? 'Edit activity' : 'Log activity'}</DialogTitle>\n      <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n        {/* Only for a new activity at the organization level — see `canSave`. */}\n        {activity ? null : (\n          <CrmSitePicker\n            hostId={mountedHostId}\n            disabled={saving}\n            helperText=\"The site this activity is logged from — it decides which of your sites may see it.\"\n          />\n        )}\n        <Stack direction=\"row\" spacing={1} sx={{ mt: 1 }}>\n          <TextField\n            select\n            size=\"small\"\n            label=\"Kind\"\n            value={draft.kind}\n            onChange={(event) =>\n              setDraft((prev) => ({\n                ...prev,\n                kind: Aglyn.isCrmActivityKind(event.target.value)\n                  ? event.target.value\n                  : prev.kind,\n              }))\n            }\n            sx={{ minWidth: 140 }}\n          >\n            {Aglyn.CRM_ACTIVITY_KINDS.map((kind) => (\n              <MenuItem key={kind} value={kind}>\n                {Aglyn.CRM_ACTIVITY_KIND_LABELS[kind]}\n              </MenuItem>\n            ))}\n          </TextField>\n          <TextField\n            size=\"small\"\n            label=\"When\"\n            type=\"datetime-local\"\n            value={draft.at}\n            onChange={(event) =>\n              setDraft((prev) => ({ ...prev, at: event.target.value }))\n            }\n            error={draft.at.length > 0 && atMs === null}\n            slotProps={{ inputLabel: { shrink: true } }}\n            sx={{ flex: 1 }}\n          />\n        </Stack>\n        <TextField\n          size=\"small\"\n          label=\"What happened\"\n          value={draft.body}\n          onChange={(event) =>\n            setDraft((prev) => ({ ...prev, body: event.target.value }))\n          }\n          multiline\n          minRows={3}\n          autoFocus\n          slotProps={{ htmlInput: { maxLength: BODY_MAX } }}\n        />\n        {hasOutcome ? (\n          <Stack direction=\"row\" spacing={1}>\n            <TextField\n              size=\"small\"\n              label=\"Outcome\"\n              placeholder=\"Left a voicemail\"\n              value={draft.outcome}\n              onChange={(event) =>\n                setDraft((prev) => ({ ...prev, outcome: event.target.value }))\n              }\n              slotProps={{ htmlInput: { maxLength: OUTCOME_MAX } }}\n              sx={{ flex: 1 }}\n            />\n            <TextField\n              size=\"small\"\n              label=\"Minutes\"\n              type=\"number\"\n              value={draft.durationMinutes}\n              onChange={(event) =>\n                setDraft((prev) => ({\n                  ...prev,\n                  durationMinutes: event.target.value,\n                }))\n              }\n              error={!durationValid}\n              slotProps={{\n                htmlInput: { min: 0, max: DURATION_MAX_MINUTES, step: 1 },\n              }}\n              sx={{ width: 120 }}\n            />\n          </Stack>\n        ) : null}\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose} disabled={saving}>\n          {'Cancel'}\n        </Button>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          disabled={!canSave}\n          onClick={handleSave}\n        >\n          {activity ? 'Save' : 'Log'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\nLogActivityDialog.displayName = 'LogActivityDialog'\n\nexport default LogActivityDialog\n"],"names":["Aglyn","useSnackbar","useUser","useUserName","Button","Dialog","DialogActions","DialogContent","DialogTitle","MenuItem","Stack","TextField","addDoc","collection","deleteField","doc","getCountFromServer","query","updateDoc","where","useCallback","useEffect","useState","crmVisibleToClause","CrmSitePicker","BODY_MAX","OUTCOME_MAX","DURATION_MAX_MINUTES","toLocalInput","ms","Number","isFinite","date","Date","pad","value","String","padStart","getFullYear","getMonth","getDate","getHours","getMinutes","fromLocalInput","getTime","DEFAULT_KIND","freshDraft","kind","body","at","now","outcome","durationMinutes","draftFrom","activity","isCrmActivityKind","atMs","LogActivityDialog","props","open","onClose","scope","link","presetKind","firestore","dataScope","hostId","mountedHostId","readTokens","writeTokens","data","user","authorName","enqueueSnackbar","draft","setDraft","saving","setSaving","hasOutcome","activityKindHasOutcome","trim","duration","durationValid","isInteger","canSave","Boolean","uid","length","handleSave","said","slice","CRM_COLLECTIONS","activities","$id","updatedAt","variant","persist","lead","crmActivityCeilingLink","logged","field","id","count","crmActivityLogHasRoom","CRM_ACTIVITY_LOG_FULL_MESSAGE","contactId","companyId","dealId","leadId","visibleTo","byUid","byName","createdAt","error","console","allowDuplicate","maxWidth","fullWidth","sx","display","flexDirection","gap","disabled","helperText","direction","spacing","mt","select","size","label","onChange","event","prev","target","minWidth","CRM_ACTIVITY_KINDS","map","CRM_ACTIVITY_KIND_LABELS","type","slotProps","inputLabel","shrink","flex","multiline","minRows","autoFocus","htmlInput","maxLength","placeholder","min","max","step","width","onClick","color","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAEA,YAAYA,WAAW,eAAc;AAErC,SAASC,WAAW,QAAQ,8BAA6B;AACzD,SAASC,OAAO,EAAEC,WAAW,QAAQ,iCAAgC;AACrE,SACEC,MAAM,EACNC,MAAM,EACNC,aAAa,EACbC,aAAa,EACbC,WAAW,EACXC,QAAQ,EACRC,KAAK,EACLC,SAAS,QACJ,gBAAe;AACtB,SACEC,MAAM,EACNC,UAAU,EACVC,WAAW,EACXC,GAAG,EACHC,kBAAkB,EAClBC,KAAK,EACLC,SAAS,EACTC,KAAK,QACA,qBAAoB;AAC3B,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AACxD,SAASC,kBAAkB,QAAQ,4BAAwB;AAE3D,SAASC,aAAa,QAAQ,uBAAmB;AAEjD,gFAAgF,GAChF,MAAMC,WAAW;AACjB,MAAMC,cAAc;AACpB,MAAMC,uBAAuB,KAAK;AAElC;;;;CAIC,GACD,SAASC,aAAaC,EAAU;IAC9B,IAAI,CAACC,OAAOC,QAAQ,CAACF,KAAK,OAAO;IACjC,MAAMG,OAAO,IAAIC,KAAKJ;IACtB,MAAMK,MAAM,CAACC,QAAkBC,OAAOD,OAAOE,QAAQ,CAAC,GAAG;IACzD,OACE,GAAGL,KAAKM,WAAW,GAAG,CAAC,EAAEJ,IAAIF,KAAKO,QAAQ,KAAK,GAAG,CAAC,CAAC,GACpD,GAAGL,IAAIF,KAAKQ,OAAO,IAAI,CAAC,EAAEN,IAAIF,KAAKS,QAAQ,IAAI,CAAC,EAAEP,IAAIF,KAAKU,UAAU,KAAK;AAE9E;AAEA,2EAA2E,GAC3E,SAASC,eAAeR,KAAa;IACnC,IAAI,CAACA,OAAO,OAAO;IACnB,MAAMN,KAAK,IAAII,KAAKE,OAAOS,OAAO;IAClC,OAAOd,OAAOC,QAAQ,CAACF,MAAMA,KAAK;AACpC;AAYA,iEAAiE,GACjE,MAAMgB,eAAgC;AAEtC,MAAMC,aAAa,CAACC,OAAwBF,YAAY,GAAa,CAAA;QACnEE;QACAC,MAAM;QACNC,IAAIrB,aAAaK,KAAKiB,GAAG;QACzBC,SAAS;QACTC,iBAAiB;IACnB,CAAA;AAEA,MAAMC,YAAY,CAACC;QAEXA,gBAEGA;WAJ6C;QACtDP,MAAM/C,MAAMuD,iBAAiB,CAACD,SAASP,IAAI,IAAIO,SAASP,IAAI,GAAG;QAC/DC,IAAI,GAAEM,iBAAAA,SAASN,IAAI,YAAbM,iBAAiB;QACvBL,IAAIrB,aAAa0B,SAASE,IAAI;QAC9BL,OAAO,GAAEG,oBAAAA,SAASH,OAAO,YAAhBG,oBAAoB;QAC7BF,iBACE,OAAOE,SAASF,eAAe,KAAK,WAChChB,OAAOkB,SAASF,eAAe,IAC/B;IACR;;AA6BA;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BC,GACD,OAAO,SAASK,kBAAkBC,KAA6B;IAC7D,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAEC,IAAI,EAAER,QAAQ,EAAEP,MAAMgB,UAAU,EAAE,GAAGL;IACnE,MAAM,EAAEM,SAAS,EAAEC,SAAS,EAAEC,MAAM,EAAEC,aAAa,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAC5ER;IACF,MAAM,EAAES,MAAMC,IAAI,EAAE,GAAGrE;IACvB,MAAMsE,aAAarE;IACnB,MAAM,EAAEsE,eAAe,EAAE,GAAGxE;IAC5B,MAAM,CAACyE,OAAOC,SAAS,GAAGrD,SAAgBwB;IAC1C,MAAM,CAAC8B,QAAQC,UAAU,GAAGvD,SAAS;IAErC;;;;GAIC,GACDD,UAAU;QACR,IAAIsC,MAAMgB,SAASrB,WAAWD,UAAUC,YAAYR,WAAWiB;IACjE,GAAG;QAACJ;QAAML;QAAUS;KAAW;IAE/B,MAAMe,aAAa9E,MAAM+E,sBAAsB,CAACL,MAAM3B,IAAI;IAC1D,MAAMS,OAAOb,eAAe+B,MAAMzB,EAAE;IACpC,MAAMD,OAAO0B,MAAM1B,IAAI,CAACgC,IAAI;IAC5B,MAAMC,WAAWP,MAAMtB,eAAe,CAAC4B,IAAI,KACvClD,OAAO4C,MAAMtB,eAAe,IAC5B;IACJ,MAAM8B,gBACJD,aAAa,QACZnD,OAAOqD,SAAS,CAACF,aAChBA,YAAY,KACZA,YAAYtD;IAChB,MAAMyD,UACJC,QAAQpB,cACRoB,QAAQd,wBAAAA,KAAMe,GAAG,KACjB,uEAAuE;IACvE,sEAAsE;IACtE,qEAAqE;IACpED,CAAAA,QAAQ/B,aAAa+B,QAAQnB,OAAM,KACpClB,KAAKuC,MAAM,GAAG,KACd/B,SAAS,QACT0B,iBACA,CAACN;IAEH,MAAMY,aAAapE,YAAY;QAC7B,mEAAmE;QACnE,2BAA2B;QAC3B,IAAI,CAAC6C,aAAa,EAACM,wBAAAA,KAAMe,GAAG,KAAI,CAACtC,QAAQQ,SAAS,QAAQ,CAAC0B,eAAe;YACxE;QACF;QACA,IAAI,CAAC5B,YAAY,CAACY,QAAQ;QAC1BW,UAAU;QACV,IAAI;YACF,MAAMY,OAAO;gBACX1C,MAAM2B,MAAM3B,IAAI;gBAChBC,MAAMA,KAAK0C,KAAK,CAAC,GAAGjE;gBACpB+B;YACF;YACA,MAAML,UAAU2B,aAAaJ,MAAMvB,OAAO,CAAC6B,IAAI,GAAGU,KAAK,CAAC,GAAGhE,eAAe;YAC1E,MAAM0B,kBAAkB0B,cAAcG,aAAa,OAAOA,WAAW;YACrE,IAAI3B,UAAU;gBACZ,MAAMpC,UACJH,IACEiD,WACAC,SAAS,CAAC,EAAE,EACZA,SAAS,CAAC,EAAE,EACZjE,MAAM2F,eAAe,CAACC,UAAU,EAChCtC,SAASuC,GAAG,GAEd,aACKJ;oBACH,+DAA+D;oBAC/D,8DAA8D;oBAC9DtC,SAASA,UAAUA,UAAUrC;oBAC7BsC,iBACEA,oBAAoB,OAAOA,kBAAkBtC;oBAC/CgF,WAAW,IAAI7D;;gBAGnBwC,gBAAgB,oBAAoB;oBAAEsB,SAAS;oBAAWC,SAAS;gBAAM;YAC3E,OAAO;gBACL;;;;;;;SAOC,GACD,MAAMC,OAAOjG,MAAMkG,sBAAsB,CAACpC;gBAC1C,IAAImC,MAAM;oBACR,MAAME,SAAS,AACb,CAAA,MAAMnF,mBACJC,MACEJ,WACEmD,WACAC,SAAS,CAAC,EAAE,EACZA,SAAS,CAAC,EAAE,EACZjE,MAAM2F,eAAe,CAACC,UAAU,MAE/BrE,mBAAmB6C,aACtBjD,MAAM8E,KAAKG,KAAK,EAAE,MAAMH,KAAKI,EAAE,GAEnC,EACA/B,IAAI,GAAGgC,KAAK;oBACd,IAAI,CAACtG,MAAMuG,qBAAqB,CAACJ,SAAS;wBACxC1B,gBAAgBzE,MAAMwG,6BAA6B,EAAE;4BACnDT,SAAS;4BACTC,SAAS;wBACX;wBACA;oBACF;gBACF;gBACA,MAAMpF,OACJC,WACEmD,WACAC,SAAS,CAAC,EAAE,EACZA,SAAS,CAAC,EAAE,EACZjE,MAAM2F,eAAe,CAACC,UAAU,GAElC,aACKH,MACCtC,UAAU;oBAAEA;gBAAQ,IAAI,CAAC,GACzBC,oBAAoB,OAAO;oBAAEA;gBAAgB,IAAI,CAAC,GAIlDU,KAAK2C,SAAS,GAAG;oBAAEA,WAAW3C,KAAK2C,SAAS;gBAAC,IAAI,CAAC,GAClD3C,KAAK4C,SAAS,GAAG;oBAAEA,WAAW5C,KAAK4C,SAAS;gBAAC,IAAI,CAAC,GAClD5C,KAAK6C,MAAM,GAAG;oBAAEA,QAAQ7C,KAAK6C,MAAM;gBAAC,IAAI,CAAC,GACzC7C,KAAK8C,MAAM,GAAG;oBAAEA,QAAQ9C,KAAK8C,MAAM;gBAAC,IAAI,CAAC;oBAC7CC,WAAWxC;oBACXH;oBACA4C,OAAOvC,KAAKe,GAAG;mBAIXd,aAAa;oBAAEuC,QAAQvC;gBAAW,IAAI,CAAC;oBAC3CwC,WAAW,IAAI/E;oBACf6D,WAAW,IAAI7D;;gBAGnBwC,gBAAgB,mBAAmB;oBAAEsB,SAAS;oBAAWC,SAAS;gBAAM;YAC1E;YACApC;QACF,EAAE,OAAOqD,OAAO;YACdC,QAAQD,KAAK,CAACA;YACdxC,gBAAgB,yBAAyB;gBACvCsB,SAAS;gBACToB,gBAAgB;YAClB;QACF,SAAU;YACRtC,UAAU;QACZ;IACF,GAAG;QACDZ;QACAM;QACAvB;QACAQ;QACA0B;QACAR,MAAM3B,IAAI;QACV2B,MAAMvB,OAAO;QACb2B;QACAG;QACA3B;QACAU;QACAS;QACAX;QACAM;QACAC;QACAH;QACAM;QACAZ;KACD;IAED,qBACE,MAACvD;QAAOsD,MAAMA;QAAMC,SAASA;QAASwD,UAAS;QAAKC,SAAS;;0BAC3D,KAAC7G;0BAAa8C,WAAW,kBAAkB;;0BAC3C,MAAC/C;gBAAc+G,IAAI;oBAAEC,SAAS;oBAAQC,eAAe;oBAAUC,KAAK;gBAAE;;oBAEnEnE,WAAW,qBACV,KAAC9B;wBACC0C,QAAQC;wBACRuD,UAAU9C;wBACV+C,YAAW;;kCAGf,MAACjH;wBAAMkH,WAAU;wBAAMC,SAAS;wBAAGP,IAAI;4BAAEQ,IAAI;wBAAE;;0CAC7C,KAACnH;gCACCoH,MAAM;gCACNC,MAAK;gCACLC,OAAM;gCACN9F,OAAOuC,MAAM3B,IAAI;gCACjBmF,UAAU,CAACC,QACTxD,SAAS,CAACyD,OAAU,aACfA;4CACHrF,MAAM/C,MAAMuD,iBAAiB,CAAC4E,MAAME,MAAM,CAAClG,KAAK,IAC5CgG,MAAME,MAAM,CAAClG,KAAK,GAClBiG,KAAKrF,IAAI;;gCAGjBuE,IAAI;oCAAEgB,UAAU;gCAAI;0CAEnBtI,MAAMuI,kBAAkB,CAACC,GAAG,CAAC,CAACzF,qBAC7B,KAACtC;wCAAoB0B,OAAOY;kDACzB/C,MAAMyI,wBAAwB,CAAC1F,KAAK;uCADxBA;;0CAKnB,KAACpC;gCACCqH,MAAK;gCACLC,OAAM;gCACNS,MAAK;gCACLvG,OAAOuC,MAAMzB,EAAE;gCACfiF,UAAU,CAACC,QACTxD,SAAS,CAACyD,OAAU,aAAKA;4CAAMnF,IAAIkF,MAAME,MAAM,CAAClG,KAAK;;gCAEvD8E,OAAOvC,MAAMzB,EAAE,CAACsC,MAAM,GAAG,KAAK/B,SAAS;gCACvCmF,WAAW;oCAAEC,YAAY;wCAAEC,QAAQ;oCAAK;gCAAE;gCAC1CvB,IAAI;oCAAEwB,MAAM;gCAAE;;;;kCAGlB,KAACnI;wBACCqH,MAAK;wBACLC,OAAM;wBACN9F,OAAOuC,MAAM1B,IAAI;wBACjBkF,UAAU,CAACC,QACTxD,SAAS,CAACyD,OAAU,aAAKA;oCAAMpF,MAAMmF,MAAME,MAAM,CAAClG,KAAK;;wBAEzD4G,SAAS;wBACTC,SAAS;wBACTC,SAAS;wBACTN,WAAW;4BAAEO,WAAW;gCAAEC,WAAW1H;4BAAS;wBAAE;;oBAEjDqD,2BACC,MAACpE;wBAAMkH,WAAU;wBAAMC,SAAS;;0CAC9B,KAAClH;gCACCqH,MAAK;gCACLC,OAAM;gCACNmB,aAAY;gCACZjH,OAAOuC,MAAMvB,OAAO;gCACpB+E,UAAU,CAACC,QACTxD,SAAS,CAACyD,OAAU,aAAKA;4CAAMjF,SAASgF,MAAME,MAAM,CAAClG,KAAK;;gCAE5DwG,WAAW;oCAAEO,WAAW;wCAAEC,WAAWzH;oCAAY;gCAAE;gCACnD4F,IAAI;oCAAEwB,MAAM;gCAAE;;0CAEhB,KAACnI;gCACCqH,MAAK;gCACLC,OAAM;gCACNS,MAAK;gCACLvG,OAAOuC,MAAMtB,eAAe;gCAC5B8E,UAAU,CAACC,QACTxD,SAAS,CAACyD,OAAU,aACfA;4CACHhF,iBAAiB+E,MAAME,MAAM,CAAClG,KAAK;;gCAGvC8E,OAAO,CAAC/B;gCACRyD,WAAW;oCACTO,WAAW;wCAAEG,KAAK;wCAAGC,KAAK3H;wCAAsB4H,MAAM;oCAAE;gCAC1D;gCACAjC,IAAI;oCAAEkC,OAAO;gCAAI;;;yBAGnB;;;0BAEN,MAAClJ;;kCACC,KAACF;wBAAOqJ,SAAS7F;wBAAS8D,UAAU9C;kCACjC;;kCAEH,KAACxE;wBACC2F,SAAQ;wBACR2D,OAAM;wBACNhC,UAAU,CAACtC;wBACXqE,SAASjE;kCAERlC,WAAW,SAAS;;;;;;AAK/B;AACAG,kBAAkBkG,WAAW,GAAG;AAEhC,eAAelG,kBAAiB"}
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/log-activity-dialog.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport * as Aglyn from '@aglyn/aglyn'\nimport type { CrmActivityKind, CrmActivityRow } from '@aglyn/aglyn'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useUser, useUserName } from '@aglyn/tenant-feature-instance'\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  MenuItem,\n  Stack,\n  TextField,\n} from '@mui/material'\nimport {\n  addDoc,\n  collection,\n  deleteField,\n  doc,\n  getCountFromServer,\n  query,\n  updateDoc,\n  where,\n} from 'firebase/firestore'\nimport { useCallback, useEffect, useState } from 'react'\nimport { crmVisibleToClause } from '../hooks/use-crm-scope'\nimport type { ActivityRecordLink, ActivityScope } from './activity-queries'\nimport { CrmSitePicker } from './crm-site-picker'\n\n/** The longest body a single activity stores — a call summary, not a document. */\nconst BODY_MAX = 4000\nconst OUTCOME_MAX = 200\nconst DURATION_MAX_MINUTES = 24 * 60\n\n/**\n * Epoch millis as the value a `datetime-local` input holds, in the LOCAL\n * zone — the input has no zone of its own, so an ISO string with a `Z`\n * would land the call an offset away from when it happened.\n */\nfunction toLocalInput(ms: number): string {\n  if (!Number.isFinite(ms)) return ''\n  const date = new Date(ms)\n  const pad = (value: number) => String(value).padStart(2, '0')\n  return (\n    `${date.getFullYear()}-${pad(date.getMonth() + 1)}-` +\n    `${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`\n  )\n}\n\n/** The inverse: a `datetime-local` value parsed as local time, or `null`. */\nfunction fromLocalInput(value: string): number | null {\n  if (!value) return null\n  const ms = new Date(value).getTime()\n  return Number.isFinite(ms) ? ms : null\n}\n\ninterface Draft {\n  kind: CrmActivityKind\n  body: string\n  /** The `datetime-local` string, not millis — what the input holds. */\n  at: string\n  outcome: string\n  /** Free text until save, so a half-typed number does not snap to zero. */\n  durationMinutes: string\n  /**\n   * Which way a call or an email went (AGL-3517) — Salesforce's Call Type\n   * for a call — or `''` for not said. Kept across a kind change and\n   * written only when the kind takes it.\n   */\n  direction: string\n}\n\n/** The kind a new activity opens on when the caller names none. */\nconst DEFAULT_KIND: CrmActivityKind = 'call'\n\nconst freshDraft = (kind: CrmActivityKind = DEFAULT_KIND): Draft => ({\n  kind,\n  body: '',\n  at: toLocalInput(Date.now()),\n  outcome: '',\n  durationMinutes: '',\n  // Most logged calls and emails are the team's own.\n  direction: 'outbound',\n})\n\nconst draftFrom = (activity: CrmActivityRow): Draft => ({\n  kind: Aglyn.isCrmActivityKind(activity.kind) ? activity.kind : 'other',\n  body: activity.body ?? '',\n  at: toLocalInput(activity.atMs),\n  outcome: activity.outcome ?? '',\n  durationMinutes:\n    typeof activity.durationMinutes === 'number'\n      ? String(activity.durationMinutes)\n      : '',\n  direction: Aglyn.crmActivityDirection(activity.kind, activity.direction) ?? '',\n})\n\nexport interface LogActivityDialogProps {\n  open: boolean\n  onClose: () => void\n  /** Where the activity is written, from `useActivityScope`. */\n  scope: ActivityScope\n  /**\n   * The record the activity is filed against, FIXED by the caller. A\n   * contact's page logs against that contact; the dialog offers no picker,\n   * because an activity logged from a record page is about that record and\n   * a picker would be a way to file it somewhere the reader is not looking.\n   */\n  link: ActivityRecordLink\n  /**\n   * When set, the dialog EDITS this activity rather than logging a new one.\n   * The link, the author and the scope stay what they were; only what was\n   * said, when, and how it went can change.\n   */\n  activity?: CrmActivityRow | null\n  /**\n   * What a NEW activity opens as (AGL-2661) — the click-to-call button\n   * opens the dialog already a call, so logging one is the button and a\n   * sentence rather than the button, the kind and a sentence. Ignored for\n   * an edit, whose kind is the activity's own.\n   */\n  kind?: CrmActivityKind\n}\n\n/**\n * Log a call, an email, a meeting, a note or something else against a\n * record (AGL-2600) — or correct one already logged.\n *\n * ## What is written\n *\n * A new activity carries the whole `CrmScoped` stamp: `visibleTo` from\n * `crmScopeTokens`, so it lands in exactly the scope a contact captured on\n * this site would; `hostId` as provenance; `byUid` and `byName` for the\n * author, the name denormalized because a colleague reading the log cannot\n * resolve a uid (see `CrmActivity.byName`); `atMs` for when it HAPPENED,\n * which the reader picks and which defaults to now; and the timestamps.\n *\n * An edit rewrites only the fields the dialog shows. `visibleTo` is never\n * touched — the rules refuse a scoped member changing it, and widening a\n * record is an act for an org-wide member on the record itself — and neither\n * is the author or the link. A kind that stops taking an outcome takes the\n * outcome and the duration off the document rather than leaving a stale\n * \"left a voicemail\" on what is now a note.\n *\n * ## Who may write\n *\n * The rules admit any member who may write scoped org data, on create and\n * on update alike; they do not distinguish the author. The card that opens\n * this dialog for an edit checks the author itself (`useCanEditActivity`),\n * so what reaches here has already passed the console's verdict.\n */\nexport function LogActivityDialog(props: LogActivityDialogProps) {\n  const { open, onClose, scope, link, activity, kind: presetKind } = props\n  const { firestore, dataScope, hostId, mountedHostId, readTokens, writeTokens } =\n    scope\n  const { data: user } = useUser()\n  const authorName = useUserName()\n  const { enqueueSnackbar } = useSnackbar()\n  const [draft, setDraft] = useState<Draft>(freshDraft)\n  const [saving, setSaving] = useState(false)\n\n  /*\n   * Seeded on OPEN, not on mount: the dialog stays mounted between uses so\n   * its state survives a close, and \"log another call\" must start from now\n   * rather than from the last call's timestamp.\n   */\n  useEffect(() => {\n    if (open) setDraft(activity ? draftFrom(activity) : freshDraft(presetKind))\n  }, [open, activity, presetKind])\n\n  const hasOutcome = Aglyn.activityKindHasOutcome(draft.kind)\n  const directions = Aglyn.CRM_ACTIVITY_DIRECTIONS[draft.kind] ?? []\n  const direction = Aglyn.crmActivityDirection(draft.kind, draft.direction)\n  const atMs = fromLocalInput(draft.at)\n  const body = draft.body.trim()\n  const duration = draft.durationMinutes.trim()\n    ? Number(draft.durationMinutes)\n    : null\n  const durationValid =\n    duration === null ||\n    (Number.isInteger(duration) &&\n      duration >= 0 &&\n      duration <= DURATION_MAX_MINUTES)\n  const canSave =\n    Boolean(dataScope) &&\n    Boolean(user?.uid) &&\n    // A NEW activity is stamped with a site's scope and provenance; at the\n    // organization level that is the picked site, and there is nothing to\n    // write until there is one (AGL-2630). An edit never touches either.\n    (Boolean(activity) || Boolean(hostId)) &&\n    body.length > 0 &&\n    atMs !== null &&\n    durationValid &&\n    !saving\n\n  const handleSave = useCallback(async () => {\n    // Every guard the button reads, again — a callback can outlive the\n    // render that disabled it.\n    if (!dataScope || !user?.uid || !body || atMs === null || !durationValid) {\n      return\n    }\n    if (!activity && !hostId) return\n    setSaving(true)\n    try {\n      const said = {\n        kind: draft.kind,\n        body: body.slice(0, BODY_MAX),\n        atMs,\n      }\n      const outcome = hasOutcome ? draft.outcome.trim().slice(0, OUTCOME_MAX) : ''\n      const durationMinutes = hasOutcome && duration !== null ? duration : null\n      if (activity) {\n        await updateDoc(\n          doc(\n            firestore,\n            dataScope[0],\n            dataScope[1],\n            Aglyn.CRM_COLLECTIONS.activities,\n            activity.$id,\n          ),\n          {\n            ...said,\n            // Cleared rather than left: a call turned into a note must not\n            // keep the call's outcome, and Firestore refuses `undefined`.\n            outcome: outcome ? outcome : deleteField(),\n            direction: direction ?? deleteField(),\n            durationMinutes:\n              durationMinutes !== null ? durationMinutes : deleteField(),\n            updatedAt: new Date(),\n          },\n        )\n        enqueueSnackbar('Activity updated', { variant: 'success', persist: false })\n      } else {\n        /*\n         * THE PER-RECORD CEILING (AGL-2611): one aggregate on the record\n         * this dialog is filing under, before the write — the same count\n         * the automation step and the REST create take, on the same link.\n         * Scoped to the tokens this viewer may list, as every activity\n         * listener is, so the rules admit the aggregate for a scoped\n         * member exactly as they admit the timeline.\n         */\n        const lead = Aglyn.crmActivityCeilingLink(link)\n        if (lead) {\n          const logged = (\n            await getCountFromServer(\n              query(\n                collection(\n                  firestore,\n                  dataScope[0],\n                  dataScope[1],\n                  Aglyn.CRM_COLLECTIONS.activities,\n                ),\n                ...crmVisibleToClause(readTokens),\n                where(lead.field, '==', lead.id),\n              ),\n            )\n          ).data().count\n          if (!Aglyn.crmActivityLogHasRoom(logged)) {\n            enqueueSnackbar(Aglyn.CRM_ACTIVITY_LOG_FULL_MESSAGE, {\n              variant: 'warning',\n              persist: false,\n            })\n            return\n          }\n        }\n        await addDoc(\n          collection(\n            firestore,\n            dataScope[0],\n            dataScope[1],\n            Aglyn.CRM_COLLECTIONS.activities,\n          ),\n          {\n            ...said,\n            ...(outcome ? { outcome } : {}),\n            ...(durationMinutes !== null ? { durationMinutes } : {}),\n            ...(direction ? { direction } : {}),\n            // Only the link the caller fixed. A key with no value is\n            // `undefined`, which Firestore refuses, so each is spread in\n            // rather than written blank.\n            ...(link.contactId ? { contactId: link.contactId } : {}),\n            ...(link.companyId ? { companyId: link.companyId } : {}),\n            ...(link.dealId ? { dealId: link.dealId } : {}),\n            ...(link.leadId ? { leadId: link.leadId } : {}),\n            visibleTo: writeTokens,\n            hostId,\n            byUid: user.uid,\n            // Absent rather than blank while the profile is still resolving:\n            // the row reads a stored name over anything else, and an empty\n            // string would be a name.\n            ...(authorName ? { byName: authorName } : {}),\n            createdAt: new Date(),\n            updatedAt: new Date(),\n          },\n        )\n        enqueueSnackbar('Activity logged', { variant: 'success', persist: false })\n      }\n      onClose()\n    } catch (error) {\n      console.error(error)\n      enqueueSnackbar('An error has occurred', {\n        variant: 'error',\n        allowDuplicate: true,\n      })\n    } finally {\n      setSaving(false)\n    }\n  }, [\n    dataScope,\n    user,\n    body,\n    atMs,\n    durationValid,\n    draft.kind,\n    draft.outcome,\n    direction,\n    hasOutcome,\n    duration,\n    activity,\n    firestore,\n    enqueueSnackbar,\n    link,\n    readTokens,\n    writeTokens,\n    hostId,\n    authorName,\n    onClose,\n  ])\n\n  return (\n    <Dialog open={open} onClose={onClose} maxWidth=\"sm\" fullWidth>\n      <DialogTitle>{activity ? 'Edit activity' : 'Log activity'}</DialogTitle>\n      <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n        {/* Only for a new activity at the organization level — see `canSave`. */}\n        {activity ? null : (\n          <CrmSitePicker\n            hostId={mountedHostId}\n            disabled={saving}\n            helperText=\"The site this activity is logged from — it decides which of your sites may see it.\"\n          />\n        )}\n        <Stack direction=\"row\" spacing={1} sx={{ mt: 1 }}>\n          <TextField\n            select\n            size=\"small\"\n            label=\"Kind\"\n            value={draft.kind}\n            onChange={(event) =>\n              setDraft((prev) => ({\n                ...prev,\n                kind: Aglyn.isCrmActivityKind(event.target.value)\n                  ? event.target.value\n                  : prev.kind,\n              }))\n            }\n            sx={{ minWidth: 140 }}\n          >\n            {Aglyn.CRM_ACTIVITY_KINDS.map((kind) => (\n              <MenuItem key={kind} value={kind}>\n                {Aglyn.CRM_ACTIVITY_KIND_LABELS[kind]}\n              </MenuItem>\n            ))}\n          </TextField>\n          {directions.length ? (\n            <TextField\n              select\n              size=\"small\"\n              label=\"Direction\"\n              value={direction ?? ''}\n              onChange={(event) =>\n                setDraft((prev) => ({ ...prev, direction: String(event.target.value) }))\n              }\n              slotProps={{ select: { displayEmpty: true }, inputLabel: { shrink: true } }}\n              sx={{ minWidth: 130 }}\n            >\n              <MenuItem value=\"\">{'Not said'}</MenuItem>\n              {directions.map((entry) => (\n                <MenuItem key={entry} value={entry}>\n                  {Aglyn.CRM_ACTIVITY_DIRECTION_LABELS[entry]}\n                </MenuItem>\n              ))}\n            </TextField>\n          ) : null}\n          <TextField\n            size=\"small\"\n            label=\"When\"\n            type=\"datetime-local\"\n            value={draft.at}\n            onChange={(event) =>\n              setDraft((prev) => ({ ...prev, at: event.target.value }))\n            }\n            error={draft.at.length > 0 && atMs === null}\n            slotProps={{ inputLabel: { shrink: true } }}\n            sx={{ flex: 1 }}\n          />\n        </Stack>\n        <TextField\n          size=\"small\"\n          label=\"What happened\"\n          value={draft.body}\n          onChange={(event) =>\n            setDraft((prev) => ({ ...prev, body: event.target.value }))\n          }\n          multiline\n          minRows={3}\n          autoFocus\n          slotProps={{ htmlInput: { maxLength: BODY_MAX } }}\n        />\n        {hasOutcome ? (\n          <Stack direction=\"row\" spacing={1}>\n            <TextField\n              size=\"small\"\n              label=\"Outcome\"\n              placeholder=\"Left a voicemail\"\n              value={draft.outcome}\n              onChange={(event) =>\n                setDraft((prev) => ({ ...prev, outcome: event.target.value }))\n              }\n              slotProps={{ htmlInput: { maxLength: OUTCOME_MAX } }}\n              sx={{ flex: 1 }}\n            />\n            <TextField\n              size=\"small\"\n              label=\"Minutes\"\n              type=\"number\"\n              value={draft.durationMinutes}\n              onChange={(event) =>\n                setDraft((prev) => ({\n                  ...prev,\n                  durationMinutes: event.target.value,\n                }))\n              }\n              error={!durationValid}\n              slotProps={{\n                htmlInput: { min: 0, max: DURATION_MAX_MINUTES, step: 1 },\n              }}\n              sx={{ width: 120 }}\n            />\n          </Stack>\n        ) : null}\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose} disabled={saving}>\n          {'Cancel'}\n        </Button>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          disabled={!canSave}\n          onClick={handleSave}\n        >\n          {activity ? 'Save' : 'Log'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\nLogActivityDialog.displayName = 'LogActivityDialog'\n\nexport default LogActivityDialog\n"],"names":["Aglyn","useSnackbar","useUser","useUserName","Button","Dialog","DialogActions","DialogContent","DialogTitle","MenuItem","Stack","TextField","addDoc","collection","deleteField","doc","getCountFromServer","query","updateDoc","where","useCallback","useEffect","useState","crmVisibleToClause","CrmSitePicker","BODY_MAX","OUTCOME_MAX","DURATION_MAX_MINUTES","toLocalInput","ms","Number","isFinite","date","Date","pad","value","String","padStart","getFullYear","getMonth","getDate","getHours","getMinutes","fromLocalInput","getTime","DEFAULT_KIND","freshDraft","kind","body","at","now","outcome","durationMinutes","direction","draftFrom","activity","isCrmActivityKind","atMs","crmActivityDirection","LogActivityDialog","props","open","onClose","scope","link","presetKind","firestore","dataScope","hostId","mountedHostId","readTokens","writeTokens","data","user","authorName","enqueueSnackbar","draft","setDraft","saving","setSaving","hasOutcome","activityKindHasOutcome","directions","CRM_ACTIVITY_DIRECTIONS","trim","duration","durationValid","isInteger","canSave","Boolean","uid","length","handleSave","said","slice","CRM_COLLECTIONS","activities","$id","updatedAt","variant","persist","lead","crmActivityCeilingLink","logged","field","id","count","crmActivityLogHasRoom","CRM_ACTIVITY_LOG_FULL_MESSAGE","contactId","companyId","dealId","leadId","visibleTo","byUid","byName","createdAt","error","console","allowDuplicate","maxWidth","fullWidth","sx","display","flexDirection","gap","disabled","helperText","spacing","mt","select","size","label","onChange","event","prev","target","minWidth","CRM_ACTIVITY_KINDS","map","CRM_ACTIVITY_KIND_LABELS","slotProps","displayEmpty","inputLabel","shrink","entry","CRM_ACTIVITY_DIRECTION_LABELS","type","flex","multiline","minRows","autoFocus","htmlInput","maxLength","placeholder","min","max","step","width","onClick","color","displayName"],"mappings":"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"}

package/src/lib/components/new-contact-drawer.d.ts

@@ -3,7 +3,15 @@ import type { OrgMemberOption } from './use-org-members';
 /** What the drawer hands back — already normalized where the route would. */
 export interface NewContactValues {
     email: string;
+    /** The name as typed, or the first and last names' composition when either was given. */
     name: string;
+    /** Salesforce's standard contact fields (AGL-3515), `''` (or `false`) for none. */
+    salutation: string;
+    firstName: string;
+    lastName: string;
+    mobilePhone: string;
+    department: string;
+    doNotCall: boolean;
     phone: string;
     jobTitle: string;
     /** The picked company's name — the label the list column and the search read. */

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

@@ -15,17 +15,19 @@
  * limitations under the License.
  */ 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { CONTACT_LIFECYCLE_STAGE_LABELS, CONTACT_LIFECYCLE_STAGES, consentGroupDisclosure, consentGroupDisclosureKey, normalizeAddress, normalizeContactEmail, normalizePhone, crmMemberPickerLabel } from "@aglyn/aglyn";
+import { composeContactName, CONTACT_LIFECYCLE_STAGE_LABELS, CONTACT_NAME_PART_MAX, CRM_SALUTATION_PICKLIST, CONTACT_LIFECYCLE_STAGES, consentGroupDisclosure, consentGroupDisclosureKey, normalizeAddress, normalizeContactEmail, normalizePhone, crmMemberPickerLabel } 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";
 import { Alert, Button, Checkbox, FormControlLabel, FormHelperText, IconButton, MenuItem, Stack, TextField, Typography } from "@mui/material";
 import { useEffect, useState } from "react";
+import { useCrmPicklist } from "../hooks/use-crm-picklist.js";
 import { useCrmScope } from "../hooks/use-crm-scope.js";
 import { parseContactTags } from "../model/contact-record.js";
 import { CompanyPicker, useCompanyOptions, useCreateCompany } from "./company-picker.js";
 import { ContactAddressFields, EMPTY_ADDRESS } from "./contact-address-fields.js";
 import { CrmSitePicker } from "./crm-site-picker.js";
+import { CrmPicklistSelect } from "./picklist-select.js";
 /**
  * ADDING ONE PERSON BY HAND, IN A DRAWER (AGL-2596).
  *
@@ -69,11 +71,12 @@ import { CrmSitePicker } from "./crm-site-picker.js";
    * site's group, or at the organization level the picked site's — the one
    * the route will capture the contact under. `null` until a site is
    * picked, and the submit waits on it.
-   */ const { createHostId, createGroup } = useCrmScope({
+   */ const { createHostId, createGroup, orgId } = useCrmScope({
         hostId,
         org
     });
     const consentGroup = createGroup;
+    const salutations = useCrmPicklist(CRM_SALUTATION_PICKLIST, open ? orgId : null);
     const companies = useCompanyOptions({
         hostId,
         org,
@@ -85,6 +88,13 @@ import { CrmSitePicker } from "./crm-site-picker.js";
     });
     const [email, setEmail] = useState('');
     const [name, setName] = useState('');
+    const [salutation, setSalutation] = useState('');
+    const [firstName, setFirstName] = useState('');
+    const [lastName, setLastName] = useState('');
+    const [mobilePhone, setMobilePhone] = useState('');
+    const [department, setDepartment] = useState('');
+    const [doNotCall, setDoNotCall] = useState(false);
+    const [mobileError, setMobileError] = useState('');
     const [phone, setPhone] = useState('');
     const [jobTitle, setJobTitle] = useState('');
     const [company, setCompany] = useState(null);
@@ -103,6 +113,13 @@ import { CrmSitePicker } from "./crm-site-picker.js";
         if (!open) return;
         setEmail('');
         setName('');
+        setSalutation('');
+        setFirstName('');
+        setLastName('');
+        setMobilePhone('');
+        setDepartment('');
+        setDoNotCall(false);
+        setMobileError('');
         setPhone('');
         setJobTitle('');
         setCompany(null);
@@ -123,10 +140,21 @@ import { CrmSitePicker } from "./crm-site-picker.js";
         const normalizedPhone = trimmedPhone ? normalizePhone(trimmedPhone) : '';
         setEmailError(normalizedEmail ? '' : 'Enter a valid email address.');
         setPhoneError(trimmedPhone && !normalizedPhone ? 'Enter it with its country code, like +1 512 555 0107.' : '');
-        if (!normalizedEmail || trimmedPhone && !normalizedPhone) return;
+        const trimmedMobile = mobilePhone.trim();
+        const normalizedMobile = trimmedMobile ? normalizePhone(trimmedMobile) : '';
+        setMobileError(trimmedMobile && !normalizedMobile ? 'Enter it with its country code, like +1 512 555 0107.' : '');
+        if (!normalizedEmail || trimmedPhone && !normalizedPhone || trimmedMobile && !normalizedMobile) {
+            return;
+        }
         onSubmit({
             email: normalizedEmail,
-            name: name.trim().slice(0, 120),
+            name: composedName || name.trim().slice(0, 120),
+            salutation,
+            firstName: firstName.trim(),
+            lastName: lastName.trim(),
+            mobilePhone: normalizedMobile != null ? normalizedMobile : '',
+            department: department.trim().slice(0, 120),
+            doNotCall,
             phone: normalizedPhone != null ? normalizedPhone : '',
             jobTitle: jobTitle.trim().slice(0, 120),
             companyName: company ? company.name.trim().slice(0, 120) : '',
@@ -140,6 +168,8 @@ import { CrmSitePicker } from "./crm-site-picker.js";
         });
     };
     const disclosure = consentGroup ? consentGroupDisclosure(consentGroup) : null;
+    // While a first or last name is typed, the name is theirs (AGL-3515).
+    const composedName = composeContactName(firstName, lastName);
     return /*#__PURE__*/ _jsx(NavigationDrawerComponent, {
         open: open,
         anchor: "right",
@@ -213,16 +243,60 @@ import { CrmSitePicker } from "./crm-site-picker.js";
                         fullWidth: true,
                         autoFocus: true
                     }),
+                    /*#__PURE__*/ _jsx(CrmPicklistSelect, {
+                        picklistId: CRM_SALUTATION_PICKLIST,
+                        picklist: salutations.picklist,
+                        value: salutation,
+                        onChange: setSalutation,
+                        disabled: Boolean(busy)
+                    }),
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: {
+                            xs: 'column',
+                            sm: 'row'
+                        },
+                        spacing: 2,
+                        children: [
+                            /*#__PURE__*/ _jsx(TextField, {
+                                size: "small",
+                                label: "First name",
+                                value: firstName,
+                                onChange: (event)=>setFirstName(event.target.value),
+                                slotProps: {
+                                    htmlInput: {
+                                        maxLength: CONTACT_NAME_PART_MAX
+                                    }
+                                },
+                                fullWidth: true
+                            }),
+                            /*#__PURE__*/ _jsx(TextField, {
+                                size: "small",
+                                label: "Last name",
+                                value: lastName,
+                                onChange: (event)=>setLastName(event.target.value),
+                                slotProps: {
+                                    htmlInput: {
+                                        maxLength: CONTACT_NAME_PART_MAX
+                                    }
+                                },
+                                fullWidth: true
+                            })
+                        ]
+                    }),
                     /*#__PURE__*/ _jsx(TextField, {
                         size: "small",
                         label: "Name",
-                        value: name,
+                        value: composedName || name,
                         onChange: (event)=>setName(event.target.value),
                         slotProps: {
                             htmlInput: {
                                 maxLength: 120
+                            },
+                            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, {
@@ -234,6 +308,22 @@ import { CrmSitePicker } from "./crm-site-picker.js";
                         helperText: phoneError || 'With the country code, like +1 512 555 0107',
                         fullWidth: true
                     }),
+                    /*#__PURE__*/ _jsx(TextField, {
+                        size: "small",
+                        label: "Mobile phone",
+                        value: mobilePhone,
+                        onChange: (event)=>setMobilePhone(event.target.value),
+                        error: Boolean(mobileError),
+                        helperText: mobileError || undefined,
+                        fullWidth: true
+                    }),
+                    /*#__PURE__*/ _jsx(FormControlLabel, {
+                        control: /*#__PURE__*/ _jsx(Checkbox, {
+                            checked: doNotCall,
+                            onChange: (event)=>setDoNotCall(event.target.checked)
+                        }),
+                        label: "Do not call"
+                    }),
                     /*#__PURE__*/ _jsx(TextField, {
                         size: "small",
                         label: "Job title",
@@ -246,6 +336,18 @@ import { CrmSitePicker } from "./crm-site-picker.js";
                         },
                         fullWidth: true
                     }),
+                    /*#__PURE__*/ _jsx(TextField, {
+                        size: "small",
+                        label: "Department",
+                        value: department,
+                        onChange: (event)=>setDepartment(event.target.value),
+                        slotProps: {
+                            htmlInput: {
+                                maxLength: 120
+                            }
+                        },
+                        fullWidth: true
+                    }),
                     /*#__PURE__*/ _jsx(CompanyPicker, {
                         options: companies.options,
                         ready: companies.ready,
@@ -305,7 +407,7 @@ import { CrmSitePicker } from "./crm-site-picker.js";
                     }),
                     /*#__PURE__*/ _jsx(Typography, {
                         variant: "subtitle2",
-                        children: 'Address'
+                        children: 'Mailing address'
                     }),
                     /*#__PURE__*/ _jsx(ContactAddressFields, {
                         value: address,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/new-contact-drawer.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport {\n  CONTACT_LIFECYCLE_STAGE_LABELS,\n  CONTACT_LIFECYCLE_STAGES,\n  consentGroupDisclosure,\n  consentGroupDisclosureKey,\n  type AglynOrgBilling,\n  type AglynPostalAddress,\n  type ConsentGroup,\n  type ContactLifecycleStage,\n  normalizeAddress,\n  normalizeContactEmail,\n  normalizePhone,\n  crmMemberPickerLabel,\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  Checkbox,\n  FormControlLabel,\n  FormHelperText,\n  IconButton,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useEffect, useState } from 'react'\nimport { useCrmScope } from '../hooks/use-crm-scope'\nimport { parseContactTags } from '../model/contact-record'\nimport {\n  CompanyPicker,\n  type CompanyOption,\n  useCompanyOptions,\n  useCreateCompany,\n} from './company-picker'\nimport {\n  ContactAddressFields,\n  EMPTY_ADDRESS,\n  type AddressDraft,\n} from './contact-address-fields'\nimport { CrmSitePicker } from './crm-site-picker'\nimport type { OrgMemberOption } from './use-org-members'\n\n/** What the drawer hands back — already normalized where the route would. */\nexport interface NewContactValues {\n  email: string\n  name: string\n  phone: string\n  jobTitle: string\n  /** The picked company's name — the label the list column and the search read. */\n  companyName: string\n  /** The picked company, or `null` for none (AGL-2613). */\n  companyId: string | null\n  ownerUid: string\n  lifecycleStage: ContactLifecycleStage | ''\n  tags: string[]\n  address: AglynPostalAddress | null\n  marketingConsent: boolean\n  /**\n   * The key of the consent-group sentence shown beside the box, when one was\n   * (AGL-3320) — what lets the route record the opt-in for the whole group\n   * the sentence named. `null` when the site sends on its own.\n   */\n  disclosedConsentGroup: string | null\n}\n\nexport interface NewContactDrawerProps {\n  open: boolean\n  onClose: () => void\n  /**\n   * The site the contact is being added from — what scopes the company list\n   * and the controller the consent checkbox records a basis for. `null` at\n   * the organization level (AGL-2630), where the drawer asks which site\n   * with a picker and holds its submit until one is named.\n   */\n  hostId: string | null\n  /** The org document the shell passed, for the company picker's scope. */\n  org?: Partial<AglynOrgBilling> | 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  owners: OrgMemberOption[]\n  /** The roster has answered — an empty list is then \"nobody to pick\". */\n  ownersReady: boolean\n  onSubmit: (values: NewContactValues) => void\n}\n\n/**\n * ADDING ONE PERSON BY HAND, IN A DRAWER (AGL-2596).\n *\n * A drawer and not a form above the list: a create form sitting on top of a\n * table is the shape every list in this console was built to stop. The\n * button in the list's header opens this, and the list is exactly as it was\n * behind it.\n *\n * ## What is checked here and what is not\n *\n * The two fields a person can mistype in a way the record cannot hold — the\n * email and the phone number — are checked before the request leaves, with\n * the same normalizers the route runs, so the refusal lands under the field\n * rather than as a sentence from the server. Everything else is the route's\n * to decide: whether the address already belongs to somebody (it merges),\n * whether the plan's band has room (it refuses, and its sentence is shown\n * above the form unchanged).\n *\n * ## The consent box is a claim, and says so\n *\n * The forms plugin's rule for the opt-in field is that submitting a form is\n * never itself consent. Typing somebody into the CRM is not either — so the\n * checkbox is worded as the person's act, not the operator's, and the helper\n * carries the group disclosure the form would have shown them.\n *\n * ## The company is a record, picked or created here\n *\n * The Company field is the picker (AGL-2613): a choice from the companies\n * this site may see, with a \"Create …\" row for a name none of them carry, so\n * the person filing a contact never leaves the drawer to make the account.\n * What leaves the drawer is the company's id AND its name — the id is the\n * link the route writes into the facet, the name is the label the list\n * column and the global search keep reading. The company listen opens with\n * the drawer and closes with it, because the drawer is mounted only while\n * it is open.\n */\nexport function NewContactDrawer(props: NewContactDrawerProps) {\n  const {\n    open,\n    onClose,\n    hostId,\n    org,\n    busy,\n    error,\n    owners,\n    ownersReady,\n    onSubmit,\n  } = props\n  /*\n   * The controller the consent checkbox records a basis FOR: the mounted\n   * site's group, or at the organization level the picked site's — the one\n   * the route will capture the contact under. `null` until a site is\n   * picked, and the submit waits on it.\n   */\n  const { createHostId, createGroup } = useCrmScope({ hostId, org })\n  const consentGroup: ConsentGroup | null = createGroup\n  const companies = useCompanyOptions({ hostId, org, enabled: open })\n  const createCompany = useCreateCompany({ hostId, org })\n\n  const [email, setEmail] = useState('')\n  const [name, setName] = useState('')\n  const [phone, setPhone] = useState('')\n  const [jobTitle, setJobTitle] = useState('')\n  const [company, setCompany] = useState<CompanyOption | null>(null)\n  const [ownerUid, setOwnerUid] = useState('')\n  const [lifecycleStage, setLifecycleStage] = useState<\n    ContactLifecycleStage | ''\n  >('')\n  const [tags, setTags] = useState('')\n  const [address, setAddress] = useState<AddressDraft>(EMPTY_ADDRESS)\n  const [marketingConsent, setMarketingConsent] = useState(false)\n  const [emailError, setEmailError] = useState('')\n  const [phoneError, setPhoneError] = useState('')\n\n  /*\n   * A fresh form on every opening. The drawer stays mounted behind the list\n   * between uses, and a person typed and then abandoned must not reappear\n   * half-filled the next time somebody reaches for \"New contact\".\n   */\n  useEffect(() => {\n    if (!open) return\n    setEmail('')\n    setName('')\n    setPhone('')\n    setJobTitle('')\n    setCompany(null)\n    setOwnerUid('')\n    setLifecycleStage('')\n    setTags('')\n    setAddress(EMPTY_ADDRESS)\n    setMarketingConsent(false)\n    setEmailError('')\n    setPhoneError('')\n  }, [open])\n\n  const handleSubmit = () => {\n    const normalizedEmail = normalizeContactEmail(email)\n    const trimmedPhone = phone.trim()\n    const normalizedPhone = trimmedPhone ? normalizePhone(trimmedPhone) : ''\n    setEmailError(normalizedEmail ? '' : 'Enter a valid email address.')\n    setPhoneError(\n      trimmedPhone && !normalizedPhone\n        ? 'Enter it with its country code, like +1 512 555 0107.'\n        : '',\n    )\n    if (!normalizedEmail || (trimmedPhone && !normalizedPhone)) return\n    onSubmit({\n      email: normalizedEmail,\n      name: name.trim().slice(0, 120),\n      phone: normalizedPhone ?? '',\n      jobTitle: jobTitle.trim().slice(0, 120),\n      companyName: company ? company.name.trim().slice(0, 120) : '',\n      companyId: company?.id ?? null,\n      ownerUid,\n      lifecycleStage,\n      tags: parseContactTags(tags),\n      address: normalizeAddress(address),\n      marketingConsent,\n      disclosedConsentGroup: consentGroup\n        ? consentGroupDisclosureKey(consentGroup)\n        : null,\n    })\n  }\n\n  const disclosure = consentGroup ? consentGroupDisclosure(consentGroup) : null\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 contact'}\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          {/*\n            First, because everything below it is filed under the answer: the\n            site decides which of the org's sites may see the person and whose\n            consent the checkbox at the foot records. Renders nothing under a\n            site (AGL-2630).\n          */}\n          <CrmSitePicker\n            hostId={hostId}\n            disabled={Boolean(busy)}\n            helperText=\"The site that captures this person — it decides which sites may see them and whose marketing consent the checkbox below records.\"\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 — it is what makes two captures one person.'\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: 120 } }}\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={phoneError || 'With the country code, like +1 512 555 0107'}\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: 120 } }}\n            fullWidth\n          />\n          <CompanyPicker\n            options={companies.options}\n            ready={companies.ready}\n            truncated={companies.truncated}\n            value={company?.id ?? null}\n            onChange={(_id, picked) => setCompany(picked)}\n            onCreate={createCompany}\n            email={email}\n            disabled={Boolean(busy)}\n            helperText=\"The account this person works for. Type a name nobody has filed yet to create it.\"\n          />\n          <TextField\n            select\n            size=\"small\"\n            label=\"Lifecycle stage\"\n            value={lifecycleStage}\n            onChange={(event) =>\n              setLifecycleStage(event.target.value as ContactLifecycleStage | '')\n            }\n            fullWidth\n          >\n            <MenuItem value=\"\">{'Not placed yet'}</MenuItem>\n            {CONTACT_LIFECYCLE_STAGES.map((stage) => (\n              <MenuItem key={stage} value={stage}>\n                {CONTACT_LIFECYCLE_STAGE_LABELS[stage]}\n              </MenuItem>\n            ))}\n          </TextField>\n          <TextField\n            select\n            size=\"small\"\n            label=\"Owner\"\n            value={ownerUid}\n            onChange={(event) => setOwnerUid(event.target.value)}\n            helperText={\n              ownersReady && !owners.length\n                ? 'The team roster could not be read, so nobody can be picked yet.'\n                : 'The team member responsible for this relationship'\n            }\n            fullWidth\n          >\n            <MenuItem value=\"\">{'Unassigned'}</MenuItem>\n            {owners.map((owner) => (\n              <MenuItem key={owner.uid} value={owner.uid}>\n                {crmMemberPickerLabel(owner)}\n              </MenuItem>\n            ))}\n          </TextField>\n          <TextField\n            size=\"small\"\n            label=\"Tags\"\n            placeholder=\"vip, beta\"\n            helperText=\"Comma-separated\"\n            value={tags}\n            onChange={(event) => setTags(event.target.value)}\n            fullWidth\n          />\n          <Typography variant=\"subtitle2\">{'Address'}</Typography>\n          <ContactAddressFields value={address} onChange={setAddress} />\n          <Stack>\n            <FormControlLabel\n              control={\n                <Checkbox\n                  checked={marketingConsent}\n                  onChange={(event) => setMarketingConsent(event.target.checked)}\n                />\n              }\n              label=\"This person opted in to marketing email\"\n            />\n            <FormHelperText>\n              {(disclosure ? `${disclosure} ` : '') +\n                'Tick it only if they agreed. Adding a contact is never itself consent.'}\n            </FormHelperText>\n          </Stack>\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            // Held until the capturing site is known: the route resolves the\n            // org from it and stamps the record with it.\n            disabled={Boolean(busy) || !createHostId}\n            onClick={handleSubmit}\n          >\n            {busy ? 'Adding…' : 'Add contact'}\n          </Button>\n        </Stack>\n      </Container>\n    </NavigationDrawerComponent>\n  )\n}\n\nexport default NewContactDrawer\n"],"names":["CONTACT_LIFECYCLE_STAGE_LABELS","CONTACT_LIFECYCLE_STAGES","consentGroupDisclosure","consentGroupDisclosureKey","normalizeAddress","normalizeContactEmail","normalizePhone","crmMemberPickerLabel","ICON_VARIANT_CLOSE","Container","MdiIcon","SrOnly","NavigationDrawerComponent","Alert","Button","Checkbox","FormControlLabel","FormHelperText","IconButton","MenuItem","Stack","TextField","Typography","useEffect","useState","useCrmScope","parseContactTags","CompanyPicker","useCompanyOptions","useCreateCompany","ContactAddressFields","EMPTY_ADDRESS","CrmSitePicker","NewContactDrawer","props","open","onClose","hostId","org","busy","error","owners","ownersReady","onSubmit","createHostId","createGroup","consentGroup","companies","enabled","createCompany","email","setEmail","name","setName","phone","setPhone","jobTitle","setJobTitle","company","setCompany","ownerUid","setOwnerUid","lifecycleStage","setLifecycleStage","tags","setTags","address","setAddress","marketingConsent","setMarketingConsent","emailError","setEmailError","phoneError","setPhoneError","handleSubmit","normalizedEmail","trimmedPhone","trim","normalizedPhone","slice","companyName","companyId","id","disclosedConsentGroup","disclosure","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","options","ready","truncated","_id","picked","onCreate","select","map","stage","length","owner","uid","placeholder","control","checked"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/new-contact-drawer.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport {\n  composeContactName,\n  CONTACT_LIFECYCLE_STAGE_LABELS,\n  CONTACT_NAME_PART_MAX,\n  CRM_SALUTATION_PICKLIST,\n  CONTACT_LIFECYCLE_STAGES,\n  consentGroupDisclosure,\n  consentGroupDisclosureKey,\n  type AglynOrgBilling,\n  type AglynPostalAddress,\n  type ConsentGroup,\n  type ContactLifecycleStage,\n  normalizeAddress,\n  normalizeContactEmail,\n  normalizePhone,\n  crmMemberPickerLabel,\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  Checkbox,\n  FormControlLabel,\n  FormHelperText,\n  IconButton,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useEffect, useState } from 'react'\nimport { useCrmPicklist } from '../hooks/use-crm-picklist'\nimport { useCrmScope } from '../hooks/use-crm-scope'\nimport { parseContactTags } from '../model/contact-record'\nimport {\n  CompanyPicker,\n  type CompanyOption,\n  useCompanyOptions,\n  useCreateCompany,\n} from './company-picker'\nimport {\n  ContactAddressFields,\n  EMPTY_ADDRESS,\n  type AddressDraft,\n} from './contact-address-fields'\nimport { CrmSitePicker } from './crm-site-picker'\nimport { CrmPicklistSelect } from './picklist-select'\nimport type { OrgMemberOption } from './use-org-members'\n\n/** What the drawer hands back — already normalized where the route would. */\nexport interface NewContactValues {\n  email: string\n  /** The name as typed, or the first and last names' composition when either was given. */\n  name: string\n  /** Salesforce's standard contact fields (AGL-3515), `''` (or `false`) for none. */\n  salutation: string\n  firstName: string\n  lastName: string\n  mobilePhone: string\n  department: string\n  doNotCall: boolean\n  phone: string\n  jobTitle: string\n  /** The picked company's name — the label the list column and the search read. */\n  companyName: string\n  /** The picked company, or `null` for none (AGL-2613). */\n  companyId: string | null\n  ownerUid: string\n  lifecycleStage: ContactLifecycleStage | ''\n  tags: string[]\n  address: AglynPostalAddress | null\n  marketingConsent: boolean\n  /**\n   * The key of the consent-group sentence shown beside the box, when one was\n   * (AGL-3320) — what lets the route record the opt-in for the whole group\n   * the sentence named. `null` when the site sends on its own.\n   */\n  disclosedConsentGroup: string | null\n}\n\nexport interface NewContactDrawerProps {\n  open: boolean\n  onClose: () => void\n  /**\n   * The site the contact is being added from — what scopes the company list\n   * and the controller the consent checkbox records a basis for. `null` at\n   * the organization level (AGL-2630), where the drawer asks which site\n   * with a picker and holds its submit until one is named.\n   */\n  hostId: string | null\n  /** The org document the shell passed, for the company picker's scope. */\n  org?: Partial<AglynOrgBilling> | 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  owners: OrgMemberOption[]\n  /** The roster has answered — an empty list is then \"nobody to pick\". */\n  ownersReady: boolean\n  onSubmit: (values: NewContactValues) => void\n}\n\n/**\n * ADDING ONE PERSON BY HAND, IN A DRAWER (AGL-2596).\n *\n * A drawer and not a form above the list: a create form sitting on top of a\n * table is the shape every list in this console was built to stop. The\n * button in the list's header opens this, and the list is exactly as it was\n * behind it.\n *\n * ## What is checked here and what is not\n *\n * The two fields a person can mistype in a way the record cannot hold — the\n * email and the phone number — are checked before the request leaves, with\n * the same normalizers the route runs, so the refusal lands under the field\n * rather than as a sentence from the server. Everything else is the route's\n * to decide: whether the address already belongs to somebody (it merges),\n * whether the plan's band has room (it refuses, and its sentence is shown\n * above the form unchanged).\n *\n * ## The consent box is a claim, and says so\n *\n * The forms plugin's rule for the opt-in field is that submitting a form is\n * never itself consent. Typing somebody into the CRM is not either — so the\n * checkbox is worded as the person's act, not the operator's, and the helper\n * carries the group disclosure the form would have shown them.\n *\n * ## The company is a record, picked or created here\n *\n * The Company field is the picker (AGL-2613): a choice from the companies\n * this site may see, with a \"Create …\" row for a name none of them carry, so\n * the person filing a contact never leaves the drawer to make the account.\n * What leaves the drawer is the company's id AND its name — the id is the\n * link the route writes into the facet, the name is the label the list\n * column and the global search keep reading. The company listen opens with\n * the drawer and closes with it, because the drawer is mounted only while\n * it is open.\n */\nexport function NewContactDrawer(props: NewContactDrawerProps) {\n  const {\n    open,\n    onClose,\n    hostId,\n    org,\n    busy,\n    error,\n    owners,\n    ownersReady,\n    onSubmit,\n  } = props\n  /*\n   * The controller the consent checkbox records a basis FOR: the mounted\n   * site's group, or at the organization level the picked site's — the one\n   * the route will capture the contact under. `null` until a site is\n   * picked, and the submit waits on it.\n   */\n  const { createHostId, createGroup, orgId } = useCrmScope({ hostId, org })\n  const consentGroup: ConsentGroup | null = createGroup\n  const salutations = useCrmPicklist(CRM_SALUTATION_PICKLIST, open ? orgId : null)\n  const companies = useCompanyOptions({ hostId, org, enabled: open })\n  const createCompany = useCreateCompany({ hostId, org })\n\n  const [email, setEmail] = useState('')\n  const [name, setName] = useState('')\n  const [salutation, setSalutation] = useState('')\n  const [firstName, setFirstName] = useState('')\n  const [lastName, setLastName] = useState('')\n  const [mobilePhone, setMobilePhone] = useState('')\n  const [department, setDepartment] = useState('')\n  const [doNotCall, setDoNotCall] = useState(false)\n  const [mobileError, setMobileError] = useState('')\n  const [phone, setPhone] = useState('')\n  const [jobTitle, setJobTitle] = useState('')\n  const [company, setCompany] = useState<CompanyOption | null>(null)\n  const [ownerUid, setOwnerUid] = useState('')\n  const [lifecycleStage, setLifecycleStage] = useState<\n    ContactLifecycleStage | ''\n  >('')\n  const [tags, setTags] = useState('')\n  const [address, setAddress] = useState<AddressDraft>(EMPTY_ADDRESS)\n  const [marketingConsent, setMarketingConsent] = useState(false)\n  const [emailError, setEmailError] = useState('')\n  const [phoneError, setPhoneError] = useState('')\n\n  /*\n   * A fresh form on every opening. The drawer stays mounted behind the list\n   * between uses, and a person typed and then abandoned must not reappear\n   * half-filled the next time somebody reaches for \"New contact\".\n   */\n  useEffect(() => {\n    if (!open) return\n    setEmail('')\n    setName('')\n    setSalutation('')\n    setFirstName('')\n    setLastName('')\n    setMobilePhone('')\n    setDepartment('')\n    setDoNotCall(false)\n    setMobileError('')\n    setPhone('')\n    setJobTitle('')\n    setCompany(null)\n    setOwnerUid('')\n    setLifecycleStage('')\n    setTags('')\n    setAddress(EMPTY_ADDRESS)\n    setMarketingConsent(false)\n    setEmailError('')\n    setPhoneError('')\n  }, [open])\n\n  const handleSubmit = () => {\n    const normalizedEmail = normalizeContactEmail(email)\n    const trimmedPhone = phone.trim()\n    const normalizedPhone = trimmedPhone ? normalizePhone(trimmedPhone) : ''\n    setEmailError(normalizedEmail ? '' : 'Enter a valid email address.')\n    setPhoneError(\n      trimmedPhone && !normalizedPhone\n        ? 'Enter it with its country code, like +1 512 555 0107.'\n        : '',\n    )\n    const trimmedMobile = mobilePhone.trim()\n    const normalizedMobile = trimmedMobile ? normalizePhone(trimmedMobile) : ''\n    setMobileError(\n      trimmedMobile && !normalizedMobile\n        ? 'Enter it with its country code, like +1 512 555 0107.'\n        : '',\n    )\n    if (\n      !normalizedEmail ||\n      (trimmedPhone && !normalizedPhone) ||\n      (trimmedMobile && !normalizedMobile)\n    ) {\n      return\n    }\n    onSubmit({\n      email: normalizedEmail,\n      name: composedName || name.trim().slice(0, 120),\n      salutation,\n      firstName: firstName.trim(),\n      lastName: lastName.trim(),\n      mobilePhone: normalizedMobile ?? '',\n      department: department.trim().slice(0, 120),\n      doNotCall,\n      phone: normalizedPhone ?? '',\n      jobTitle: jobTitle.trim().slice(0, 120),\n      companyName: company ? company.name.trim().slice(0, 120) : '',\n      companyId: company?.id ?? null,\n      ownerUid,\n      lifecycleStage,\n      tags: parseContactTags(tags),\n      address: normalizeAddress(address),\n      marketingConsent,\n      disclosedConsentGroup: consentGroup\n        ? consentGroupDisclosureKey(consentGroup)\n        : null,\n    })\n  }\n\n  const disclosure = consentGroup ? consentGroupDisclosure(consentGroup) : null\n  // While a first or last name is typed, the name is theirs (AGL-3515).\n  const composedName = composeContactName(firstName, lastName)\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 contact'}\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          {/*\n            First, because everything below it is filed under the answer: the\n            site decides which of the org's sites may see the person and whose\n            consent the checkbox at the foot records. Renders nothing under a\n            site (AGL-2630).\n          */}\n          <CrmSitePicker\n            hostId={hostId}\n            disabled={Boolean(busy)}\n            helperText=\"The site that captures this person — it decides which sites may see them and whose marketing consent the checkbox below records.\"\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 — it is what makes two captures one person.'\n            }\n            required\n            fullWidth\n            autoFocus\n          />\n          <CrmPicklistSelect\n            picklistId={CRM_SALUTATION_PICKLIST}\n            picklist={salutations.picklist}\n            value={salutation}\n            onChange={setSalutation}\n            disabled={Boolean(busy)}\n          />\n          <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>\n            <TextField\n              size=\"small\"\n              label=\"First name\"\n              value={firstName}\n              onChange={(event) => setFirstName(event.target.value)}\n              slotProps={{ htmlInput: { maxLength: CONTACT_NAME_PART_MAX } }}\n              fullWidth\n            />\n            <TextField\n              size=\"small\"\n              label=\"Last name\"\n              value={lastName}\n              onChange={(event) => setLastName(event.target.value)}\n              slotProps={{ htmlInput: { maxLength: CONTACT_NAME_PART_MAX } }}\n              fullWidth\n            />\n          </Stack>\n          <TextField\n            size=\"small\"\n            label=\"Name\"\n            value={composedName || name}\n            onChange={(event) => setName(event.target.value)}\n            slotProps={{\n              htmlInput: { maxLength: 120 },\n              input: { readOnly: Boolean(composedName) },\n            }}\n            helperText={\n              composedName\n                ? 'Made of the first and last name.'\n                : 'Or the whole name in one field.'\n            }\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={phoneError || 'With the country code, like +1 512 555 0107'}\n            fullWidth\n          />\n          <TextField\n            size=\"small\"\n            label=\"Mobile phone\"\n            value={mobilePhone}\n            onChange={(event) => setMobilePhone(event.target.value)}\n            error={Boolean(mobileError)}\n            helperText={mobileError || undefined}\n            fullWidth\n          />\n          <FormControlLabel\n            control={\n              <Checkbox\n                checked={doNotCall}\n                onChange={(event) => setDoNotCall(event.target.checked)}\n              />\n            }\n            label=\"Do not call\"\n          />\n          <TextField\n            size=\"small\"\n            label=\"Job title\"\n            value={jobTitle}\n            onChange={(event) => setJobTitle(event.target.value)}\n            slotProps={{ htmlInput: { maxLength: 120 } }}\n            fullWidth\n          />\n          <TextField\n            size=\"small\"\n            label=\"Department\"\n            value={department}\n            onChange={(event) => setDepartment(event.target.value)}\n            slotProps={{ htmlInput: { maxLength: 120 } }}\n            fullWidth\n          />\n          <CompanyPicker\n            options={companies.options}\n            ready={companies.ready}\n            truncated={companies.truncated}\n            value={company?.id ?? null}\n            onChange={(_id, picked) => setCompany(picked)}\n            onCreate={createCompany}\n            email={email}\n            disabled={Boolean(busy)}\n            helperText=\"The account this person works for. Type a name nobody has filed yet to create it.\"\n          />\n          <TextField\n            select\n            size=\"small\"\n            label=\"Lifecycle stage\"\n            value={lifecycleStage}\n            onChange={(event) =>\n              setLifecycleStage(event.target.value as ContactLifecycleStage | '')\n            }\n            fullWidth\n          >\n            <MenuItem value=\"\">{'Not placed yet'}</MenuItem>\n            {CONTACT_LIFECYCLE_STAGES.map((stage) => (\n              <MenuItem key={stage} value={stage}>\n                {CONTACT_LIFECYCLE_STAGE_LABELS[stage]}\n              </MenuItem>\n            ))}\n          </TextField>\n          <TextField\n            select\n            size=\"small\"\n            label=\"Owner\"\n            value={ownerUid}\n            onChange={(event) => setOwnerUid(event.target.value)}\n            helperText={\n              ownersReady && !owners.length\n                ? 'The team roster could not be read, so nobody can be picked yet.'\n                : 'The team member responsible for this relationship'\n            }\n            fullWidth\n          >\n            <MenuItem value=\"\">{'Unassigned'}</MenuItem>\n            {owners.map((owner) => (\n              <MenuItem key={owner.uid} value={owner.uid}>\n                {crmMemberPickerLabel(owner)}\n              </MenuItem>\n            ))}\n          </TextField>\n          <TextField\n            size=\"small\"\n            label=\"Tags\"\n            placeholder=\"vip, beta\"\n            helperText=\"Comma-separated\"\n            value={tags}\n            onChange={(event) => setTags(event.target.value)}\n            fullWidth\n          />\n          <Typography variant=\"subtitle2\">{'Mailing address'}</Typography>\n          <ContactAddressFields value={address} onChange={setAddress} />\n          <Stack>\n            <FormControlLabel\n              control={\n                <Checkbox\n                  checked={marketingConsent}\n                  onChange={(event) => setMarketingConsent(event.target.checked)}\n                />\n              }\n              label=\"This person opted in to marketing email\"\n            />\n            <FormHelperText>\n              {(disclosure ? `${disclosure} ` : '') +\n                'Tick it only if they agreed. Adding a contact is never itself consent.'}\n            </FormHelperText>\n          </Stack>\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            // Held until the capturing site is known: the route resolves the\n            // org from it and stamps the record with it.\n            disabled={Boolean(busy) || !createHostId}\n            onClick={handleSubmit}\n          >\n            {busy ? 'Adding…' : 'Add contact'}\n          </Button>\n        </Stack>\n      </Container>\n    </NavigationDrawerComponent>\n  )\n}\n\nexport default NewContactDrawer\n"],"names":["composeContactName","CONTACT_LIFECYCLE_STAGE_LABELS","CONTACT_NAME_PART_MAX","CRM_SALUTATION_PICKLIST","CONTACT_LIFECYCLE_STAGES","consentGroupDisclosure","consentGroupDisclosureKey","normalizeAddress","normalizeContactEmail","normalizePhone","crmMemberPickerLabel","ICON_VARIANT_CLOSE","Container","MdiIcon","SrOnly","NavigationDrawerComponent","Alert","Button","Checkbox","FormControlLabel","FormHelperText","IconButton","MenuItem","Stack","TextField","Typography","useEffect","useState","useCrmPicklist","useCrmScope","parseContactTags","CompanyPicker","useCompanyOptions","useCreateCompany","ContactAddressFields","EMPTY_ADDRESS","CrmSitePicker","CrmPicklistSelect","NewContactDrawer","props","open","onClose","hostId","org","busy","error","owners","ownersReady","onSubmit","createHostId","createGroup","orgId","consentGroup","salutations","companies","enabled","createCompany","email","setEmail","name","setName","salutation","setSalutation","firstName","setFirstName","lastName","setLastName","mobilePhone","setMobilePhone","department","setDepartment","doNotCall","setDoNotCall","mobileError","setMobileError","phone","setPhone","jobTitle","setJobTitle","company","setCompany","ownerUid","setOwnerUid","lifecycleStage","setLifecycleStage","tags","setTags","address","setAddress","marketingConsent","setMarketingConsent","emailError","setEmailError","phoneError","setPhoneError","handleSubmit","normalizedEmail","trimmedPhone","trim","normalizedPhone","trimmedMobile","normalizedMobile","composedName","slice","companyName","companyId","id","disclosedConsentGroup","disclosure","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","picklistId","picklist","direction","slotProps","htmlInput","maxLength","input","readOnly","undefined","control","checked","options","ready","truncated","_id","picked","onCreate","select","map","stage","length","owner","uid","placeholder"],"mappings":"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"}

package/src/lib/components/new-lead-drawer.d.ts

@@ -1,4 +1,4 @@
-import { type CrmCustomValue, type CrmLeadStatus, type AglynPostalAddress } from '@aglyn/aglyn';
+import { type CrmCustomValue, type CrmLeadProfilePatch, type AglynPostalAddress } from '@aglyn/aglyn';
 import type { OrgMemberOptions } from '../hooks/use-org-member-options';
 /** What the drawer hands back — already normalized where the route would. */
 export interface NewLeadValues {
@@ -9,7 +9,8 @@ export interface NewLeadValues {
     phone: string;
     website: string;
     leadSource: string;
-    status: Extract<CrmLeadStatus, 'new' | 'working'>;
+    /** One of the org's New or Working values, by its label (AGL-3512). */
+    status: string;
     ownerUid: string;
     tags: string[];
     /** The site's campaigns to file the lead under (AGL-3254), by id. */
@@ -22,6 +23,12 @@ export interface NewLeadValues {
      * route stores a `custom` map only when there is one.
      */
     custom?: Record<string, CrmCustomValue>;
+    /**
+     * Salesforce's standard lead fields (AGL-3513) — salutation, the name's
+     * parts, mobile, fax, do not call, industry, rating, size and revenue —
+     * normalized as the route stores them, only the ones that were filled.
+     */
+    standard: Pick<CrmLeadProfilePatch, 'salutation' | 'firstName' | 'lastName' | 'mobilePhone' | 'fax' | 'doNotCall' | 'industry' | 'rating' | 'annualRevenueCents' | 'currency' | 'numberOfEmployees'>;
 }
 export interface NewLeadDrawerProps {
     open: boolean;