@aglyn/plugins-outreach 1.0.0-beta.143

package/src/lib/components/enroll-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/enroll-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 { pluginDocsHelp } from '@aglyn/aglyn'\nimport { HelpTip } from '@aglyn/shared-ui-jsx'\nimport {\n  Alert,\n  Button,\n  Checkbox,\n  Chip,\n  type ChipProps,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  FormControlLabel,\n  FormGroup,\n  List,\n  ListItem,\n  ListItemButton,\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  Paper,\n  Stack,\n  Tab,\n  Tabs,\n  TextField,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport { useMemo, useState } from 'react'\nimport {\n  OUTREACH_ENROLL_BATCH_MAX,\n  type OutreachEnrollOutcome,\n  type OutreachEnrollPreviewPerson,\n  type OutreachEnrollPreviewResponse,\n  type OutreachEnrollPreviewStatus,\n  type OutreachEnrollSource,\n  type OutreachPreviewResponse,\n} from '../model/outreach-api'\nimport {\n  OUTREACH_ATTESTATION_LABELS,\n  OUTREACH_PERSONAL_LINE_MAX,\n  type OutreachAttestationKind,\n  type OutreachSequence,\n} from '../model/outreach.types'\nimport { OutreachLoading, OutreachLoadProblem } from './outreach-ui'\nimport type { OutreachApi } from './use-outreach-api'\nimport {\n  type OutreachContactOption,\n  useOutreachContactSearch,\n  useOutreachSavedViews,\n} from './use-outreach-crm'\n\nexport interface OutreachEnrollDialogProps {\n  open: boolean\n  onClose(): void\n  orgId: string\n  sequence: OutreachSequence\n  /** The consent group of the sequence's site: whose names a search shows. */\n  contactGroupId: string\n  uid: string | null\n  api: OutreachApi\n}\n\nconst STATUS_LABELS: Record<OutreachEnrollPreviewStatus, string> = {\n  eligible: 'Eligible',\n  needs_confirmation: 'Needs you',\n  blocked: 'Blocked',\n}\n\nconst STATUS_COLORS: Record<OutreachEnrollPreviewStatus, ChipProps['color']> = {\n  eligible: 'success',\n  needs_confirmation: 'warning',\n  blocked: 'default',\n}\n\n/** What the rep has supplied for one person. */\ninterface Supplied {\n  include: boolean\n  personalLine: string\n  attestations: OutreachAttestationKind[]\n}\n\ntype Stage =\n  | { kind: 'source' }\n  | { kind: 'previewing' }\n  | { kind: 'preview'; answer: OutreachEnrollPreviewResponse }\n  | { kind: 'enrolling'; answer: OutreachEnrollPreviewResponse }\n  | { kind: 'done'; results: OutreachEnrollOutcome[]; enrolled: number }\n\n/** Whether a person may be sent to Confirm as the rep has left them. */\nexport function outreachPersonReady(\n  person: OutreachEnrollPreviewPerson,\n  supplied: Supplied | undefined,\n): boolean {\n  if (person.status === 'blocked' || !supplied?.include) return false\n  const line = supplied.personalLine.trim()\n  if (line.length > OUTREACH_PERSONAL_LINE_MAX) return false\n  if (person.status === 'eligible') return true\n  if (person.requires.personalLine && !line) return false\n  return person.requires.attestations.every((kind) =>\n    supplied.attestations.includes(kind),\n  )\n}\n\n/**\n * Enroll people in a sequence (AGL-2980).\n *\n * The rep picks a saved Contacts view or searches for people, and sees each\n * marked as the gates see them: eligible, blocked with the reason, or\n * waiting on them — for a cold contact, a personal line and the three\n * attestations only they can make, stored on the enrollment with who ticked\n * them and when. Enroll sends only the people who are ready, and the server\n * checks every gate again as it enrolls them.\n */\nexport function OutreachEnrollDialog(props: OutreachEnrollDialogProps) {\n  const { orgId, sequence, api } = props\n  const theme = useTheme()\n  const narrow = useMediaQuery(theme.breakpoints.down('sm'))\n  const [tab, setTab] = useState<'view' | 'search'>('view')\n  const [viewId, setViewId] = useState('')\n  const [text, setText] = useState('')\n  const [picked, setPicked] = useState<Map<string, OutreachContactOption>>(\n    new Map(),\n  )\n  const [stage, setStage] = useState<Stage>({ kind: 'source' })\n  const [problem, setProblem] = useState<string | null>(null)\n  const [supplied, setSupplied] = useState<Record<string, Supplied>>({})\n  const [emailPreview, setEmailPreview] = useState<\n    Record<\n      string,\n      | { status: 'loading' }\n      | { status: 'ready'; answer: OutreachPreviewResponse }\n      | { status: 'failed'; message: string }\n    >\n  >({})\n\n  const views = useOutreachSavedViews(props.open ? orgId : null, props.uid)\n  const search = useOutreachContactSearch({\n    orgId: props.open && tab === 'search' ? orgId : null,\n    hostId: sequence.hostId,\n    contactGroupId: props.contactGroupId,\n    text,\n  })\n\n  const reset = () => {\n    setStage({ kind: 'source' })\n    setProblem(null)\n    setSupplied({})\n    setEmailPreview({})\n  }\n  const close = () => {\n    reset()\n    setPicked(new Map())\n    setText('')\n    setViewId('')\n    props.onClose()\n  }\n\n  const preview = async (source: OutreachEnrollSource) => {\n    setProblem(null)\n    setStage({ kind: 'previewing' })\n    try {\n      const answer = await api.previewEnrollment(sequence.id, source)\n      setSupplied(\n        Object.fromEntries(\n          answer.people.map((person) => [\n            person.contactId,\n            {\n              include: person.status !== 'blocked',\n              personalLine: '',\n              attestations: [],\n            },\n          ]),\n        ),\n      )\n      setStage({ kind: 'preview', answer })\n    } catch (error) {\n      setProblem((error as Error).message)\n      setStage({ kind: 'source' })\n    }\n  }\n\n  const answer =\n    stage.kind === 'preview' || stage.kind === 'enrolling' ? stage.answer : null\n  const ready = useMemo(\n    () =>\n      answer\n        ? answer.people.filter((person) =>\n            outreachPersonReady(person, supplied[person.contactId]),\n          )\n        : [],\n    [answer, supplied],\n  )\n  const waiting = answer\n    ? answer.people.filter(\n        (person) =>\n          person.status === 'needs_confirmation' &&\n          supplied[person.contactId]?.include &&\n          !outreachPersonReady(person, supplied[person.contactId]),\n      ).length\n    : 0\n\n  const enroll = async () => {\n    if (!answer || !ready.length) return\n    setProblem(null)\n    setStage({ kind: 'enrolling', answer })\n    try {\n      const result = await api.enroll(\n        sequence.id,\n        ready.map((person) => ({\n          contactId: person.contactId,\n          personalLine: supplied[person.contactId]?.personalLine.trim() ?? '',\n          attestations: supplied[person.contactId]?.attestations ?? [],\n        })),\n      )\n      setStage({\n        kind: 'done',\n        results: result.results,\n        enrolled: result.enrolled,\n      })\n    } catch (error) {\n      setProblem((error as Error).message)\n      setStage({ kind: 'preview', answer })\n    }\n  }\n\n  const supply = (contactId: string, next: Partial<Supplied>) =>\n    setSupplied((previous) => ({\n      ...previous,\n      [contactId]: { ...previous[contactId], ...next } as Supplied,\n    }))\n\n  const previewEmail = async (person: OutreachEnrollPreviewPerson) => {\n    setEmailPreview((previous) => ({\n      ...previous,\n      [person.contactId]: { status: 'loading' },\n    }))\n    try {\n      const result = await api.previewEmail({\n        sequenceId: sequence.id,\n        contactId: person.contactId,\n        personalLine: supplied[person.contactId]?.personalLine.trim() ?? '',\n      })\n      setEmailPreview((previous) => ({\n        ...previous,\n        [person.contactId]: { status: 'ready', answer: result },\n      }))\n    } catch (error) {\n      setEmailPreview((previous) => ({\n        ...previous,\n        [person.contactId]: {\n          status: 'failed',\n          message: (error as Error).message,\n        },\n      }))\n    }\n  }\n\n  const title = `Enroll people in ${sequence.name}`\n\n  return (\n    <Dialog\n      open={props.open}\n      onClose={close}\n      fullWidth\n      maxWidth=\"md\"\n      fullScreen={narrow}\n      aria-label={title}\n    >\n      <DialogTitle>\n        <Stack direction=\"row\" spacing={0.5} sx={{ alignItems: 'center' }}>\n          <span>{title}</span>\n          <HelpTip {...pluginDocsHelp('sequences', { anchor: '#enroll' })} />\n        </Stack>\n      </DialogTitle>\n      <DialogContent dividers>\n        <Stack spacing={2}>\n          {problem ? <Alert severity=\"error\">{problem}</Alert> : null}\n\n          {stage.kind === 'source' ? (\n            <>\n              <Tabs\n                value={tab}\n                onChange={(_event, next) => setTab(next)}\n                aria-label=\"Where the people come from\"\n              >\n                <Tab value=\"view\" label=\"Saved view\" />\n                <Tab value=\"search\" label=\"Search\" />\n              </Tabs>\n              {tab === 'view' ? (\n                views.status === 'loading' ? (\n                  <OutreachLoading label=\"Loading saved views…\" />\n                ) : views.status === 'error' || views.status === 'refused' ? (\n                  <OutreachLoadProblem\n                    status={views.status}\n                    what=\"saved views\"\n                    message={\n                      views.status === 'refused'\n                        ? 'Enrolling reads your CRM’s contacts, and your role does not include Manage data.'\n                        : null\n                    }\n                  />\n                ) : views.data.length ? (\n                  <TextField\n                    select\n                    label=\"Saved Contacts view\"\n                    value={viewId}\n                    onChange={(event) => setViewId(event.target.value)}\n                    helperText={`Enrolls up to ${OUTREACH_ENROLL_BATCH_MAX} of the people the view shows at this sequence’s site.`}\n                    fullWidth\n                  >\n                    {views.data.map((view) => (\n                      <MenuItem key={view.id} value={view.id}>\n                        {view.name}\n                      </MenuItem>\n                    ))}\n                  </TextField>\n                ) : (\n                  <Alert severity=\"info\">\n                    You have no saved Contacts views to enroll from. Save one in\n                    the CRM, or search instead.\n                  </Alert>\n                )\n              ) : (\n                <Stack spacing={1.5}>\n                  <TextField\n                    label=\"Search contacts\"\n                    placeholder=\"A name, or an email address\"\n                    value={text}\n                    onChange={(event) => setText(event.target.value)}\n                    fullWidth\n                    autoFocus\n                  />\n                  {search.status === 'loading' ? (\n                    <OutreachLoading label=\"Searching…\" />\n                  ) : null}\n                  {search.status === 'error' || search.status === 'refused' ? (\n                    <OutreachLoadProblem\n                      status={search.status}\n                      what=\"contacts\"\n                      message={\n                        search.status === 'refused'\n                          ? 'Enrolling reads your CRM’s contacts, and your role does not include Manage data.'\n                          : 'The search failed. Try again.'\n                      }\n                    />\n                  ) : null}\n                  {search.status === 'ready' &&\n                  !search.idle &&\n                  !search.data.length ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      No contacts at this sequence’s site match.\n                    </Typography>\n                  ) : null}\n                  {search.data.length ? (\n                    <List dense aria-label=\"Search results\">\n                      {search.data.map((contact) => {\n                        const checked = picked.has(contact.id)\n                        return (\n                          <ListItem key={contact.id} disablePadding>\n                            <ListItemButton\n                              onClick={() =>\n                                setPicked((previous) => {\n                                  const next = new Map(previous)\n                                  if (checked) next.delete(contact.id)\n                                  else if (\n                                    next.size < OUTREACH_ENROLL_BATCH_MAX\n                                  )\n                                    next.set(contact.id, contact)\n                                  return next\n                                })\n                              }\n                            >\n                              <ListItemIcon>\n                                <Checkbox\n                                  edge=\"start\"\n                                  checked={checked}\n                                  tabIndex={-1}\n                                  disableRipple\n                                />\n                              </ListItemIcon>\n                              <ListItemText\n                                primary={\n                                  contact.name || contact.email || contact.id\n                                }\n                                secondary={contact.email}\n                              />\n                            </ListItemButton>\n                          </ListItem>\n                        )\n                      })}\n                    </List>\n                  ) : null}\n                  {picked.size ? (\n                    <Stack\n                      direction=\"row\"\n                      spacing={1}\n                      sx={{ flexWrap: 'wrap', rowGap: 1 }}\n                      aria-label=\"Picked\"\n                    >\n                      {[...picked.values()].map((contact) => (\n                        <Chip\n                          key={contact.id}\n                          size=\"small\"\n                          label={contact.name || contact.email || contact.id}\n                          onDelete={() =>\n                            setPicked((previous) => {\n                              const next = new Map(previous)\n                              next.delete(contact.id)\n                              return next\n                            })\n                          }\n                        />\n                      ))}\n                    </Stack>\n                  ) : null}\n                </Stack>\n              )}\n            </>\n          ) : null}\n\n          {stage.kind === 'previewing' ? (\n            <OutreachLoading label=\"Checking each person…\" />\n          ) : null}\n\n          {answer ? (\n            <Stack spacing={1.5}>\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {summary(answer)}\n              </Typography>\n              {answer.truncated ? (\n                <Alert severity=\"info\">\n                  {`This shows the first ${answer.people.length} of ${answer.total}. Enroll these, then preview again for the rest.`}\n                </Alert>\n              ) : null}\n              <Stack\n                spacing={1}\n                component=\"ul\"\n                sx={{ listStyle: 'none', p: 0, m: 0 }}\n                aria-label=\"People\"\n              >\n                {answer.people.map((person) => (\n                  <PersonRow\n                    key={person.contactId}\n                    person={person}\n                    supplied={supplied[person.contactId]}\n                    onSupply={(next) => supply(person.contactId, next)}\n                    emailPreview={emailPreview[person.contactId]}\n                    onPreviewEmail={() => void previewEmail(person)}\n                    disabled={stage.kind === 'enrolling'}\n                  />\n                ))}\n              </Stack>\n              {waiting ? (\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  {`${waiting} ${waiting === 1 ? 'person still needs' : 'people still need'} a personal line or a confirmation, and won't be enrolled until they have one.`}\n                </Typography>\n              ) : null}\n            </Stack>\n          ) : null}\n\n          {stage.kind === 'done' ? (\n            <DoneSummary results={stage.results} enrolled={stage.enrolled} />\n          ) : null}\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        {stage.kind === 'done' ? (\n          <Button variant=\"contained\" onClick={close}>\n            Done\n          </Button>\n        ) : (\n          <>\n            <Button onClick={close}>Cancel</Button>\n            {stage.kind === 'preview' || stage.kind === 'enrolling' ? (\n              <>\n                <Button onClick={reset} disabled={stage.kind === 'enrolling'}>\n                  Back\n                </Button>\n                <Button\n                  variant=\"contained\"\n                  disabled={!ready.length || stage.kind === 'enrolling'}\n                  onClick={() => void enroll()}\n                >\n                  {stage.kind === 'enrolling'\n                    ? 'Enrolling…'\n                    : `Enroll ${ready.length} ${ready.length === 1 ? 'person' : 'people'}`}\n                </Button>\n              </>\n            ) : (\n              <Button\n                variant=\"contained\"\n                disabled={\n                  stage.kind === 'previewing' ||\n                  (tab === 'view' ? !viewId : !picked.size)\n                }\n                onClick={() =>\n                  void preview(\n                    tab === 'view'\n                      ? { kind: 'view', viewId }\n                      : { kind: 'contacts', contactIds: [...picked.keys()] },\n                  )\n                }\n              >\n                Check people\n              </Button>\n            )}\n          </>\n        )}\n      </DialogActions>\n    </Dialog>\n  )\n}\nOutreachEnrollDialog.displayName = 'OutreachEnrollDialog'\n\nfunction summary(answer: OutreachEnrollPreviewResponse): string {\n  const count = (status: OutreachEnrollPreviewStatus) =>\n    answer.people.filter((person) => person.status === status).length\n  return `${count('eligible')} eligible · ${count('needs_confirmation')} need you · ${count('blocked')} blocked`\n}\n\nfunction PersonRow(props: {\n  person: OutreachEnrollPreviewPerson\n  supplied: Supplied | undefined\n  onSupply(next: Partial<Supplied>): void\n  emailPreview:\n    | { status: 'loading' }\n    | { status: 'ready'; answer: OutreachPreviewResponse }\n    | { status: 'failed'; message: string }\n    | undefined\n  onPreviewEmail(): void\n  disabled: boolean\n}) {\n  const { person, supplied, disabled } = props\n  const name = person.name || person.email || person.contactId\n  const line = supplied?.personalLine ?? ''\n  const tooLong = line.trim().length > OUTREACH_PERSONAL_LINE_MAX\n  return (\n    <Paper component=\"li\" variant=\"outlined\" sx={{ p: 1.5 }} aria-label={name}>\n      <Stack spacing={1}>\n        <Stack\n          direction={{ xs: 'column', sm: 'row' }}\n          spacing={1}\n          sx={{ alignItems: { sm: 'center' } }}\n        >\n          <Stack sx={{ flexGrow: 1, minWidth: 0 }}>\n            <Typography variant=\"body2\">{name}</Typography>\n            {person.email && person.email !== name ? (\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                {person.email}\n              </Typography>\n            ) : null}\n          </Stack>\n          <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n            {person.cold ? (\n              <Chip size=\"small\" variant=\"outlined\" label=\"Cold\" />\n            ) : null}\n            <Chip\n              size=\"small\"\n              label={STATUS_LABELS[person.status]}\n              color={STATUS_COLORS[person.status]}\n            />\n          </Stack>\n        </Stack>\n        {person.status === 'blocked' ? (\n          <Stack component=\"ul\" spacing={0.5} sx={{ m: 0, pl: 2.5 }}>\n            {person.blocks.map((block) => (\n              <Typography\n                key={block.code}\n                component=\"li\"\n                variant=\"body2\"\n                color=\"text.secondary\"\n              >\n                {block.reason}\n              </Typography>\n            ))}\n          </Stack>\n        ) : (\n          <Stack spacing={1}>\n            <FormControlLabel\n              control={\n                <Checkbox\n                  checked={supplied?.include ?? true}\n                  onChange={(event) =>\n                    props.onSupply({ include: event.target.checked })\n                  }\n                  disabled={disabled}\n                />\n              }\n              label=\"Enroll this person\"\n            />\n            {supplied?.include === false ? null : (\n              <>\n                <TextField\n                  label={\n                    person.requires.personalLine\n                      ? 'Personal line'\n                      : 'Personal line (optional)'\n                  }\n                  placeholder=\"One sentence on why you're writing to this person now.\"\n                  value={line}\n                  onChange={(event) =>\n                    props.onSupply({ personalLine: event.target.value })\n                  }\n                  disabled={disabled}\n                  required={person.requires.personalLine}\n                  error={tooLong}\n                  helperText={\n                    tooLong\n                      ? `Keep it to one sentence, under ${OUTREACH_PERSONAL_LINE_MAX} characters.`\n                      : 'Goes where the emails say {{enrollment.personalLine}}.'\n                  }\n                  fullWidth\n                  size=\"small\"\n                />\n                {person.requires.attestations.length ? (\n                  <FormGroup aria-label={`What you confirm about ${name}`}>\n                    {person.requires.attestations.map((kind) => (\n                      <FormControlLabel\n                        key={kind}\n                        control={\n                          <Checkbox\n                            checked={\n                              supplied?.attestations.includes(kind) ?? false\n                            }\n                            onChange={(event) =>\n                              props.onSupply({\n                                attestations: event.target.checked\n                                  ? [...(supplied?.attestations ?? []), kind]\n                                  : (supplied?.attestations ?? []).filter(\n                                      (entry) => entry !== kind,\n                                    ),\n                              })\n                            }\n                            disabled={disabled}\n                          />\n                        }\n                        label={OUTREACH_ATTESTATION_LABELS[kind]}\n                      />\n                    ))}\n                  </FormGroup>\n                ) : null}\n                <Stack direction=\"row\">\n                  <Button\n                    size=\"small\"\n                    onClick={props.onPreviewEmail}\n                    disabled={disabled}\n                  >\n                    Preview the first email\n                  </Button>\n                </Stack>\n                {props.emailPreview?.status === 'loading' ? (\n                  <OutreachLoading label=\"Writing the email…\" />\n                ) : null}\n                {props.emailPreview?.status === 'failed' ? (\n                  <Alert severity=\"error\">{props.emailPreview.message}</Alert>\n                ) : null}\n                {props.emailPreview?.status === 'ready' ? (\n                  props.emailPreview.answer.error ? (\n                    <Alert severity=\"info\">\n                      {props.emailPreview.answer.error.message}\n                    </Alert>\n                  ) : (\n                    <Paper\n                      variant=\"outlined\"\n                      sx={{ p: 1.5 }}\n                      aria-label={`First email to ${name}`}\n                    >\n                      <Typography variant=\"body2\">{`Subject: ${props.emailPreview.answer.subject}`}</Typography>\n                      <Typography\n                        variant=\"body2\"\n                        sx={{\n                          whiteSpace: 'pre-wrap',\n                          wordBreak: 'break-word',\n                          mt: 1,\n                        }}\n                      >\n                        {props.emailPreview.answer.text}\n                      </Typography>\n                    </Paper>\n                  )\n                ) : null}\n              </>\n            )}\n          </Stack>\n        )}\n      </Stack>\n    </Paper>\n  )\n}\n\nfunction DoneSummary(props: {\n  results: OutreachEnrollOutcome[]\n  enrolled: number\n}) {\n  const refused = props.results.filter(\n    (\n      result,\n    ): result is Extract<OutreachEnrollOutcome, { outcome: 'blocked' }> =>\n      result.outcome === 'blocked',\n  )\n  return (\n    <Stack spacing={1.5}>\n      <Alert severity={props.enrolled ? 'success' : 'info'}>\n        {props.enrolled\n          ? `Enrolled ${props.enrolled} ${props.enrolled === 1 ? 'person' : 'people'}. Their first step goes out in the mailbox's sending hours.`\n          : 'Nobody was enrolled.'}\n      </Alert>\n      {refused.length ? (\n        <Stack spacing={1}>\n          <Typography variant=\"subtitle2\">\n            Not enrolled, checked again just now:\n          </Typography>\n          {refused.map((result) => (\n            <Stack key={result.contactId} spacing={0.25}>\n              <Typography variant=\"body2\">\n                {result.email ?? result.contactId}\n              </Typography>\n              {result.blocks.map((block) => (\n                <Typography\n                  key={block.code}\n                  variant=\"body2\"\n                  color=\"text.secondary\"\n                >\n                  {block.reason}\n                </Typography>\n              ))}\n            </Stack>\n          ))}\n        </Stack>\n      ) : null}\n    </Stack>\n  )\n}\n\nexport default OutreachEnrollDialog\n"],"names":["pluginDocsHelp","HelpTip","Alert","Button","Checkbox","Chip","Dialog","DialogActions","DialogContent","DialogTitle","FormControlLabel","FormGroup","List","ListItem","ListItemButton","ListItemIcon","ListItemText","MenuItem","Paper","Stack","Tab","Tabs","TextField","Typography","useMediaQuery","useTheme","useMemo","useState","OUTREACH_ENROLL_BATCH_MAX","OUTREACH_ATTESTATION_LABELS","OUTREACH_PERSONAL_LINE_MAX","OutreachLoading","OutreachLoadProblem","useOutreachContactSearch","useOutreachSavedViews","STATUS_LABELS","eligible","needs_confirmation","blocked","STATUS_COLORS","outreachPersonReady","person","supplied","status","include","line","personalLine","trim","length","requires","attestations","every","kind","includes","OutreachEnrollDialog","props","orgId","sequence","api","theme","narrow","breakpoints","down","tab","setTab","viewId","setViewId","text","setText","picked","setPicked","Map","stage","setStage","problem","setProblem","setSupplied","emailPreview","setEmailPreview","views","open","uid","search","hostId","contactGroupId","reset","close","onClose","preview","source","answer","previewEnrollment","id","Object","fromEntries","people","map","contactId","error","message","ready","filter","waiting","enroll","result","results","enrolled","supply","next","previous","previewEmail","sequenceId","title","name","fullWidth","maxWidth","fullScreen","aria-label","direction","spacing","sx","alignItems","span","anchor","dividers","severity","value","onChange","_event","label","what","data","select","event","target","helperText","view","placeholder","autoFocus","idle","variant","color","dense","contact","checked","has","disablePadding","onClick","delete","size","set","edge","tabIndex","disableRipple","primary","email","secondary","flexWrap","rowGap","values","onDelete","summary","truncated","total","component","listStyle","p","m","PersonRow","onSupply","onPreviewEmail","disabled","DoneSummary","contactIds","keys","displayName","count","tooLong","xs","sm","flexGrow","minWidth","cold","pl","blocks","block","reason","code","control","required","entry","subject","whiteSpace","wordBreak","mt","refused","outcome"],"mappings":"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"}

package/src/lib/components/enrollments-table.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+import { type OutreachEnrollment, type OutreachSequenceStep } from '../model/outreach.types';
+import type { OutreachApi } from './use-outreach-api';
+import type { OutreachEnrollmentsLoad } from './use-outreach-data';
+export interface OutreachEnrollmentsTableProps {
+    enrollments: OutreachEnrollmentsLoad;
+    steps: readonly OutreachSequenceStep[];
+    /** The mailbox's IANA zone, which next sends are read in; `null` for the reader's own. */
+    timeZone: string | null;
+    api: OutreachApi;
+    /** Shown in the empty state when the sequence takes people. */
+    enrollAction?: ReactNode;
+}
+/** The step an enrollment is on, as a person reads it. */
+export declare function outreachCurrentStepLabel(enrollment: Pick<OutreachEnrollment, 'status' | 'stepIndex'>, steps: readonly OutreachSequenceStep[]): string;
+/** Why an enrollment stopped, as the table says it; `''` while it runs. */
+export declare function outreachStopLabel(enrollment: Pick<OutreachEnrollment, 'stopReason' | 'stopDetail'>): string;
+/**
+ * A sequence's enrollments (AGL-2980): who is in it, where each person
+ * stands, when their next step goes out in the mailbox's timezone, and the
+ * four things a member can do about it — pause, resume, stop, and mark
+ * do-not-contact. A table on wider screens, a list of cards on a phone.
+ */
+export declare function OutreachEnrollmentsTable(props: OutreachEnrollmentsTableProps): import("react").JSX.Element;
+export declare namespace OutreachEnrollmentsTable {
+    var displayName: string;
+}
+export default OutreachEnrollmentsTable;

package/src/lib/components/enrollments-table.js

@@ -0,0 +1,375 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import EmptyStateComponent from "@aglyn/shared-ui-jsx/components/empty-state.component";
+import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
+import { ListRowActions, ListTable, listActionsColumn } from "@aglyn/shared-ui-jsx/components/list-table.component";
+import { TABLE_PAGE_SIZE_DEFAULT } from "@aglyn/shared-ui-jsx/const/table-pagination";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { Button, Card, CardContent, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Stack, TextField, Typography, useMediaQuery, useTheme } from "@mui/material";
+import { useState } from "react";
+import { OUTREACH_TASK_KIND_LABELS } from "../model/outreach.types.js";
+import { formatOutreachTime, OUTREACH_STOP_REASON_LABELS, OutreachEnrollmentStatusChip, OutreachLoading, OutreachLoadProblem } from "./outreach-ui.js";
+/** The step an enrollment is on, as a person reads it. */ export function outreachCurrentStepLabel(enrollment, steps) {
+    if (enrollment.status === 'finished' || enrollment.stepIndex >= steps.length) return 'All steps done';
+    const step = steps[enrollment.stepIndex];
+    const kind = (step == null ? void 0 : step.kind) === 'email' ? 'Email' : (step == null ? void 0 : step.kind) === 'task' ? OUTREACH_TASK_KIND_LABELS[step.taskKind] : 'Step';
+    return `Step ${enrollment.stepIndex + 1} of ${steps.length} · ${kind}`;
+}
+/** Why an enrollment stopped, as the table says it; `''` while it runs. */ export function outreachStopLabel(enrollment) {
+    var _OUTREACH_STOP_REASON_LABELS_enrollment_stopReason;
+    if (!enrollment.stopReason) return '';
+    const reason = (_OUTREACH_STOP_REASON_LABELS_enrollment_stopReason = OUTREACH_STOP_REASON_LABELS[enrollment.stopReason]) != null ? _OUTREACH_STOP_REASON_LABELS_enrollment_stopReason : '';
+    return enrollment.stopDetail ? `${reason} — ${enrollment.stopDetail}` : reason;
+}
+/** The last thing that happened: a send, a stop, or the enrollment itself. */ function lastActivityMs(enrollment) {
+    var _enrollment_lastSentAtMs, _enrollment_stoppedAtMs, _enrollment_createdAtMs;
+    return Math.max((_enrollment_lastSentAtMs = enrollment.lastSentAtMs) != null ? _enrollment_lastSentAtMs : 0, (_enrollment_stoppedAtMs = enrollment.stoppedAtMs) != null ? _enrollment_stoppedAtMs : 0, (_enrollment_createdAtMs = enrollment.createdAtMs) != null ? _enrollment_createdAtMs : 0);
+}
+/** What a member may do to an enrollment in the status it is in. */ function actionsFor(enrollment) {
+    const actions = [];
+    if (enrollment.status === 'active') actions.push('pause', 'stop');
+    if (enrollment.status === 'paused') actions.push('resume', 'stop');
+    if (enrollment.status !== 'opted_out') actions.push('do_not_contact');
+    return actions;
+}
+const ACTION_LABELS = {
+    pause: 'Pause',
+    resume: 'Resume',
+    stop: 'Stop',
+    do_not_contact: 'Mark do-not-contact'
+};
+/** What the snackbar says once an action lands. */ const DONE_LABELS = {
+    pause: 'Paused.',
+    resume: 'Resumed.',
+    stop: 'Stopped.'
+};
+/** The two actions that end something for good ask first. */ const CONFIRM = {
+    stop: {
+        title: 'Stop this enrollment?',
+        body: 'They won’t get any more steps from this sequence, and they can’t be enrolled in it again.',
+        label: 'Stop'
+    },
+    do_not_contact: {
+        title: 'Mark do-not-contact?',
+        body: 'The address goes on your organization’s do-not-contact list, which every sequence checks before ' + 'every send, and they are stopped in every sequence they are in.',
+        label: 'Mark do-not-contact'
+    }
+};
+/** The table's columns; the person and the actions are drawn from the row's enrollment. */ function columns(rowActions) {
+    return [
+        {
+            field: 'person',
+            headerName: 'Person',
+            flex: 1,
+            minWidth: 200,
+            sortable: false,
+            renderCell: ({ row })=>/*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 0,
+                    sx: {
+                        justifyContent: 'center',
+                        height: '100%',
+                        minWidth: 0
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            noWrap: true,
+                            children: row.enrollment.contactName || row.enrollment.email
+                        }),
+                        row.enrollment.contactName ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            noWrap: true,
+                            children: row.enrollment.email
+                        }) : null
+                    ]
+                })
+        },
+        {
+            field: 'status',
+            headerName: 'Status',
+            width: 120,
+            renderCell: ({ row })=>/*#__PURE__*/ _jsx(OutreachEnrollmentStatusChip, {
+                    status: row.status
+                })
+        },
+        {
+            field: 'step',
+            headerName: 'Current step',
+            flex: 1,
+            minWidth: 170
+        },
+        {
+            field: 'nextSend',
+            headerName: 'Next send',
+            width: 190,
+            sortable: false
+        },
+        {
+            field: 'lastActivity',
+            headerName: 'Last activity',
+            width: 190,
+            sortable: false
+        },
+        {
+            field: 'stopReason',
+            headerName: 'Stop reason',
+            flex: 1,
+            minWidth: 170
+        },
+        listActionsColumn((row)=>rowActions(row.enrollment), {
+            width: 72
+        })
+    ];
+}
+/**
+ * A sequence's enrollments (AGL-2980): who is in it, where each person
+ * stands, when their next step goes out in the mailbox's timezone, and the
+ * four things a member can do about it — pause, resume, stop, and mark
+ * do-not-contact. A table on wider screens, a list of cards on a phone.
+ */ export function OutreachEnrollmentsTable(props) {
+    var _CONFIRM_confirming_action, _CONFIRM_confirming_action1, _CONFIRM_confirming_action2;
+    const { enrollments, steps, timeZone, api } = props;
+    const theme = useTheme();
+    const narrow = useMediaQuery(theme.breakpoints.down('md'));
+    const { enqueueSnackbar } = useSnackbar();
+    const [confirming, setConfirming] = useState(null);
+    const [detail, setDetail] = useState('');
+    const [busy, setBusy] = useState(null);
+    const [page, setPage] = useState(0);
+    const [pageSize, setPageSize] = useState(TABLE_PAGE_SIZE_DEFAULT);
+    const act = async (enrollment, action, why)=>{
+        setBusy(enrollment.id);
+        try {
+            const answer = await api.actOnEnrollment(enrollment.id, action, why);
+            const others = answer.stoppedOthers;
+            enqueueSnackbar(action === 'do_not_contact' ? `Marked do-not-contact${others ? `, and stopped in ${others} other ${others === 1 ? 'sequence' : 'sequences'}` : ''}.` : answer.changed ? DONE_LABELS[action] : 'Nothing to change.', {
+                variant: 'success'
+            });
+        } catch (error) {
+            enqueueSnackbar(error.message, {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        } finally{
+            setBusy(null);
+        }
+    };
+    const choose = (enrollment, action)=>{
+        if (CONFIRM[action]) {
+            setDetail('');
+            setConfirming({
+                enrollment,
+                action
+            });
+        } else {
+            void act(enrollment, action);
+        }
+    };
+    if (enrollments.status === 'loading') return /*#__PURE__*/ _jsx(OutreachLoading, {
+        label: "Loading enrollments…"
+    });
+    if (enrollments.status === 'error' || enrollments.status === 'refused') {
+        return /*#__PURE__*/ _jsx(OutreachLoadProblem, {
+            status: enrollments.status,
+            what: "enrollments"
+        });
+    }
+    if (!enrollments.data.length) {
+        return /*#__PURE__*/ _jsx(Card, {
+            variant: "outlined",
+            children: /*#__PURE__*/ _jsx(EmptyStateComponent, {
+                label: "Nobody is enrolled yet",
+                description: "People you enroll show here, with where each of them is in the sequence.",
+                action: props.enrollAction
+            })
+        });
+    }
+    const rowActions = (enrollment)=>/*#__PURE__*/ _jsx(ListRowActions, {
+            label: enrollment.contactName || enrollment.email,
+            items: actionsFor(enrollment).map((action)=>({
+                    key: action,
+                    label: ACTION_LABELS[action],
+                    onClick: ()=>choose(enrollment, action),
+                    destructive: action === 'stop' || action === 'do_not_contact',
+                    disabled: busy === enrollment.id
+                }))
+        });
+    const nextSend = (enrollment)=>enrollment.status === 'active' || enrollment.status === 'paused' ? formatOutreachTime(enrollment.nextDueAtMs, timeZone) : '—';
+    const person = (enrollment)=>/*#__PURE__*/ _jsxs(Stack, {
+            spacing: 0,
+            children: [
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    children: enrollment.contactName || enrollment.email
+                }),
+                enrollment.contactName ? /*#__PURE__*/ _jsx(Typography, {
+                    variant: "caption",
+                    color: "text.secondary",
+                    children: enrollment.email
+                }) : null
+            ]
+        });
+    const loaded = enrollments.data;
+    const pageRows = loaded.slice(page * pageSize, (page + 1) * pageSize);
+    const lastLoadedPage = Math.max(0, Math.ceil(loaded.length / pageSize) - 1);
+    /** Past the rows read so far, the next page reads another window first. */ const turnTo = (next)=>{
+        if ((next + 1) * pageSize > loaded.length && enrollments.hasMore) enrollments.showMore();
+        setPage(next);
+    };
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1.5,
+        children: [
+            narrow ? /*#__PURE__*/ _jsx(Stack, {
+                spacing: 1,
+                component: "ul",
+                sx: {
+                    listStyle: 'none',
+                    p: 0,
+                    m: 0
+                },
+                "aria-label": "Enrollments",
+                children: pageRows.map((enrollment)=>/*#__PURE__*/ _jsx(Card, {
+                        variant: "outlined",
+                        component: "li",
+                        children: /*#__PURE__*/ _jsx(CardContent, {
+                            children: /*#__PURE__*/ _jsxs(Stack, {
+                                spacing: 1,
+                                children: [
+                                    /*#__PURE__*/ _jsxs(Stack, {
+                                        direction: "row",
+                                        spacing: 1,
+                                        sx: {
+                                            alignItems: 'flex-start'
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Stack, {
+                                                sx: {
+                                                    flexGrow: 1,
+                                                    minWidth: 0
+                                                },
+                                                children: person(enrollment)
+                                            }),
+                                            /*#__PURE__*/ _jsx(OutreachEnrollmentStatusChip, {
+                                                status: enrollment.status
+                                            }),
+                                            rowActions(enrollment)
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        color: "text.secondary",
+                                        children: outreachCurrentStepLabel(enrollment, steps)
+                                    }),
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        color: "text.secondary",
+                                        children: `Next send: ${nextSend(enrollment)} · Last activity: ${formatOutreachTime(lastActivityMs(enrollment), timeZone)}`
+                                    }),
+                                    outreachStopLabel(enrollment) ? /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        color: "text.secondary",
+                                        children: outreachStopLabel(enrollment)
+                                    }) : null
+                                ]
+                            })
+                        })
+                    }, enrollment.id))
+            }) : /*#__PURE__*/ _jsx(ListTable, {
+                "aria-label": "Enrollments",
+                columns: columns(rowActions),
+                rows: pageRows.map((enrollment)=>({
+                        $id: enrollment.id,
+                        enrollment,
+                        status: enrollment.status,
+                        step: outreachCurrentStepLabel(enrollment, steps),
+                        nextSend: nextSend(enrollment),
+                        lastActivity: formatOutreachTime(lastActivityMs(enrollment), timeZone),
+                        stopReason: outreachStopLabel(enrollment) || '—'
+                    })),
+                quickFilter: false,
+                hideFooter: true
+            }),
+            /*#__PURE__*/ _jsx(ListPagination, {
+                page: page,
+                pageSize: pageSize,
+                rowCount: pageRows.length,
+                count: enrollments.hasMore ? undefined : loaded.length,
+                hasMore: enrollments.hasMore || page < lastLoadedPage,
+                onPageChange: turnTo,
+                onPageSizeChange: setPageSize
+            }),
+            /*#__PURE__*/ _jsx(Dialog, {
+                open: Boolean(confirming),
+                onClose: ()=>setConfirming(null),
+                fullWidth: true,
+                maxWidth: "xs",
+                children: confirming ? /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(DialogTitle, {
+                            children: (_CONFIRM_confirming_action = CONFIRM[confirming.action]) == null ? void 0 : _CONFIRM_confirming_action.title
+                        }),
+                        /*#__PURE__*/ _jsx(DialogContent, {
+                            children: /*#__PURE__*/ _jsxs(Stack, {
+                                spacing: 2,
+                                children: [
+                                    /*#__PURE__*/ _jsx(DialogContentText, {
+                                        children: (_CONFIRM_confirming_action1 = CONFIRM[confirming.action]) == null ? void 0 : _CONFIRM_confirming_action1.body
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Why (optional)",
+                                        value: detail,
+                                        onChange: (event)=>setDetail(event.target.value),
+                                        fullWidth: true,
+                                        slotProps: {
+                                            htmlInput: {
+                                                maxLength: 200
+                                            }
+                                        }
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ _jsxs(DialogActions, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Button, {
+                                    onClick: ()=>setConfirming(null),
+                                    children: "Cancel"
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    color: "error",
+                                    variant: "contained",
+                                    onClick: ()=>{
+                                        const { enrollment, action } = confirming;
+                                        setConfirming(null);
+                                        void act(enrollment, action, detail.trim() || undefined);
+                                    },
+                                    children: (_CONFIRM_confirming_action2 = CONFIRM[confirming.action]) == null ? void 0 : _CONFIRM_confirming_action2.label
+                                })
+                            ]
+                        })
+                    ]
+                }) : null
+            })
+        ]
+    });
+}
+OutreachEnrollmentsTable.displayName = 'OutreachEnrollmentsTable';
+export default OutreachEnrollmentsTable;
+
+//# sourceMappingURL=enrollments-table.js.map

package/src/lib/components/enrollments-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/enrollments-table.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 EmptyStateComponent from '@aglyn/shared-ui-jsx/components/empty-state.component'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport {\n  ListRowActions,\n  ListTable,\n  listActionsColumn,\n  type ListTableProps,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport { TABLE_PAGE_SIZE_DEFAULT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Button,\n  Card,\n  CardContent,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  Stack,\n  TextField,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport { type ReactNode, useState } from 'react'\nimport type { OutreachEnrollmentAction } from '../model/outreach-api'\nimport {\n  OUTREACH_TASK_KIND_LABELS,\n  type OutreachEnrollment,\n  type OutreachSequenceStep,\n} from '../model/outreach.types'\nimport {\n  formatOutreachTime,\n  OUTREACH_STOP_REASON_LABELS,\n  OutreachEnrollmentStatusChip,\n  OutreachLoading,\n  OutreachLoadProblem,\n} from './outreach-ui'\nimport type { OutreachApi } from './use-outreach-api'\nimport type { OutreachEnrollmentsLoad } from './use-outreach-data'\n\nexport interface OutreachEnrollmentsTableProps {\n  enrollments: OutreachEnrollmentsLoad\n  steps: readonly OutreachSequenceStep[]\n  /** The mailbox's IANA zone, which next sends are read in; `null` for the reader's own. */\n  timeZone: string | null\n  api: OutreachApi\n  /** Shown in the empty state when the sequence takes people. */\n  enrollAction?: ReactNode\n}\n\n/** The step an enrollment is on, as a person reads it. */\nexport function outreachCurrentStepLabel(\n  enrollment: Pick<OutreachEnrollment, 'status' | 'stepIndex'>,\n  steps: readonly OutreachSequenceStep[],\n): string {\n  if (enrollment.status === 'finished' || enrollment.stepIndex >= steps.length)\n    return 'All steps done'\n  const step = steps[enrollment.stepIndex]\n  const kind =\n    step?.kind === 'email'\n      ? 'Email'\n      : step?.kind === 'task'\n        ? OUTREACH_TASK_KIND_LABELS[step.taskKind]\n        : 'Step'\n  return `Step ${enrollment.stepIndex + 1} of ${steps.length} · ${kind}`\n}\n\n/** Why an enrollment stopped, as the table says it; `''` while it runs. */\nexport function outreachStopLabel(\n  enrollment: Pick<OutreachEnrollment, 'stopReason' | 'stopDetail'>,\n): string {\n  if (!enrollment.stopReason) return ''\n  const reason = OUTREACH_STOP_REASON_LABELS[enrollment.stopReason] ?? ''\n  return enrollment.stopDetail ? `${reason} — ${enrollment.stopDetail}` : reason\n}\n\n/** The last thing that happened: a send, a stop, or the enrollment itself. */\nfunction lastActivityMs(enrollment: OutreachEnrollment): number {\n  return Math.max(\n    enrollment.lastSentAtMs ?? 0,\n    enrollment.stoppedAtMs ?? 0,\n    enrollment.createdAtMs ?? 0,\n  )\n}\n\n/** What a member may do to an enrollment in the status it is in. */\nfunction actionsFor(\n  enrollment: OutreachEnrollment,\n): OutreachEnrollmentAction[] {\n  const actions: OutreachEnrollmentAction[] = []\n  if (enrollment.status === 'active') actions.push('pause', 'stop')\n  if (enrollment.status === 'paused') actions.push('resume', 'stop')\n  if (enrollment.status !== 'opted_out') actions.push('do_not_contact')\n  return actions\n}\n\nconst ACTION_LABELS: Record<OutreachEnrollmentAction, string> = {\n  pause: 'Pause',\n  resume: 'Resume',\n  stop: 'Stop',\n  do_not_contact: 'Mark do-not-contact',\n}\n\n/** What the snackbar says once an action lands. */\nconst DONE_LABELS: Record<\n  Exclude<OutreachEnrollmentAction, 'do_not_contact'>,\n  string\n> = {\n  pause: 'Paused.',\n  resume: 'Resumed.',\n  stop: 'Stopped.',\n}\n\n/** The two actions that end something for good ask first. */\nconst CONFIRM: Partial<\n  Record<\n    OutreachEnrollmentAction,\n    { title: string; body: string; label: string }\n  >\n> = {\n  stop: {\n    title: 'Stop this enrollment?',\n    body: 'They won’t get any more steps from this sequence, and they can’t be enrolled in it again.',\n    label: 'Stop',\n  },\n  do_not_contact: {\n    title: 'Mark do-not-contact?',\n    body:\n      'The address goes on your organization’s do-not-contact list, which every sequence checks before ' +\n      'every send, and they are stopped in every sequence they are in.',\n    label: 'Mark do-not-contact',\n  },\n}\n\n/** The table's columns; the person and the actions are drawn from the row's enrollment. */\nfunction columns(\n  rowActions: (enrollment: OutreachEnrollment) => ReactNode,\n): NonNullable<ListTableProps['columns']> {\n  return [\n    {\n      field: 'person',\n      headerName: 'Person',\n      flex: 1,\n      minWidth: 200,\n      sortable: false,\n      renderCell: ({ row }) => (\n        <Stack\n          spacing={0}\n          sx={{ justifyContent: 'center', height: '100%', minWidth: 0 }}\n        >\n          <Typography variant=\"body2\" noWrap>\n            {row.enrollment.contactName || row.enrollment.email}\n          </Typography>\n          {row.enrollment.contactName ? (\n            <Typography variant=\"caption\" color=\"text.secondary\" noWrap>\n              {row.enrollment.email}\n            </Typography>\n          ) : null}\n        </Stack>\n      ),\n    },\n    {\n      field: 'status',\n      headerName: 'Status',\n      width: 120,\n      renderCell: ({ row }) => (\n        <OutreachEnrollmentStatusChip status={row.status} />\n      ),\n    },\n    { field: 'step', headerName: 'Current step', flex: 1, minWidth: 170 },\n    { field: 'nextSend', headerName: 'Next send', width: 190, sortable: false },\n    {\n      field: 'lastActivity',\n      headerName: 'Last activity',\n      width: 190,\n      sortable: false,\n    },\n    { field: 'stopReason', headerName: 'Stop reason', flex: 1, minWidth: 170 },\n    listActionsColumn((row) => rowActions(row.enrollment), { width: 72 }),\n  ]\n}\n\n/**\n * A sequence's enrollments (AGL-2980): who is in it, where each person\n * stands, when their next step goes out in the mailbox's timezone, and the\n * four things a member can do about it — pause, resume, stop, and mark\n * do-not-contact. A table on wider screens, a list of cards on a phone.\n */\nexport function OutreachEnrollmentsTable(props: OutreachEnrollmentsTableProps) {\n  const { enrollments, steps, timeZone, api } = props\n  const theme = useTheme()\n  const narrow = useMediaQuery(theme.breakpoints.down('md'))\n  const { enqueueSnackbar } = useSnackbar()\n  const [confirming, setConfirming] = useState<{\n    enrollment: OutreachEnrollment\n    action: OutreachEnrollmentAction\n  } | null>(null)\n  const [detail, setDetail] = useState('')\n  const [busy, setBusy] = useState<string | null>(null)\n  const [page, setPage] = useState(0)\n  const [pageSize, setPageSize] = useState(TABLE_PAGE_SIZE_DEFAULT)\n\n  const act = async (\n    enrollment: OutreachEnrollment,\n    action: OutreachEnrollmentAction,\n    why?: string,\n  ) => {\n    setBusy(enrollment.id)\n    try {\n      const answer = await api.actOnEnrollment(enrollment.id, action, why)\n      const others = answer.stoppedOthers\n      enqueueSnackbar(\n        action === 'do_not_contact'\n          ? `Marked do-not-contact${others ? `, and stopped in ${others} other ${others === 1 ? 'sequence' : 'sequences'}` : ''}.`\n          : answer.changed\n            ? DONE_LABELS[action]\n            : 'Nothing to change.',\n        { variant: 'success' },\n      )\n    } catch (error) {\n      enqueueSnackbar((error as Error).message, {\n        variant: 'error',\n        allowDuplicate: true,\n      })\n    } finally {\n      setBusy(null)\n    }\n  }\n\n  const choose = (\n    enrollment: OutreachEnrollment,\n    action: OutreachEnrollmentAction,\n  ) => {\n    if (CONFIRM[action]) {\n      setDetail('')\n      setConfirming({ enrollment, action })\n    } else {\n      void act(enrollment, action)\n    }\n  }\n\n  if (enrollments.status === 'loading')\n    return <OutreachLoading label=\"Loading enrollments…\" />\n  if (enrollments.status === 'error' || enrollments.status === 'refused') {\n    return (\n      <OutreachLoadProblem status={enrollments.status} what=\"enrollments\" />\n    )\n  }\n  if (!enrollments.data.length) {\n    return (\n      <Card variant=\"outlined\">\n        <EmptyStateComponent\n          label=\"Nobody is enrolled yet\"\n          description=\"People you enroll show here, with where each of them is in the sequence.\"\n          action={props.enrollAction}\n        />\n      </Card>\n    )\n  }\n\n  const rowActions = (enrollment: OutreachEnrollment) => (\n    <ListRowActions\n      label={enrollment.contactName || enrollment.email}\n      items={actionsFor(enrollment).map((action) => ({\n        key: action,\n        label: ACTION_LABELS[action],\n        onClick: () => choose(enrollment, action),\n        destructive: action === 'stop' || action === 'do_not_contact',\n        disabled: busy === enrollment.id,\n      }))}\n    />\n  )\n  const nextSend = (enrollment: OutreachEnrollment) =>\n    enrollment.status === 'active' || enrollment.status === 'paused'\n      ? formatOutreachTime(enrollment.nextDueAtMs, timeZone)\n      : '—'\n  const person = (enrollment: OutreachEnrollment) => (\n    <Stack spacing={0}>\n      <Typography variant=\"body2\">\n        {enrollment.contactName || enrollment.email}\n      </Typography>\n      {enrollment.contactName ? (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {enrollment.email}\n        </Typography>\n      ) : null}\n    </Stack>\n  )\n\n  const loaded = enrollments.data\n  const pageRows = loaded.slice(page * pageSize, (page + 1) * pageSize)\n  const lastLoadedPage = Math.max(0, Math.ceil(loaded.length / pageSize) - 1)\n  /** Past the rows read so far, the next page reads another window first. */\n  const turnTo = (next: number) => {\n    if ((next + 1) * pageSize > loaded.length && enrollments.hasMore)\n      enrollments.showMore()\n    setPage(next)\n  }\n\n  return (\n    <Stack spacing={1.5}>\n      {narrow ? (\n        <Stack\n          spacing={1}\n          component=\"ul\"\n          sx={{ listStyle: 'none', p: 0, m: 0 }}\n          aria-label=\"Enrollments\"\n        >\n          {pageRows.map((enrollment) => (\n            <Card key={enrollment.id} variant=\"outlined\" component=\"li\">\n              <CardContent>\n                <Stack spacing={1}>\n                  <Stack\n                    direction=\"row\"\n                    spacing={1}\n                    sx={{ alignItems: 'flex-start' }}\n                  >\n                    <Stack sx={{ flexGrow: 1, minWidth: 0 }}>\n                      {person(enrollment)}\n                    </Stack>\n                    <OutreachEnrollmentStatusChip status={enrollment.status} />\n                    {rowActions(enrollment)}\n                  </Stack>\n                  <Typography variant=\"body2\" color=\"text.secondary\">\n                    {outreachCurrentStepLabel(enrollment, steps)}\n                  </Typography>\n                  <Typography variant=\"body2\" color=\"text.secondary\">\n                    {`Next send: ${nextSend(enrollment)} · Last activity: ${formatOutreachTime(lastActivityMs(enrollment), timeZone)}`}\n                  </Typography>\n                  {outreachStopLabel(enrollment) ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {outreachStopLabel(enrollment)}\n                    </Typography>\n                  ) : null}\n                </Stack>\n              </CardContent>\n            </Card>\n          ))}\n        </Stack>\n      ) : (\n        <ListTable\n          aria-label=\"Enrollments\"\n          columns={columns(rowActions)}\n          rows={pageRows.map((enrollment) => ({\n            $id: enrollment.id,\n            enrollment,\n            status: enrollment.status,\n            step: outreachCurrentStepLabel(enrollment, steps),\n            nextSend: nextSend(enrollment),\n            lastActivity: formatOutreachTime(\n              lastActivityMs(enrollment),\n              timeZone,\n            ),\n            stopReason: outreachStopLabel(enrollment) || '—',\n          }))}\n          quickFilter={false}\n          hideFooter\n        />\n      )}\n      <ListPagination\n        page={page}\n        pageSize={pageSize}\n        rowCount={pageRows.length}\n        count={enrollments.hasMore ? undefined : loaded.length}\n        hasMore={enrollments.hasMore || page < lastLoadedPage}\n        onPageChange={turnTo}\n        onPageSizeChange={setPageSize}\n      />\n\n      <Dialog\n        open={Boolean(confirming)}\n        onClose={() => setConfirming(null)}\n        fullWidth\n        maxWidth=\"xs\"\n      >\n        {confirming ? (\n          <>\n            <DialogTitle>{CONFIRM[confirming.action]?.title}</DialogTitle>\n            <DialogContent>\n              <Stack spacing={2}>\n                <DialogContentText>\n                  {CONFIRM[confirming.action]?.body}\n                </DialogContentText>\n                <TextField\n                  label=\"Why (optional)\"\n                  value={detail}\n                  onChange={(event) => setDetail(event.target.value)}\n                  fullWidth\n                  slotProps={{ htmlInput: { maxLength: 200 } }}\n                />\n              </Stack>\n            </DialogContent>\n            <DialogActions>\n              <Button onClick={() => setConfirming(null)}>Cancel</Button>\n              <Button\n                color=\"error\"\n                variant=\"contained\"\n                onClick={() => {\n                  const { enrollment, action } = confirming\n                  setConfirming(null)\n                  void act(enrollment, action, detail.trim() || undefined)\n                }}\n              >\n                {CONFIRM[confirming.action]?.label}\n              </Button>\n            </DialogActions>\n          </>\n        ) : null}\n      </Dialog>\n    </Stack>\n  )\n}\nOutreachEnrollmentsTable.displayName = 'OutreachEnrollmentsTable'\n\nexport default OutreachEnrollmentsTable\n"],"names":["EmptyStateComponent","ListPagination","ListRowActions","ListTable","listActionsColumn","TABLE_PAGE_SIZE_DEFAULT","useSnackbar","Button","Card","CardContent","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","Stack","TextField","Typography","useMediaQuery","useTheme","useState","OUTREACH_TASK_KIND_LABELS","formatOutreachTime","OUTREACH_STOP_REASON_LABELS","OutreachEnrollmentStatusChip","OutreachLoading","OutreachLoadProblem","outreachCurrentStepLabel","enrollment","steps","status","stepIndex","length","step","kind","taskKind","outreachStopLabel","stopReason","reason","stopDetail","lastActivityMs","Math","max","lastSentAtMs","stoppedAtMs","createdAtMs","actionsFor","actions","push","ACTION_LABELS","pause","resume","stop","do_not_contact","DONE_LABELS","CONFIRM","title","body","label","columns","rowActions","field","headerName","flex","minWidth","sortable","renderCell","row","spacing","sx","justifyContent","height","variant","noWrap","contactName","email","color","width","OutreachEnrollmentsTable","props","enrollments","timeZone","api","theme","narrow","breakpoints","down","enqueueSnackbar","confirming","setConfirming","detail","setDetail","busy","setBusy","page","setPage","pageSize","setPageSize","act","action","why","id","answer","actOnEnrollment","others","stoppedOthers","changed","error","message","allowDuplicate","choose","what","data","description","enrollAction","items","map","key","onClick","destructive","disabled","nextSend","nextDueAtMs","person","loaded","pageRows","slice","lastLoadedPage","ceil","turnTo","next","hasMore","showMore","component","listStyle","p","m","aria-label","direction","alignItems","flexGrow","rows","$id","lastActivity","quickFilter","hideFooter","rowCount","count","undefined","onPageChange","onPageSizeChange","open","Boolean","onClose","fullWidth","maxWidth","value","onChange","event","target","slotProps","htmlInput","maxLength","trim","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAEA,OAAOA,yBAAyB,wDAAuD;AACvF,SAASC,cAAc,QAAQ,4DAA2D;AAC1F,SACEC,cAAc,EACdC,SAAS,EACTC,iBAAiB,QAEZ,uDAAsD;AAC7D,SAASC,uBAAuB,QAAQ,8CAA6C;AACrF,SAASC,WAAW,QAAQ,8BAA6B;AACzD,SACEC,MAAM,EACNC,IAAI,EACJC,WAAW,EACXC,MAAM,EACNC,aAAa,EACbC,aAAa,EACbC,iBAAiB,EACjBC,WAAW,EACXC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,aAAa,EACbC,QAAQ,QACH,gBAAe;AACtB,SAAyBC,QAAQ,QAAQ,QAAO;AAEhD,SACEC,yBAAyB,QAGpB,6BAAyB;AAChC,SACEC,kBAAkB,EAClBC,2BAA2B,EAC3BC,4BAA4B,EAC5BC,eAAe,EACfC,mBAAmB,QACd,mBAAe;AActB,wDAAwD,GACxD,OAAO,SAASC,yBACdC,UAA4D,EAC5DC,KAAsC;IAEtC,IAAID,WAAWE,MAAM,KAAK,cAAcF,WAAWG,SAAS,IAAIF,MAAMG,MAAM,EAC1E,OAAO;IACT,MAAMC,OAAOJ,KAAK,CAACD,WAAWG,SAAS,CAAC;IACxC,MAAMG,OACJD,CAAAA,wBAAAA,KAAMC,IAAI,MAAK,UACX,UACAD,CAAAA,wBAAAA,KAAMC,IAAI,MAAK,SACbb,yBAAyB,CAACY,KAAKE,QAAQ,CAAC,GACxC;IACR,OAAO,CAAC,KAAK,EAAEP,WAAWG,SAAS,GAAG,EAAE,IAAI,EAAEF,MAAMG,MAAM,CAAC,GAAG,EAAEE,MAAM;AACxE;AAEA,yEAAyE,GACzE,OAAO,SAASE,kBACdR,UAAiE;QAGlDL;IADf,IAAI,CAACK,WAAWS,UAAU,EAAE,OAAO;IACnC,MAAMC,UAASf,qDAAAA,2BAA2B,CAACK,WAAWS,UAAU,CAAC,YAAlDd,qDAAsD;IACrE,OAAOK,WAAWW,UAAU,GAAG,GAAGD,OAAO,GAAG,EAAEV,WAAWW,UAAU,EAAE,GAAGD;AAC1E;AAEA,4EAA4E,GAC5E,SAASE,eAAeZ,UAA8B;QAElDA,0BACAA,yBACAA;IAHF,OAAOa,KAAKC,GAAG,EACbd,2BAAAA,WAAWe,YAAY,YAAvBf,2BAA2B,IAC3BA,0BAAAA,WAAWgB,WAAW,YAAtBhB,0BAA0B,IAC1BA,0BAAAA,WAAWiB,WAAW,YAAtBjB,0BAA0B;AAE9B;AAEA,kEAAkE,GAClE,SAASkB,WACPlB,UAA8B;IAE9B,MAAMmB,UAAsC,EAAE;IAC9C,IAAInB,WAAWE,MAAM,KAAK,UAAUiB,QAAQC,IAAI,CAAC,SAAS;IAC1D,IAAIpB,WAAWE,MAAM,KAAK,UAAUiB,QAAQC,IAAI,CAAC,UAAU;IAC3D,IAAIpB,WAAWE,MAAM,KAAK,aAAaiB,QAAQC,IAAI,CAAC;IACpD,OAAOD;AACT;AAEA,MAAME,gBAA0D;IAC9DC,OAAO;IACPC,QAAQ;IACRC,MAAM;IACNC,gBAAgB;AAClB;AAEA,iDAAiD,GACjD,MAAMC,cAGF;IACFJ,OAAO;IACPC,QAAQ;IACRC,MAAM;AACR;AAEA,2DAA2D,GAC3D,MAAMG,UAKF;IACFH,MAAM;QACJI,OAAO;QACPC,MAAM;QACNC,OAAO;IACT;IACAL,gBAAgB;QACdG,OAAO;QACPC,MACE,qGACA;QACFC,OAAO;IACT;AACF;AAEA,yFAAyF,GACzF,SAASC,QACPC,UAAyD;IAEzD,OAAO;QACL;YACEC,OAAO;YACPC,YAAY;YACZC,MAAM;YACNC,UAAU;YACVC,UAAU;YACVC,YAAY,CAAC,EAAEC,GAAG,EAAE,iBAClB,MAACpD;oBACCqD,SAAS;oBACTC,IAAI;wBAAEC,gBAAgB;wBAAUC,QAAQ;wBAAQP,UAAU;oBAAE;;sCAE5D,KAAC/C;4BAAWuD,SAAQ;4BAAQC,MAAM;sCAC/BN,IAAIvC,UAAU,CAAC8C,WAAW,IAAIP,IAAIvC,UAAU,CAAC+C,KAAK;;wBAEpDR,IAAIvC,UAAU,CAAC8C,WAAW,iBACzB,KAACzD;4BAAWuD,SAAQ;4BAAUI,OAAM;4BAAiBH,MAAM;sCACxDN,IAAIvC,UAAU,CAAC+C,KAAK;6BAErB;;;QAGV;QACA;YACEd,OAAO;YACPC,YAAY;YACZe,OAAO;YACPX,YAAY,CAAC,EAAEC,GAAG,EAAE,iBAClB,KAAC3C;oBAA6BM,QAAQqC,IAAIrC,MAAM;;QAEpD;QACA;YAAE+B,OAAO;YAAQC,YAAY;YAAgBC,MAAM;YAAGC,UAAU;QAAI;QACpE;YAAEH,OAAO;YAAYC,YAAY;YAAae,OAAO;YAAKZ,UAAU;QAAM;QAC1E;YACEJ,OAAO;YACPC,YAAY;YACZe,OAAO;YACPZ,UAAU;QACZ;QACA;YAAEJ,OAAO;YAAcC,YAAY;YAAeC,MAAM;YAAGC,UAAU;QAAI;QACzE5D,kBAAkB,CAAC+D,MAAQP,WAAWO,IAAIvC,UAAU,GAAG;YAAEiD,OAAO;QAAG;KACpE;AACH;AAEA;;;;;CAKC,GACD,OAAO,SAASC,yBAAyBC,KAAoC;QA6LnDxB,4BAIPA,6BAsBFA;IAtNf,MAAM,EAAEyB,WAAW,EAAEnD,KAAK,EAAEoD,QAAQ,EAAEC,GAAG,EAAE,GAAGH;IAC9C,MAAMI,QAAQhE;IACd,MAAMiE,SAASlE,cAAciE,MAAME,WAAW,CAACC,IAAI,CAAC;IACpD,MAAM,EAAEC,eAAe,EAAE,GAAGjF;IAC5B,MAAM,CAACkF,YAAYC,cAAc,GAAGrE,SAG1B;IACV,MAAM,CAACsE,QAAQC,UAAU,GAAGvE,SAAS;IACrC,MAAM,CAACwE,MAAMC,QAAQ,GAAGzE,SAAwB;IAChD,MAAM,CAAC0E,MAAMC,QAAQ,GAAG3E,SAAS;IACjC,MAAM,CAAC4E,UAAUC,YAAY,GAAG7E,SAASf;IAEzC,MAAM6F,MAAM,OACVtE,YACAuE,QACAC;QAEAP,QAAQjE,WAAWyE,EAAE;QACrB,IAAI;YACF,MAAMC,SAAS,MAAMpB,IAAIqB,eAAe,CAAC3E,WAAWyE,EAAE,EAAEF,QAAQC;YAChE,MAAMI,SAASF,OAAOG,aAAa;YACnClB,gBACEY,WAAW,mBACP,CAAC,qBAAqB,EAAEK,SAAS,CAAC,iBAAiB,EAAEA,OAAO,OAAO,EAAEA,WAAW,IAAI,aAAa,aAAa,GAAG,GAAG,CAAC,CAAC,GACtHF,OAAOI,OAAO,GACZpD,WAAW,CAAC6C,OAAO,GACnB,sBACN;gBAAE3B,SAAS;YAAU;QAEzB,EAAE,OAAOmC,OAAO;YACdpB,gBAAgB,AAACoB,MAAgBC,OAAO,EAAE;gBACxCpC,SAAS;gBACTqC,gBAAgB;YAClB;QACF,SAAU;YACRhB,QAAQ;QACV;IACF;IAEA,MAAMiB,SAAS,CACblF,YACAuE;QAEA,IAAI5C,OAAO,CAAC4C,OAAO,EAAE;YACnBR,UAAU;YACVF,cAAc;gBAAE7D;gBAAYuE;YAAO;QACrC,OAAO;YACL,KAAKD,IAAItE,YAAYuE;QACvB;IACF;IAEA,IAAInB,YAAYlD,MAAM,KAAK,WACzB,qBAAO,KAACL;QAAgBiC,OAAM;;IAChC,IAAIsB,YAAYlD,MAAM,KAAK,WAAWkD,YAAYlD,MAAM,KAAK,WAAW;QACtE,qBACE,KAACJ;YAAoBI,QAAQkD,YAAYlD,MAAM;YAAEiF,MAAK;;IAE1D;IACA,IAAI,CAAC/B,YAAYgC,IAAI,CAAChF,MAAM,EAAE;QAC5B,qBACE,KAACxB;YAAKgE,SAAQ;sBACZ,cAAA,KAACxE;gBACC0D,OAAM;gBACNuD,aAAY;gBACZd,QAAQpB,MAAMmC,YAAY;;;IAIlC;IAEA,MAAMtD,aAAa,CAAChC,2BAClB,KAAC1B;YACCwD,OAAO9B,WAAW8C,WAAW,IAAI9C,WAAW+C,KAAK;YACjDwC,OAAOrE,WAAWlB,YAAYwF,GAAG,CAAC,CAACjB,SAAY,CAAA;oBAC7CkB,KAAKlB;oBACLzC,OAAOT,aAAa,CAACkD,OAAO;oBAC5BmB,SAAS,IAAMR,OAAOlF,YAAYuE;oBAClCoB,aAAapB,WAAW,UAAUA,WAAW;oBAC7CqB,UAAU5B,SAAShE,WAAWyE,EAAE;gBAClC,CAAA;;IAGJ,MAAMoB,WAAW,CAAC7F,aAChBA,WAAWE,MAAM,KAAK,YAAYF,WAAWE,MAAM,KAAK,WACpDR,mBAAmBM,WAAW8F,WAAW,EAAEzC,YAC3C;IACN,MAAM0C,SAAS,CAAC/F,2BACd,MAACb;YAAMqD,SAAS;;8BACd,KAACnD;oBAAWuD,SAAQ;8BACjB5C,WAAW8C,WAAW,IAAI9C,WAAW+C,KAAK;;gBAE5C/C,WAAW8C,WAAW,iBACrB,KAACzD;oBAAWuD,SAAQ;oBAAUI,OAAM;8BACjChD,WAAW+C,KAAK;qBAEjB;;;IAIR,MAAMiD,SAAS5C,YAAYgC,IAAI;IAC/B,MAAMa,WAAWD,OAAOE,KAAK,CAAChC,OAAOE,UAAU,AAACF,CAAAA,OAAO,CAAA,IAAKE;IAC5D,MAAM+B,iBAAiBtF,KAAKC,GAAG,CAAC,GAAGD,KAAKuF,IAAI,CAACJ,OAAO5F,MAAM,GAAGgE,YAAY;IACzE,yEAAyE,GACzE,MAAMiC,SAAS,CAACC;QACd,IAAI,AAACA,CAAAA,OAAO,CAAA,IAAKlC,WAAW4B,OAAO5F,MAAM,IAAIgD,YAAYmD,OAAO,EAC9DnD,YAAYoD,QAAQ;QACtBrC,QAAQmC;IACV;IAEA,qBACE,MAACnH;QAAMqD,SAAS;;YACbgB,uBACC,KAACrE;gBACCqD,SAAS;gBACTiE,WAAU;gBACVhE,IAAI;oBAAEiE,WAAW;oBAAQC,GAAG;oBAAGC,GAAG;gBAAE;gBACpCC,cAAW;0BAEVZ,SAAST,GAAG,CAAC,CAACxF,2BACb,KAACpB;wBAAyBgE,SAAQ;wBAAW6D,WAAU;kCACrD,cAAA,KAAC5H;sCACC,cAAA,MAACM;gCAAMqD,SAAS;;kDACd,MAACrD;wCACC2H,WAAU;wCACVtE,SAAS;wCACTC,IAAI;4CAAEsE,YAAY;wCAAa;;0DAE/B,KAAC5H;gDAAMsD,IAAI;oDAAEuE,UAAU;oDAAG5E,UAAU;gDAAE;0DACnC2D,OAAO/F;;0DAEV,KAACJ;gDAA6BM,QAAQF,WAAWE,MAAM;;4CACtD8B,WAAWhC;;;kDAEd,KAACX;wCAAWuD,SAAQ;wCAAQI,OAAM;kDAC/BjD,yBAAyBC,YAAYC;;kDAExC,KAACZ;wCAAWuD,SAAQ;wCAAQI,OAAM;kDAC/B,CAAC,WAAW,EAAE6C,SAAS7F,YAAY,kBAAkB,EAAEN,mBAAmBkB,eAAeZ,aAAaqD,WAAW;;oCAEnH7C,kBAAkBR,4BACjB,KAACX;wCAAWuD,SAAQ;wCAAQI,OAAM;kDAC/BxC,kBAAkBR;yCAEnB;;;;uBAxBCA,WAAWyE,EAAE;+BA+B5B,KAAClG;gBACCsI,cAAW;gBACX9E,SAASA,QAAQC;gBACjBiF,MAAMhB,SAAST,GAAG,CAAC,CAACxF,aAAgB,CAAA;wBAClCkH,KAAKlH,WAAWyE,EAAE;wBAClBzE;wBACAE,QAAQF,WAAWE,MAAM;wBACzBG,MAAMN,yBAAyBC,YAAYC;wBAC3C4F,UAAUA,SAAS7F;wBACnBmH,cAAczH,mBACZkB,eAAeZ,aACfqD;wBAEF5C,YAAYD,kBAAkBR,eAAe;oBAC/C,CAAA;gBACAoH,aAAa;gBACbC,UAAU;;0BAGd,KAAChJ;gBACC6F,MAAMA;gBACNE,UAAUA;gBACVkD,UAAUrB,SAAS7F,MAAM;gBACzBmH,OAAOnE,YAAYmD,OAAO,GAAGiB,YAAYxB,OAAO5F,MAAM;gBACtDmG,SAASnD,YAAYmD,OAAO,IAAIrC,OAAOiC;gBACvCsB,cAAcpB;gBACdqB,kBAAkBrD;;0BAGpB,KAACvF;gBACC6I,MAAMC,QAAQhE;gBACdiE,SAAS,IAAMhE,cAAc;gBAC7BiE,SAAS;gBACTC,UAAS;0BAERnE,2BACC;;sCACE,KAAC1E;uCAAayC,6BAAAA,OAAO,CAACiC,WAAWW,MAAM,CAAC,qBAA1B5C,2BAA4BC,KAAK;;sCAC/C,KAAC5C;sCACC,cAAA,MAACG;gCAAMqD,SAAS;;kDACd,KAACvD;mDACE0C,8BAAAA,OAAO,CAACiC,WAAWW,MAAM,CAAC,qBAA1B5C,4BAA4BE,IAAI;;kDAEnC,KAACzC;wCACC0C,OAAM;wCACNkG,OAAOlE;wCACPmE,UAAU,CAACC,QAAUnE,UAAUmE,MAAMC,MAAM,CAACH,KAAK;wCACjDF,SAAS;wCACTM,WAAW;4CAAEC,WAAW;gDAAEC,WAAW;4CAAI;wCAAE;;;;;sCAIjD,MAACvJ;;8CACC,KAACJ;oCAAO+G,SAAS,IAAM7B,cAAc;8CAAO;;8CAC5C,KAAClF;oCACCqE,OAAM;oCACNJ,SAAQ;oCACR8C,SAAS;wCACP,MAAM,EAAE1F,UAAU,EAAEuE,MAAM,EAAE,GAAGX;wCAC/BC,cAAc;wCACd,KAAKS,IAAItE,YAAYuE,QAAQT,OAAOyE,IAAI,MAAMf;oCAChD;+CAEC7F,8BAAAA,OAAO,CAACiC,WAAWW,MAAM,CAAC,qBAA1B5C,4BAA4BG,KAAK;;;;;qBAItC;;;;AAIZ;AACAoB,yBAAyBsF,WAAW,GAAG;AAEvC,eAAetF,yBAAwB"}

package/src/lib/components/mailbox-card.d.ts

@@ -0,0 +1,46 @@
+import type { OutreachMailbox } from '../model/outreach.types';
+import type { OutreachMailboxApi } from './use-outreach-mailbox-api';
+export interface MailboxCardProps {
+    mailbox: OutreachMailbox;
+    /** The viewer is the member who connected it. */
+    isMine: boolean;
+    /** The viewer may change, pause and disconnect it: its member, or an org owner or admin. */
+    canManage: boolean;
+    api: OutreachMailboxApi;
+    /** Starts a new Google connect, for a mailbox that needs reconnecting. */
+    onReconnect(): void;
+    /** True while that connect is on its way to Google. */
+    reconnecting?: boolean;
+    /** The clock the health window and today's limit are read on. */
+    nowMs?: number;
+}
+/**
+ * What the card says about a mailbox that paused ITSELF (AGL-2981): the
+ * engine's own sentence, when it paused, and — after a complaint — the day
+ * resuming stops being premature. Nothing sends from it until a member
+ * resumes it.
+ */
+export declare function autoPauseSentence(mailbox: Pick<OutreachMailbox, 'autoPause' | 'timezone'>): string;
+/** Accessible names of the card's actions, spelled once for the specs. */
+export declare const MAILBOX_ACTION_LABELS: {
+    readonly save: "Save settings";
+    readonly pause: "Pause";
+    readonly resume: "Resume";
+    readonly test: "Send a test to myself";
+    readonly disconnect: "Disconnect";
+    readonly reconnect: "Reconnect";
+};
+/**
+ * One connected mailbox (AGL-2978): its account and status, its last seven
+ * days, its settings, and pause, test and disconnect.
+ *
+ * Every control is offered only where the route will allow it: the settings
+ * form and pause and disconnect to the member who connected the mailbox or an
+ * org owner or admin, and the test and the reconnect to its member alone,
+ * because both act in that member's own Google account.
+ */
+export declare function MailboxCard(props: MailboxCardProps): import("react").JSX.Element;
+export declare namespace MailboxCard {
+    var displayName: string;
+}
+export default MailboxCard;